Canabia is a website template designed for medical marijuana dispensaries, clinics, pharma and cannabis farms, offering a responsive, feature-rich online presence with a Visual Builder for drag-and-drop page construction.
Template Purpose and Target Audience
- Designed for medical marijuana producers, marijuana dispensaries, medical cannabis and weed shops’ websites.
- Provides a bright design with high functionality to help your business establish a strong online presence.
- Available in light and dark color schemes, with boxed and wide layout variations for flexible visual styles.
- Fully responsive and optimized to look good on every screen size and resolution.
- Equipped with Visual Page Builder for easy page customization without coding.
Visual Builder and Page Creation
- Use Visual Builder to create single-page or multipage websites with no coding.
- Drag’n’drop layout building and editing for quick page design.
- Easy to create multipage and single-page sites, including pages based on existing saved pages.
- Inline content editing and easy-to-edit predefined building blocks.
- Highlighted HTML source code editing for advanced customization.
- Project import and export to manage designs across environments.
- Drag’n’drop image upload and easy page preview.
- Generate HTML files into your siteroot directory and create ZIP archives with all files needed for production deployment.
- No webserver is necessary for basic use.
Note: Visual Builder is not actual HTML editor. It also cannot modify existing HTML pages. Its main purpose is creating new pages with predefined building blocks.
Template Features
- 100+ Predefined HTML pages
- Various Headers, Footers etc.
- Side (Left and Right) Menu
- Mega Menu
- Bootstrap 3 based
- PSD files included
- Fully Responsive
- Animate everything you want
- Parallax Sections
- Tons of shortcodes
- Light & Dark Versions
- Boxed & Wide Versions
- Extremely Customizable
- Free Fonts and icons
- Working PHP Scripts and Widgets included:
- Instagram Widget
- Flickr Widget
- MailChimp Subscribe Form
- Twitter Widget
- Contact Form
- Search
- Clean and Valid Code
- And much more
What You Get
- HTML, CSS, JS & PHP files
- Working PHP scripts
- Full layered PSD files
- Free Icon Fonts
- Good documentation
Credits and Sources
We used Twitter Bootstrap v3 as CSS framework for this template.
Fonts and Icon Sources
- Fonts:
- http://www.google.com/fonts/ – Google WebFonts
- http://www.socicon.com/ – Social Icons Font
- http://fontawesome.io/ – Font Awesome
- http://icomoon.io/ – teaser rt-icons font
Template Scripts
- modernizr-2.6.2.min.js detecting browser’s features.
- jquery-2.2.4.min.js is a popular JavaScript library.
- bootstrap.min.js is a stantard Twitter Bootstrap library.
- respond.min.js is required for working Twitter Bootstrap v3 in older browsers.
- html5shiv.min.js adds HTML5 compatibility for older browsers.
- superfish.js is a script that enables a dropdown menu.
- hoverIntent.js is a component for superfish menu.
- jquery.flexslider-min.js is a jQuery plugin for the main and bottom sliders.
- jquery.isotope.min.js is a jQuery plugin for filtrable gallery.
- jquery.prettyPhoto.js is a jQuery plugin for displaying lightbox content.
- jquery.ui.totop.js is a jQuery plugin for toTop button.
- jquery.easing.1.3.js is a jQuery plugin for different types of animation
- jquery.scrollTo-min.js and jquery.localscroll-min.js needed for smooth single page navigation.
- jquery.easypiechart.min.js is a jQuery plugin that uses the canvas element to render simple pie charts for single values.
- jquery.jflickrfeed.min.js plugin makes it easy to pull Flickr feeds and display them on your site.
- jquery.tweet.min.js plugin enables twitter widget on your site.
- owl.carousel.min.js is a jQuery carousel plugin for “partners” section
- jquery.bxslider.min.js is a jQuery slider plugin
- jquery.nicescroll.min.js is a plugin used to replace browser’s standard scroll bar
- jquery.fractionslider.min.js is a great slider plugin for the main slider
- jquery.parallax-1.1.3.js is used for parallax backgrounds.
- jquery.appear.js is used to determine whether the HTML element is inside the browser’s viewport
- jquery.scrollbar.min.js is a jQuery plugin for custom scrollbar
- bootstrap-progressbar.min.js is used for animating Twitter Bootstrap progressbars
- jquery.countTo.js is used for teasers with counter
- jquery.cookie.js is used for store cookies information in the template
- spectragram.min.js is used for Instagram feed
- jquery.countdown.min.js is used for Coming Soon page
Builder Scripts
- jquery-ui.min.js is a popular UI library for jQuery
- tinymce.min.js is a popular WYSIWYG editor
- dropzone.js is drag’n’drop file upload library
- bootstrap-select.min.js is s custom select for Twitter Bootstrap using button dropdown
- angular.min.js is a powerful Google JavaScript framework
- angular-bootstrap-select.js is a Angular module for select input elements
- angular-dropzone.js is a module for Angular to work with Dropzone lib
- angular-sanitize.min.js is a module for Angular to sanitize HTML code
- angular.ngStorage.min.js is a module for Angular to work with browser Local Storage
Images
- depositphotos.com
- danielezedda.com
- foodiesfeed.com
- gratisography.com
- magdeleine.co
- picjumbo.com
- picography.co
- unsplash.com
- freepsdfiles.net
- free-logo-design.net
Notes on Media Usage
NOTE: The images used in the template are not included in the main download file, they are only for the preview purpose.