Cargonz

Cargonz
├── HTML
│   ├── index.html
│   ├── home-slider.html
│   ├── home-video.html
│   ├── services.html
│   ├── service-details*.html
│   ├── tracking.html
│   ├── tracking-alt.html
│   ├── blog.html
│   ├── blog-details.html
│   ├── css
│   │   ├── cargo-theme.css
│   │   ├── bootstrap.min.css
│   │   └── preloader.css
│   ├── js
│   │   ├── main.js
│   │   └── plugins.js
│   ├── images
│   ├── video
│   ├── mail-contact.php
│   └── mail-quote.php
└── Documentation
    └── index.html

Main template assets are located in: HTML/images, HTML/video, and HTML/webfonts. Replace file names carefully if already referenced in HTML.

<a href="index.html" class="logo">
  <img src="images/logo-white.png" alt="logo" class="logo">
  <img src="images/logo.png" alt="logo" class="logo-dark">
</a>

<footer class="footer-main">
  <div class="footer-bottom">
    <p>© 2026 Cargonz. All rights reserved.</p>
  </div>
</footer>

• Home variants: index.html, home-slider.html, home-video.html, home-split.html, home-centered.html
• Core pages: about.html, services.html, service-details*.html, team.html, faq.html, contact.html
• Tracking pages: tracking.html, tracking-alt.html
• Blog pages: blog.html, blog-details.html
• Main style file: HTML/css/cargo-theme.css
• Main scripts: HTML/js/main.js and HTML/js/plugins.js

To change recipient emails, edit the $to variable in these files:

• HTML/mail-contact.php (contact form)
• HTML/mail-quote.php (quote form)

Example:

// Recipient email (change this)
$to = 'your-email@example.com';

Replace your-email@example.com with your real inbox.

Make sure your hosting supports PHP mail delivery.

