Motorx - Car Dealer & Listing HTML Template

  • Version: 1.0.0
  • Last Updated: February 22 2024
  • 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
Email: helpdeskthemesflat@gmail.com
Skype id: helpdeskthemesflat
Create ticket id : https://themesflat.ticksy.com/ticket

Template features:

  • Car Dealer & Listing HTML
  • HTML5 & CSS3
  • Responsive Template
  • Animate everything you want
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Home Page
  • Parallax Effect
  • & much more...

HTML Structure

Motorx - Car Dealer & Listing HTML Template

Below is Motorx basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title> Motorx - Car Dealer & Listing HTML 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 Motorx CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Your_template/asset/scss/style.scss ( Template style )


/**

    * buttons
    * checkbox
    * Widget add car
    * Header Style
    * Main Menu 
    * Sticky Header
    * Panigation
    * Social Icon 
    * SideBar Blog
    * Search Form
    * price-range
    * Styling
    * Handles and cursors
    * Disabled state
    * Scroll Top
    * Comment List
    * Form
    * Title 
*/

Your_template/asset/scss/Shortcodes.scss ( Shortcodes - Elements style )

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


/**
* button
* slidermain
* slideranimation
* slider navigation
* custom button carousel
* features custom carousel
* ripple effect
* request form wcu
* progress bar
* preload
* map
* side menu toggle
*/

Javascript - Fonts - Animation - Bootstrap style


/**  
*	animate.css
*	bootstrap.css
*	magnific-popup.min.css
*   map.min.css
*	nice-select.css
*	style.css
*	swiper-bundle.min.css
*/

Javascript Custom

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

Main.js ( js/main.js )


/**
    * headerFixed
    * btnmenu
    * video
    * Sticky
    * gotop
    * retinaLogos
    * preloader
    * flatCounter
    * hoverThumbGallery
    * onClickViewListingType
    * checkViewListing
    * Toggle Btn dashboard
    * btn filter
    * dot car
    * niceSelect
*/

Shortcodes System

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

    
/**

    * preload
    * Scroll Top
    * Page Title
    * Icon-box 
    * Counter
    * Team 
    * Testimonial
    * Video
    * pagination 
    * breakcrumb

*/

Credits