Novaride

Car Rental HTML Template


 

Features

Template folders and files are divided as following.

  1. css - contains css files
  2. webfonts - contains fonts files
  3. images - contains images
  4. js - contains javascript files
  5. index.html - Main landing page
  6. index-2.html - Hero Video Background
  7. index-3.html - Hero Slider Layout
  8. about.html - About us page
  9. service.html - Service Page
  10. service-single.html - Service Single Page
  11. cars.html - Car List Page
  12. car-single.html - Car Single Page
  13. car-type.html - Car Type Page
  14. blog.html - Blog Archive page
  15. blog-single.html - Blog Single page
  16. drivers.html - Driver List page
  17. driver-single.html - Driver Details page
  18. pricing.html - Pricing Package page
  19. image-gallery.html - Image Gallery page
  20. video-gallery.html - Video Gallery page
  21. testimonials.html - Video testimonials page
  22. contact.html - Contact us page
  23. faqs.html - FAQs page
  24. 404.html - Page Not Found page
  25. form-process.php - contact form process file
  26. form-car-booking.php - Car Booking form process file

We have used following CSS files to create different layout.

  1. bootstrap.min.css - Framework
  2. slicknav.min.css - Responsive Slick Menu
  3. swiper-bundle.min.css - Swiper carousel
  4. all.css - Font icons font-awesome
  5. animate.css - animated css
  6. mousecursor.css - Mouse cursor css
  7. magnific-popup.css - popup for screenshot, images & video
  8. custom.css - Css file for layout

We have used following Javascript files to create different layout.

  1. jquery-3.7.1.min.js - Javascript library
  2. jquery-ui.js - Jquery ui library
  3. bootstrap.min.js - Bootstrap framework
  4. validator.min.js - Contact form validation
  5. jquery.slicknav.js - Responsive Menu
  6. swiper-bundle.min.js - Swiper carousel
  7. jquery.waypoints.min.js - Trigger a function when you scroll to an element
  8. jquery.counterup.min.js - Animates a number from zero (counting up towards it)
  9. jquery.magnific-popup.min.js -Magnific popup
  10. parallaxie.js - Parallax Effect
  11. SmoothScroll.js - SmoothScroll
  12. gsap.min.js - GreenSock Library
  13. magiccursor.js - Magic Animated Cursor
  14. SplitText.js - Split Paragram to Words and Charactor
  15. ScrollTrigger.min.js - Trigger a Text Effect
  16. jquery.mb.YTPlayer.min.js - Youtube video background
  17. wow.js - Animation
  18. function.js - configuration code for layout
Note: We have included only required file in particular layout.
index-2.html - Default is self hosted video background.

To use Youtube video open the file index-video.html in editor after that remove the selfhosted code and uncomment the Youtube code See the below screenshot

form-process.php - is used for sending an email 
 
You need to add your email, please open "form-process.php" file and edit variable $EmailTo.
$EmailTo = "info@yourdomain.com";
form-car-booking.php - is used for sending an email 
 
You need to add your email, please open "form-car-booking.php" file and edit variable $EmailTo.
$EmailTo = "info@yourdomain.com";

font library

  1. fontawesome : Here you can see icon cheatsheet https://fontawesome.com/search
Twitter Bootstrap framework:
 
 
Icons:
 
 
Images in preview are used from:
 
Note : The images used in the template are not included in the main download file, they are only for the preview purpose.