/* ================================================== */
/* CARGONZ */
/* created by On3step */
/* ================================================== */
/* @charset "utf-8"; */
/* ================================================== */
/* TABLE OF CONTENTS
   ==================================================
   1. FONTS & VARIABLES
      1.1 Font Import
      1.2 CSS Variables
      
   2. RESET & BASE STYLES
      2.1 CSS Reset
      2.2 Body & Typography
      2.3 Section Styles
   
   3. PRELOADER
      3.1 Preloader Wrapper
      3.2 Line Loader
      3.3 Loader Animations
   
   4. NAVIGATION
      4.1 Custom Navbar
      4.2 Logo
      4.3 Nav Links
      4.4 Home Dropdown Menu
      4.5 New Dropdown Menu
      4.6 Burger Menu
      4.7 Navbar CTA Button
   
   5. HERO SECTION
      5.1 Hero Base Styles
      5.2 Slides Setup
      5.3 Hero Overlay
      5.4 Hero Content
      5.5 Hero Text & Highlights
      5.6 Hero CTA Buttons
      5.7 Hero Image Container
      5.8 Floating Badge
      5.9 Floating Images
      
   6. KEYFRAME ANIMATIONS
      6.1 FadeIn Animations
      6.2 Float Animations
      6.3 Rotation & Pulse
      
   7. BUTTONS
      7.1 Primary Button
      7.2 Secondary Button
      7.3 White Button
      7.4 Outline Button
      7.5 Submit Button
      
   8. STATS SECTION
      8.1 Stats Container
      8.2 Stats Grid
      8.3 Stat Items
      8.4 Enhanced Stats Section
      8.5 Stat Icons & Counter
      
   9. SECTION HEADERS
      9.1 Section Tags
      9.2 Section Titles
      9.3 Section Descriptions
      
   10. SERVICES SECTION
       10.1 Services Grid
       10.2 Service Cards
       10.3 Service Icons
       10.4 Service Links
       
   11. PORTFOLIO/GALLERY
       11.1 Portfolio Grid
       11.2 Portfolio Items
       11.3 Portfolio Overlay
       11.4 Gallery Filter
       11.5 Gallery Lightbox
       
   12. BANNER SECTION
       12.1 Banner Container
       12.2 Banner Content
       12.3 Banner Buttons
       
   13. VIRTUAL TOUR
       13.1 Tour Container
       13.2 Tour Video
       13.3 Play Button
       13.4 Tour Info
       13.5 Tour Features
       
   14. ABOUT/PROCESS SECTION
       14.1 About Images
       14.2 Experience Badge
       14.3 About Content
       14.4 Process Steps
       
   15. TESTIMONIALS
       15.1 Testimonials Grid
       15.2 Testimonial Cards
       15.3 Featured Testimonial
       15.4 Client Info
       15.5 Swiper Navigation
       
   16. FAQ SECTION
       16.1 FAQ Container
       16.2 FAQ Items
       16.3 FAQ Question
       16.4 FAQ Answer
       16.5 FAQ Icons
       
   17. CTA SECTION
       17.1 CTA Container
       17.2 CTA Content
       17.3 CTA Buttons
       
   18. CONTACT SECTION
       18.1 Contact Map
       18.2 Contact Info
       18.3 Contact Details
       18.4 Contact Social Links
       18.5 Contact Form
       18.6 Form Controls
       
   19. FOOTER
       19.1 Footer Base
       19.2 Footer Content Grid
       19.3 Footer Brand
       19.4 Footer Links
       19.5 Footer Social
       19.6 Footer Bottom
       
   20. BACK TO TOP
       20.1 Back To Top Button
       20.2 Pulse Animation
       
   21. LOCOMOTIVE SCROLL
       21.1 Smooth Scroll Setup
       21.2 Scrollbar Styles
       21.3 Scroll Animations
       
   22. PAGE HEADER
       22.1 Header Base
       22.2 Header Background
       22.3 Header Overlay
       22.4 Breadcrumb
       22.5 Header Content
       
   23. ABOUT PAGE
       23.1 About Story Section
       23.2 About Images
       23.3 About Content
       23.4 Signature Section
       
   24. PROCESS TIMELINE
       24.1 Process Section
       24.2 Process Timeline
       24.3 Process Steps
       24.4 Step Icons & Content
       
   25. TEAM SECTION
       25.1 Team Grid
       25.2 Team Members
       25.3 Member Images
       25.4 Member Overlay
       25.5 Member Info
       
   26. WHY CHOOSE US
       26.1 Why Content
       26.2 Why List
       26.3 Why Images
       26.4 Why Grid
       
   27. AWARDS SECTION
       27.1 Awards Grid
       27.2 Award Items
       27.3 Award Icons
       
   28. SERVICE DETAIL PAGE
       28.1 Service Intro
       28.2 Service Features
       28.3 Service Images
       28.4 Why Choose Section
       28.5 Process Cards
       28.6 Project Cards
       28.7 Service Testimonial
       
   29. BLOG SECTION
       29.1 Blog Cards
       29.2 Blog Image
       29.3 Blog Content
       29.4 Blog Meta
       29.5 Blog Links
       29.6 Pagination
       
   30. BLOG DETAIL PAGE
       30.1 Blog Detail Meta
       30.2 Blog Title
       30.3 Author Inline
       30.4 Featured Image
       30.5 Blog Content Styles
       30.6 Lead Text
       30.7 Headings
       30.8 Images & Captions
       30.9 Image Grid
       30.10 Quote Styles
       30.11 Callout Box
       30.12 Video Embed
       30.13 Tags
       30.14 Author Box
       30.15 Comments Section
       30.16 Comment Form
       
   31. BLOG SIDEBAR
       31.1 Sidebar Base
       31.2 Search Widget
       31.3 Categories Widget
       31.4 Recent Posts
       31.5 Popular Posts
       31.6 Tag Cloud
       31.7 Newsletter Widget
       
   32. RESPONSIVE DESIGN
       32.1 max-width: 1024px
       32.2 max-width: 991px
       32.3 max-width: 768px
       32.4 max-width: 767px
       32.5 max-width: 576px
       32.6 max-width: 480px
       
   33. UTILITIES
       33.1 Hide/Show Mobile
       33.2 Performance Optimizations
       
================================================== */