Automov - Car Repair, Auto Car Services HTML Template

  • Version: 1.0.0
  • Last Updated: October 24 2018
  • 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. 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
  • Retina Ready
  • Unlimited Colors
  • Boxed or Wide layout
  • Ajax Contact Form
  • 2 Home Page
  • 2 Portfolio page
  • Parallax Effect
  • & much more...

HTML Structure

Automov - Construction Business HTMl Template

Below is Automov basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Automov 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="assets/js/jquery.min.js"></script>
   <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="assets/js/jquery.easing.js"></script>
   <script type="text/javascript" src="assets/js/jquery-waypoints.js"></script>
   <script type="text/javascript" src="assets/js/owl.carousel.js"></script>
   <script type="text/javascript" src="assets/js/parallax.js"></script>
   <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>   
   <script type="text/javascript" src="assets/js/switcher.js"></script>      
   <script type="text/javascript" src="assets/js/main.js"></script>
</body>

</html>

CSS System

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

Style.css ( Template style )


/**
  *
  *	Reset
  *	Repeatable Patterns
  * Extra classes
  * Typography
  * Top
  * Header
  * Mobile Menu Button
  * Mobile navigation
  * Page Title
  * Sidebar
  * Pagination
  * Footer
  * Grid
  * Shop Page
  * Error Page
  * Gallery Page
  * Team Page
  * Contact Page
  * Book Calendar Page
  * Projects Page
  * Services Page
  * Slider
  * Preloader
  * Go Top
  * Switcher
  *
**/

Shortcodes.css ( Shortcodes - Elements style )

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


/**
  *
  * Overlay
  * Hover
  * Button
  * Sub Columns
  * Post
  * Flat Heading 
  * Flat Comments
  * Flat Contact 
  * Iconbox 
  * Imgbox 
  * Flat Socails 
  * Flat Info 
  * Flat Copy Right 
  * Flat Title Page
  * Logo 
  * Menu Extra
  * Flat Price Filter 
  * Tabs
  * Search Top 
  * Flat Form Comment
  * Flat Action
  * Owl Carousel 
  * Textbox 
  * Flat Title
  * Flat Overviews Slider
  * Flat Filter
  * Flat Projects
  * Flat Why Us
  * Flat News Section
  * Flat Team
  * Flat Client 
  * Flat Gallery
  * Flat Counter			
  * Flat Testimonials			
  * Flat Auto Motive			
  * Flat Skills		
  * List Hover	
  * Img Single	
  * Flat Who Are	
  * Flat Video
  * Flat Car Repair
  * Flat Our Mission
  * Flat Safety Recalls
  * Flat Question
  * Flat Support
  * Accordion
  * Flat Make Appointment
  * Flat Contact
  * Flat Map
  * Flat Wellcome
  * Flat Advantages
  * Flat Form Comment
  * Fullbox
  * Flat Mission
  * Flat Blogs
  * Flat Highlight Products
  * Flat Seller Repair
  * Flat Categories Car
  * Flat Accessories
  * Flat Popular Product
  * Flat Freeship Service
  * Flat Professional Services
  * Flat News
  * Flat Form Contact
  * Flat Lighthight Service
  * Flat Border
  * Flat Timeline
  * Flat Count Down
  * Flat Search Form
  * Flat About
  * Flat Company Overviews
  * Flat Gallery Img
  * Flat Detail Price
  * Flat Brief Description
  * Flat Cope Work
  * Flat Single Service
  * Flat Featured Services
  * Flat Parameter
  * Flat Price List
  * Parallax
  * Validate
  *
 **/

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 ( js/main.js )


/**
  * themesflatSearch();
  * menuCanvas();
  * toggleExtramenu();
  * toggleMenu();
  * priceFilter();
  * rangeYear();
  * zoomPic();
  * tabs();
  * flatSpacer();
  * flatOwl();
  * overviewSlide();
  * flatIsotope();
  * whyusToggle();     
  * goTop();
  * flatCounter();
  * progressBar();
  * VideoPopup();
  * accordionToggle();
  * googleMap();
  * flatEqualizeHeight();
  * flatIsotopeProduct();
  * responsiveMenu();
  * parallax();
  * changeImg();
  * headerFixed();
  * flatRetinaLogo();
  * swClick();
  * ajaxContactForm();
  * ajaxSubscribe();
  * inViewport();
  * preLoader();
**/

Shortcodes System

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

    
/**
  *
  * Overlay
  * Hover
  * Button
  * Sub Columns
  * Post
  * Flat Heading 
  * Flat Comments
  * Flat Contact 
  * Iconbox 
  * Imgbox 
  * Flat Socails 
  * Flat Info 
  * Flat Copy Right 
  * Flat Title Page
  * Logo 
  * Menu Extra
  * Flat Price Filter 
  * Tabs
  * Search Top 
  * Flat Form Comment
  * Flat Action
  * Owl Carousel 
  * Textbox 
  * Flat Title
  * Flat Overviews Slider
  * Flat Filter
  * Flat Projects
  * Flat Why Us
  * Flat News Section
  * Flat Team
  * Flat Client 
  * Flat Gallery
  * Flat Counter			
  * Flat Testimonials			
  * Flat Auto Motive			
  * Flat Skills		
  * List Hover	
  * Img Single	
  * Flat Who Are	
  * Flat Video
  * Flat Car Repair
  * Flat Our Mission
  * Flat Safety Recalls
  * Flat Question
  * Flat Support
  * Accordion
  * Flat Make Appointment
  * Flat Contact
  * Flat Map
  * Flat Wellcome
  * Flat Advantages
  * Flat Form Comment
  * Fullbox
  * Flat Mission
  * Flat Blogs
  * Flat Highlight Products
  * Flat Seller Repair
  * Flat Categories Car
  * Flat Accessories
  * Flat Popular Product
  * Flat Freeship Service
  * Flat Professional Services
  * Flat News
  * Flat Form Contact
  * Flat Lighthight Service
  * Flat Border
  * Flat Timeline
  * Flat Count Down
  * Flat Search Form
  * Flat About
  * Flat Company Overviews
  * Flat Gallery Img
  * Flat Detail Price
  * Flat Brief Description
  * Flat Cope Work
  * Flat Single Service
  * Flat Featured Services
  * Flat Parameter
  * Flat Price List
  * Parallax
  * Validate
  *
 **/

Credits