Carento - Car Rental & Auto Dealer HTML Template

DOCUMENTATION

  • Doc version: 2.0.0
  • Created: 16 September 2024
  • Last update: 18 January 2025

OVERVIEW

Carento - Car Rental & Auto Dealer HTML Bootstrap 5 Template, the perfect solution for building a professional and modern website for your car rental or auto dealership business. Whether you're offering rental services, leasing, or showcasing car listings, Carento has been designed to meet all your needs with ease. Featuring a clean and responsive design, this template includes all the essential pages required to manage bookings, display vehicle details, and promote your business effectively.

With its mobile-first approach, Carento ensures a seamless browsing experience across all devices. It's built on the latest Bootstrap 5 framework, making it fast, reliable, and easy to customize. Whether you're launching a new site or upgrading an existing one, Carento offers a solid foundation with smooth animations, sleek layouts, and versatile functionality to help you create a strong online presence.

Carento was built with the latest bootstrap version, and comes packed with smart developer tools such as Gulp, gulp-file-include Autoprefixer, Concat, Browsersync…etc… which will save you time and help you build your project faster and more efficiently.

Rest assured, Carento is rigorously tested for responsiveness and compatibility across all major browsers and devices, including Firefox, Chrome, Internet Explorer, and Safari.

We have a dedicated Support Center for all of your support needs. It includes our Documentation and Ticket system for any questions you have. We usually get back to you within 12-24 hours.

We are continuing to work hard to develop this item, more homepages and more great features will be added. You only need to buy 1 time and get lifetime updates.

Main Features

  • Bootstrap Framework: Rapidly build modern websites without ever leaving your HTML.
  • 03 Homepages, 04 Vehicle listing layouts, 04 Car details layout
  • 03 Homepages, 04 Vehicle listing layouts, 04 Car details layout
  • 02 Shop e-commerce template
  • 03 news / blog template
  • 06 User dashboard pages
  • 05 Agent daskboard pages
  • Many inner pages: About, Services, Contact, Login, Register, Pricing, Term, FAQs, 404...
  • Figma design included: A great gift from us, you can quickly continue developing this template.
  • Detailed documentation: Extensive documentation plus great video guides on how to setup and customize Trucking will make your customizations super easy and fast!
  • Responsive & retina ready:Look of your website on mobile devices is very important these days. So we made sure Carento looks great both on mobile, desktop and retina screens!
  • Crossbrowser compatibility:Carento looks great among all major browsers including IE9+.
  • Free Lifetime Updates and User Support:Each purchase of the Theme guarantees you lifetime access to future theme updates at no extra cost. You also get six months of user support with the option of extending this period should you wish.
  • Creative Design: Carento is a bold template that organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy.
  • 100% Fully Responsive: The template passed Mobile-Friendly Test – by Google. We also tested carefully the template on almost devices: PC, Laptop, tablet, and phone. All elements are 100% responsive and ready for all devices.
  • Pixel Perfect Design
  • Color & Fonts is easily changed
  • W3C Validated Code

What You Get

  1. HTML Template (built from Gulp)
  2. HTML Development source code
  3. Figma design file
  4. Documentation

Note

- All images are just used for Preview Purpose Only. They are not part of the template and maybe NOT included in the final purchase files.
- This is not a WordPress theme, It is a HTML5 template

Change log

									VERSION 2.0.0
                                    - Add User dashboard [6 pages]
									- Add Agent dashboard [5 pages]

                                    VERSION 1.0.0
                                    - First release.

STRUCTURE

Products Files Structure

  • /assets
    • /css
      • plugins
        • /animate.css
        • /bootstrap-datepicker.css
        • /carouselTicker.css
        • /magnific-popup.css
        • /...
      • vendors
        • /bootstrap.min.css
        • /normalize.css
        • /uicons-regular-rounded.css
        • /uicons-regular-straight.css
        • /...
      • /style.css
    • /fonts
    • /imgs
      • /page
      • /template
    • /js
      • /plugins
        • /modernizr-3.6.0.min.js
        • /alpine.min.js
        • /jquery.scrollUp.min.js
        • /jquery-3.7.1.min.js
        • /lightbox.js
        • /swiper-bundle.js
        • /lightbox.js
        • /...
      • main.js
  • /index.html
  • /index-2.html
  • /index-3.html
  • /.........

HTML Structure

All information in the main content area is placed in the body tag. The general sample structure is quite similar throughout the sample. This is the general structure of the main page (index.html).

CSS Structure

These are the css files that are loaded into templates in Head Section.

Import fonts

Import third party CSS library

JS Structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

You can find this in: src/views/components/scripts.pug

DEVELOPMENT

Learn how to included npm scripts to automate your time-consuming tasks in your development workflow with Gulp toolkit.

Quick Start

Carento uses NPM scripts for its build system. Our package.json includes convenient methods for working with the framework, including compiling code, running tests, and more.

To use our build system and run our documentation locally, you'll need a copy of Carento's development source files and NodeJS. Follow these steps and you should be ready to rock:

  1. Download and install Node.js , which we use to manage our dependencies.
  2. Download and install Gulp.js , which we use to manage our dependencies.
  3. Navigate to the root /Carento directory and run npm install to install our local dependencies listed in package.json.

When completed, you'll be able to run the various commands provided from the command line.

Installing NPM modules

First, change the command line path into your project where Carento folder is located. if you have not done this before, you may check the following article to quick start, you may run package.json file by using the following command:

                                npm install

If you check the project folder when the command has finished executing, you should see that Gulp has created a node_modules folder.

Run Gulp

Compile and watch the PUG/SCSS/JS/HTML, use Live Reload to update browsers instantly, start a server, and pop a tab in your default browser. Any changes made to the source files will be compiled as soon as you save the file. To try it out run:

First, run this command

                                npm run build

After a few seconds, a folder called dist is created, which is the HTML files you use to run the website.

Start Server:

                                npm run dev

The website will open in your browser at: http://localhost:3000

UPDATE

Important Note:

- Backup your website and template folders completely to make sure you have a restore point in case of any complications.

Update using FTP

  1. Download the latest version of the template to your device.
  2. Connect to your hosting via FTP software
  3. Upload the template folder you unzipped to your site folder
  4. You should be asked to confirm overwriting of this folder and its contents. Confirm the overwrite.

SOURCES & CREDITS

THANK YOU

Thank you so much for using this template.

- AliThemes Team -