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 showcaseTemplate/logiz/css/style.min.css— Main theme stylesheetTemplate/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 variablesTemplate/logiz/documentation/index.html— Official documentation (template customization guide)
Quick Start
- Unzip the downloaded archive and navigate to the
Template/logiz/folder - Upload the entire
logizfolder to your server (or openindex.htmllocally in a browser) - For local preview, use any HTTP server (e.g.,
python -m http.server) - 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
#idvalues match target elementidattributes when editing
