Bookflare - A Modern Education & LMS HTML Template

Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates. You need file PSD or images please contact via skyper:themesflat or email themesflat@gmail.com we will send this for you.

Template features:

  • HTML5 & CSS3
  • Responsive Template
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • SEO Ready
  • W3C Valid source code
  • Cross-browser Compatible
  • Life time FREE updates
  • Retina Ready
  • Unlimited Colors
  • Boxed or Wide layout
  • Ajax Contact Form
  • 16+ Demos
  • Parallax Effect
  • & much more...

HTML Structure

Bookflare - A Modern Education & LMS HTML Template Bookflare - A Modern Education & LMS HTML Template is a Modern, Creative, Responsive. Template Design suitable for Educational Institutions like Universities and Colleges, Online Courses / Online Learning and Events. Clean, crisp and simple design that can easily be adapted and used for variety of similar niche websites. This HTML Template has dark & light versions, boxed & wide versions, Singlepage & Multipage versions, & Unlimited Colors. 
<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Bookflare - A Modern Education & LMS HTML Template</title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Template Style -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- Animation Style -->    

    <!-- Favicon and touch icons  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

    <!-- Section -->
    <section class="flat-row"> </section>

    <!-- Footer -->
    <footer class="footer"> </footer>

   	<!-- Bottom -->
   	<div class="bottom"> </bottom>

   	<!-- Go Top -->
    <a class="go-top">
     	<i class="fa fa-angle-up"></a>
    </a>
   
   <!-- Javascript -->
   <script type="text/javascript" src="javascript/jquery.min.js"></script>
   <script type="text/javascript" src="javascript/bootstrap.min.js"></script>
   <script type="text/javascript" src="javascript/jquery.easing.js"></script>
   <script type="text/javascript" src="javascript/jquery-waypoints.js"></script>
   <script type="text/javascript" src="javascript/owl.carousel.js"></script>
   <script type="text/javascript" src="javascript/parallax.js"></script>
   <script type="text/javascript" src="javascript/jquery.cookie.js"></script>   
   <script type="text/javascript" src="javascript/jquery-countTo.js"></script>
   <script type="text/javascript" src="jquery.sticky.js"></script>
   <script type="text/javascript" src="javascript/main.js"></script>
</body>

</html>

CSS System

The Bookflare CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Style.css ( Template style )


/**
  *
  * Reset
  * Repeatable Patterns
  * Extra Class 
  * Top
  * Header
  * Mobile Menu Button 
  * Mobile navigation
  * Flat Page Title
  * Flat Paginations
  * Footer
  * Widget
  * Bottom
  * Events Pages
  * Instructors Pages
  * FAQs Pages
  * Shop Pages
  * About Pages
  * Courses Pages
  * Flat Slider
  * Go Top
  * Preload
  * Switcher
  *
**/

Shortcodes.css ( Shortcodes - Elements style )

You can easily use the shortcodes to create your own page.


/**
  * 
  * Overlay
  * Flat Button
  * Flat Title
  * Parallax
  * Border
  * Flat Info
  * Flat Action
  * Flat Adds
  * Flat Event
  * Flat Featured
  * Iconbox
  * Imgbox
  * Flat Counter
  * Flat Tabs
  * Flat Team
  * Flat Search
  * Flat Accodion
  * Transition Hover
  * Flat Img Single Slider
  * Flat About Info
  * Flat About Detail
  * Flat Video
  * Flat Free Month
  * Flat Courses
  * Flat Filter Isotype
  * Flat Popular Courses
  * Flat Register Now
  * Flat Skilled Instructors
  * Flat Upcoming Events
  * Flat Testimonials
  * Flat Services
  * Flat Categories
  *
**/

Javascript - Fonts - Animation - Bootstrap style

/**  
  * font-awesome.css
  * owl.carousel.css

  * animate.css
  * shortcodes.css

  * bootstrap.css 
  * revolution-slider.css
*/

Javascript Custom

Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

Main.js ( javascript/main.js )


/**
  * responsiveMenu();
  * parallax();
  * recentOwl();
  * tabs();
  * accordionToggle();
  * flatOwl();
  * flatVideo();
  * flatIsotopeCourse();
  * flatSearch();
  * flatCounter();
  * flatRetinaLogo();
  * goTop();
  * headerFixed();
  * flatAnimsition();
  * inViewport();
  * preLoader();
  * countDownTime();
  * 
**/

Shortcodes System

You can easily use the shortcodes to create your own page.

    
/**
  * 
  * Overlay
  * Flat Button
  * Flat Title
  * Parallax
  * Border
  * Flat Info
  * Flat Action
  * Flat Adds
  * Flat Event
  * Flat Featured
  * Iconbox
  * Imgbox
  * Flat Counter
  * Flat Tabs
  * Flat Team
  * Flat Search
  * Flat Accodion
  * Transition Hover
  * Flat Img Single Slider
  * Flat About Info
  * Flat About Detail
  * ImgBox
  * Flat Video
  * Flat Free Month
  * Flat Courses
  * Flat Filter Isotype
  * Flat Popular Courses
  * Flat Register Now
  * Flat Skilled Instructors
  * Flat Upcoming Events
  * Flat Testimonials
  * Flat Services
  * Flat Categories
  *
**/

Contact Form

To edit the contact form to send mails to your email box, you can look for the config.php. You need to edit yourname@yourdomain.com to your email.

contact-process.php ( contact/contact-process.php )


$address = "themesflat@gmail.com";

Credits