AnyCar - HTML Template for Automotive & Business

AnyCar - HTML Template for Automotive & Business

  • 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. 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
  • Ajax Appoinment Form
  • 3 gallery styles
  • 8 options of homepage
  • One page
  • 3 Blog Page
  • Parallax Effect
  • & much more...

HTML Structure

Anycar is a HTML template it is dedicated for automotive, car, business, mechanic, repair service website. It contains 8+ options of homepage, 3+ gallery styles, 3+ blog pages.

We designed our Anycar template to be simple to use, intuitive and powerful, and most importantly results orientated.

Get Anycar now along with our whole-hearted support!

Below is Anycar basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>AnyCar - HTML Template for Automotive & Business</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">
    </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-ui.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/smoothscroll.js"></script>
   <script type="text/javascript" src="javascript/jquery-validate.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 Anycar CSS System contains 3 parts:
  • Theme style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Style.css ( Theme style )


/**
  * Reset
  * Repeatable Patterns
  * Headerbar
  * Header
  * Page title
  * Breadcrumbs
  * Blog
  * Blog-grid
  * Blog medium
  * Navigation
  * Services
  * Widget
  * Footer
  * GoTop Button
  * Flat 404
  * Parallax
  * Boxed
  * Switcher
  * Flat map
  * Revolution Slider
  * Preload
*/

				

Shortcodes.css ( Shortcodes - Elements style )

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


/**  
  * Row
  * Flat divider
  * Social-link
  * Flat-Preloader
  * Title section
  * Images single
  * Download
  * Iconbox
  * Contact-now
  * Flat button
  * Content text 
  * Pricing
  * Pricing table
  * Gallery - v1
  * Related Gallery
  * About team
  * Client
  * Flat progress Bar
  * Flat tabs
  * Flat counter
  * Flat testimonials
  * Flat brands
  * Flat question
  * Flat accordion
  * Shop
  * Flat about us
  * Blog slider
  * Flat imagebox
  * Flat iconlist
  * Flat price products
  * Flat icontext
  * Flat anycar-text
  * Flat shop by
  * Flat shortcodes blog post
  * Flat extra pages
  * Flat countdown
  * 
*/
				

Javascript - Fonts - Animation - Bootstrap style

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

  * owl.carousel.css
  * flexslider.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
  * simpleSlider
  * imagesSingleSlider
  * popupGallery
  * headerFixed
  * progressBar
  * parallax
  * flatCountdown
  * memberSlider
  * blogpostSlider
  * blogSlider
  * gallery_project
  * ajaxContactForm
  * alertBox
  * flatTabs
  * flatCounter
  * flatTestimonial
  * flatBrands
  * flatAccordion
  * flatFilterPrice
  * goTop
  * swClick 
  * googleMap 
  * flatSearch
  * onepage_nav
  * detectViewport
  * removePreloader
*/

				

Shortcodes System

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

    
/**  
  * Row
  * Flat divider
  * Social-link
  * Flat-Preloader
  * Title section
  * Images single
  * Download
  * Iconbox
  * Contact-now
  * Flat button
  * Content text 
  * Pricing
  * Pricing table
  * Gallery - v1
  * Related Gallery
  * About team
  * Client
  * Flat progress Bar
  * Flat tabs
  * Flat counter
  * Flat testimonials
  * Flat brands
  * Flat question
  * Flat accordion
  * Shop
  * Flat about us
  * Blog slider
  * Flat imagebox
  * Flat iconlist
  * Flat price products
  * Flat icontext
  * Flat anycar-text
  * Flat shop by
  * Flat shortcodes blog post
  * Flat extra pages
  * Flat countdown
  * 
*/
				

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