Project Overviewlink

Trucker is an HTML website template designed for the logistics and freight industry, offering complete pages such as Home, About, Services, Team, Pricing, Blog, and Contact. It is ideal for quickly building a showcase website for logistics companies or freight forwarders. The template is based on Bootstrap 5 and features a responsive design.

Tech Stacklink

• Bootstrap 5 (Core Framework)
• Font Awesome 6 Pro (Icons)
• Google Fonts (DM Sans, Jost, Heebo)
• Static HTML/CSS/JS

Project Structurelink

truckerhtml-10/
├── Documentation/          # Template Usage Documentation
│   ├── index.html
│   ├── css/               # Documentation Styles (Bootstrap + Custom)
│   └── js/                # Documentation Scripts (jQuery Plugins)
└── Trucker/               # Template Main Directory
    ├── index.html         # Homepage (Main Version)
    ├── index-two.html     # Homepage (Alternative Version)
    ├── about.html         # About Us
    ├── service.html       # Services List
    ├── service-details.html
    ├── team.html / team-details.html
    ├── pricing.html
    ├── blog-standard.html / blog-details.html
    ├── contact.html / faq.html / 404.html
    └── assets/
        └── css/
            ├── style.css         # Main Stylesheet (Includes trucker__ Prefix Utility Classes)
            ├── bootstrap.min.css
            ├── font-awesome-pro.css
            ├── swiper.css / nice-select.css
            └── animate.css / magnific-popup.css

Core File Descriptionlink

• Trucker/index.html — Homepage template, includes top bar, navigation, hero section
• Trucker/assets/css/style.css — Main stylesheet, uses .trucker__ prefix utility classes for reusable spacing, typography, etc.
• Trucker/assets/css/bootstrap.min.css — Bootstrap 5 core styles
• Trucker/assets/css/font-awesome-pro.css — Font Awesome 6 Pro icon font
• Documentation/index.html — Official template documentation, includes HTML structure, grid system, style instructions

Quick Startlink

Open Trucker/index.html directly in a browser to preview. For local development, it is recommended to use any static server:

npx serve Trucker

Usage Suggestionslink

• Replace placeholder content such as Logo, contact information, and images before going live
• For style modifications, add custom rules at the bottom of style.css to avoid directly modifying original files
• The documentation directory is for reference only and does not need to be deployed