Web Template - Honey Bee
Welcome To Honey Bee
Firstly, a huge thanks for visiting this theme, your support is truly appreciated!
This document covers the installation and use of this theme and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document. Thank you so much!
Free Bootstrap 4 HTML5 Responsive Magazine Website Template Features
- Clean & Simple Design
- HTML5 & CSS3
- Fully Responsive Design
- PHP/Ajax Powered Working Contact Form
- All files are well commented
- Cross Browser Compatible with IE11+, Firefox, Safari, Opera, Chrome
- Extensive Documentation
Honey Bee Documentation
Installing Template.
- After unzipping the download pack, you'll find a Template Folder with all the files.
- You can view this Template in any browser, you can display or edit the Template without an internet connection. (May does not work fonts and google Maps).
- The only section that will not work is the Contact Section which contains PHP code and requires a server environment for sending messages.
- Now go to your Cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server root.
- Once the files are done uploading go to www.yourdomainname.com/index.html
Template Structure
All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html).
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | < header class = "header_area" > </ header > < main class = "site-main" > < section class = "section" > </ section > < section class = "section" > </ section > < section class = "section" > </ section > </ main > < footer class = "footer" > </ footer > |
CSS Files and Structure
These are the css files that are loaded into templates in Head Section.
1 2 3 4 5 6 7 8 9 10 11 | <!-- CSS ============================================= --> < link rel = "stylesheet" href = "css/bootstrap.css" > < link rel = "stylesheet" href = "css/themify-icons.css" > < link rel = "stylesheet" href = "css/flaticon.css" > < link rel = "stylesheet" href = "vendors/fontawesome/css/all.min.css" > < link rel = "stylesheet" href = "vendors/animate-css/animate.css" > < link rel = "stylesheet" href = "vendors/popup/magnific-popup.css" > < link rel = "stylesheet" href = "css/style.css" > < link rel = "stylesheet" href = "css/responsive.css" > |
Google Web Fonts
By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.
1 2 3 4 5 6 | <!-- Google Font =========================== --> < link href = "https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700" rel = "stylesheet" > < link href = "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel = "stylesheet" > |
Remember to change the font into main.css
Javascript Files and Structure
These are the list of Javascript files that are loaded into templates in end of the Body Section.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!-- JavaScripts ========================== --> < script src = "js/jquery-2.2.4.min.js" ></ script > < script src = "js/popper.js" ></ script > < script src = "js/bootstrap.min.js" ></ script > < script src = "js/stellar.js" ></ script > < script src = "vendors/popup/jquery.magnific-popup.min.js" ></ script > < script src = "js/jquery.ajaxchimp.min.js" ></ script > < script src = "js/waypoints.min.js" ></ script > < script src = "js/mail-script.js" ></ script > < script src = "js/contact.js" ></ script > < script src = "js/jquery.form.js" ></ script > < script src = "js/jquery.validate.min.js" ></ script > < script src = "js/mail-script.js" ></ script > < script src = "js/theme.js" ></ script > |
Contact Form
This is a PHP Script for sending messages to your email, you should replace rockybd1995@gmail to your email to start receive messages.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | $to = 'rockybd1995@gmail' ; // replace this mail with yours $firstname = $_POST [ "fname" ]; $email = $_POST [ "email" ]; $headers = 'MIME-Version: 1.0' . "\r\n" ; $headers .= "From: " . $email . "\r\n" ; // Sender's E-mail $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n" ; $message ='<table style= "width:100%" > <tbody><tr> <td> '.$firstname.' '.$laststname.' </td> </tr> <tr><td>Email: '.$email.' </td></tr> </tbody></table>'; if (@mail( $to , $email , $message , $headers )) { echo 'The message has been sent.' ; } else { echo 'failed' ; } |
Subscription Form
Replace this action with your own mailchimp post URL. Don't remove the "". Just paste the url inside "".
1 2 3 4 5 | <div id= "mc_embed_signup" > //Replace this action with your own mailchimp post URL. Don't remove the "". Just paste the url inside "". <form target= "_blank" novalidate= "" action= "https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&id=92a4423d01" method= "get" class= "subscription relative d-flex justify-content-center" ></form> </div> |
..
..
Free Bootstrap 4 HTML5 Responsive Magazine Website Template
Besides, Honey Bee has unique features and handy options packed with it. It comprises sticky navigation, hover effects, video player with modal view, drop-down menu, and to name a few. Honey Bee is all set to go out of the box and easily tweakable too. You can reshape it anytime you want because the code is well-commented and well-organized. In short, craft an elegant website with Honey Bee and shine online!
Key Features
- Built on top of Bootstrap 4
- Clean and minimal design
- Cross-browser compatibility
- Fully responsive
- Multi-page template
- Sticky top navigation bar
- Call to action button
- Hover effects
- Off-canvas search option
- Modal YouTube video player
- Footer navigations
- Drop-down menu
- Breadcrumbs
- Blog section
- Instagram Feeds
- Pagination UI
- Google maps
- Newsletter subscription form
- Comment from UI
- Working contact form
- FontAwesome font icons
- Extensive documentation
In The Box
- All demo images
- 8 HTML files
- 1 PHP file
- CSS & SCSS files
- Font Icons
- Documentation
- JavaScript source files
- Library and plugin files
Libraries and Plugins
..
Comments
Post a Comment