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