Logiz - Transport and Logistics HTML Template preview 1

Logiz - Transport and Logistics HTML Template

bookmark

Logiz is an HTML5 static template designed for logistics and transportation companies, built with Bootstrap v5.3.3 and supporting responsive layouts. It includes built-in pages for appointment forms, service showcases, team introductions...

HTML

Project Overview

Logiz is an HTML5 static template designed for logistics and transportation companies, built with Bootstrap v5.3.3 and supporting responsive layouts. It includes built-in pages for appointment forms, service showcases, team introductions, blogs, and more, making it ideal for logistics companies, freight forwarders, or transportation service providers to quickly build a corporate website.

Tech Stack

  • Bootstrap v5.3.3
  • HTML5 / CSS3
  • jQuery
  • SCSS
  • Font Awesome 6

Project Structure

text
Template/logiz/
  index.html           # Homepage
  index-2.html         # Homepage variant
  index-3.html / index-4-dark.html  # Other homepage versions
  about.html           # About Us
  service-v1.html / service-v2.html / service-details.html  # Service pages
  project-v1.html / project-v2.html / project-details.html  # Project cases
  team.html / team-details.html      # Team members
  blog-v1.html / blog-v2.html / blog-details.html  # Blog
  contact.html         # Contact page
  pricing.html         # Pricing page
  faq.html             # FAQ
  tracking.html        # Shipment tracking
  cart.html / checkout.html  # Cart / Checkout
  appointments.html    # Appointment page
  404.html             # 404 page
  css/                 # Stylesheets
  js/                  # JavaScript
  images/              # Image assets
  scss/                # SCSS source files
  vendor/              # Third-party plugins
  inc/                 # Contact form processing files

Key File Descriptions

  • Template/logiz/index.html — Homepage entry point, includes top navigation, carousel, and service showcase
  • Template/logiz/css/style.min.css — Main theme stylesheet
  • Template/logiz/js/ — jQuery interaction scripts (preloader, sidebar, forms, etc.)
  • Template/logiz/inc/ — Backend processing logic directory (e.g., email sending)
  • Template/logiz/scss/ — SCSS source files for customizing theme variables
  • Template/logiz/documentation/index.html — Official documentation (template customization guide)

Quick Start

  1. Unzip the downloaded archive and navigate to the Template/logiz/ folder
  2. Upload the entire logiz folder to your server (or open index.html locally in a browser)
  3. For local preview, use any HTTP server (e.g., python -m http.server)
  4. Configure the PHP files in the inc/ directory to receive emails from the contact form

Usage Recommendations

  • Replace placeholder images and logos in images/ before production deployment
  • SCSS files are located in the scss/ directory; customize theme colors by modifying variables before recompiling
  • Navigation between pages includes scroll animations and anchor links — ensure link #id values match target element id attributes when editing
help_outline

FAQ