Coaching HTML Template

Coaching - Training, Coaching & Business HTML Template

  • Version: 1.0.0
  • Last Updated: 20/07/2016
  • Author: Themesflat
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.

Template features:

  • HTML5 & CSS3
  • Responsive Template
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Boxed or Wide layout
  • Ajax Contact Form
  • 3 Portfolio page
  • Portfolio Masonry
  • Portfolio grid alt
  • Four types of header
  • 2 Blog Page
  • Parallax Effect
  • & much more...

HTML Structure

Coaching – Training, Coaching, and business HTML Template is a premium HTML Template with its design particularly regards to Training and Coaching as well as it enables you to build a wide variety of business websites.

Based on our super-flexible framework, Coaching is responsive Template allowing you to setup your own web page with its outstanding feature such as a varied header with 4+ styles.

Get Coaching now along with our whole-hearted support!

Below is Coaching basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Coaching Template</title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme 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.isotope.min.js"></script>
   <script type="text/javascript" src="javascript/imagesloaded.min.js"></script>
   <script type="text/javascript" src="javascript/owl.carousel.js"></script>
   <script type="text/javascript" src="javascript/jquery.fancybox.js"></script>
   <script type="text/javascript" src="javascript/jquery-waypoints.js"></script>   
   <script type="text/javascript" src="javascript/jquery.flexslider-min.js"></script>   
   <script type="text/javascript" src="javascript/jquery-countTo.js"></script>   
   <script type="text/javascript" src="javascript/jquery.cookie.js"></script>
   <script type="text/javascript" src="javascript/jquery.magnific-popup.min.js"></script>
   <script type="text/javascript" src="javascript/parallax.js"></script>
   <script type="text/javascript" src="javascript/jquery.countdown.js"></script>
   <script type="text/javascript" src="javascript/switcher.js"></script>
   <script type="text/javascript" src="javascript/main.js"></script>
</body>

</html>

CSS System

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

Style.css ( Theme style )


/** 
  * Reset
  * Repeatable Patterns
  * a Link
  * Top 
  * Header
  * Mobile navigation
  * Flat header information
  * Flat search
  * Widget
  * Page header
  * Page title
  * Blog post
  * Blog single
  * Navigation
  * Flat search result
  * 404
  * Boxed
  * Switcher
  * GoTop Button
  * Footer
  * Parallax
  * Revolution Slider
  * Preload
*/

Shortcodes.css ( Shortcodes - Elements style )

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


/** 
  * Item
  * Flat themes
  * Flat divider
  * Row
  * Flat button 
  * Flat social 
  * Flat portfolio
  * Flat portfolio single
  * Flat general 
  * Flat general  
  * Flat about  
  * Flat general sidebar   
  * Flat counter  
  * Flat accordion   
  * Flat teammember  
  * Flat clients  
  * Flat faq   
  * Flat general text  
  * Flat history  
  * Flat testimonials   
  * Flat awards and recognition   
  * Flat slotholder    
  * Flat services 
  * Flat title button   
  * Flat title section   
  * Flat contact us   
  * Flat imagebox  
  * Flat quick form  
  * Flat blog shortcode
  * Flat latest post
  * Flat services
  * Progress Bar
  * Training programs
  * Flat iconbox
  * Flat tabs
  * Flat contactform
  * Flat map
  * Flat shop
  * Flat shop detail 
  * Flat list about
  * Flat video fancybox
*/

Javascript - Fonts - Animation - Bootstrap style

/**  
  * font-awesome.css
  * magnific-popup.css

  * owl.carousel.css
  * flexslider.css
  * justifiedGallery.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 )


/**
  * isMobile
  * responsiveMenu
  * headerFixed
  * ajaxContactForm
  * alertBox
  * portfolioSlider
  * generalSlider
  * flatTestimonial
  * detectViewport
  * flatCounter
  * googleMap
  * swClick
  * popupGallery
  * flatAccordion
  * portfolioIsotope
  * flatTabs
  * goTop
  * progressBar
  * menuActive
  * retinaLogos
  * parallax
  * videoPopup
  * removePreloader 
*/

Shortcodes System

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

    
/** 
  * Item
  * Flat themes
  * Flat divider
  * Row
  * Flat button 
  * Flat social 
  * Flat portfolio
  * Flat portfolio single
  * Flat general 
  * Flat general  
  * Flat about  
  * Flat general sidebar   
  * Flat counter  
  * Flat accordion   
  * Flat teammember  
  * Flat clients  
  * Flat faq   
  * Flat general text  
  * Flat history  
  * Flat testimonials   
  * Flat awards and recognition   
  * Flat slotholder    
  * Flat services 
  * Flat title button   
  * Flat title section   
  * Flat contact us   
  * Flat imagebox  
  * Flat quick form  
  * Flat blog shortcode
  * Flat latest post
  * Flat services
  * Progress Bar
  * Training programs
  * Flat iconbox
  * Flat tabs
  * Flat contactform
  * Flat map
  * Flat shop
  * Flat shop detail 
  * Flat list about
  * Flat video fancybox
*/

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";

appoinment 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.

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


$address = "themesflat@gmail.com";

Credits