A premium one-page corporate website for Logistica, a global logistics and supply chain company founded in 1984, offering warehousing, freight forwarding, supply chain management, e-commerce logistics, last-mile delivery, and cold chain solutions.
- HTML5 & CSS3 — semantic one-page structure and custom styling
- Bootstrap 5.3 — responsive grid and components
- Bootstrap Icons & Font Awesome 6.7 — dual icon sets
- Bebas Neue + Jost — Google Fonts editorial typography
- Vanilla JavaScript — all interactions, zero dependencies
- 4-slide custom hero slider — fullscreen background slides with subtitle, title, excerpt; numbered dot navigation (01–04) with animated line indicator; hero social links sidebar; decorative semicircle element
- Fixed header — custom desktop navbar + animated mobile menu drawer with hamburger-to-X icon toggle
- Logistics Capabilities section — 6 service items list + 3 animated outline stats counters (count-up on scroll via IntersectionObserver)
- Process Flow section — fullscreen cargo ship background + infinite CSS marquee ticker + 4-step icon process (Order Placement → Inventory → Warehousing → Transportation)
- Why Choose Us section — tab switcher (History / Mission / Vision) + 3 animated progress bar metrics (Order Received 95%, Customs Processing 85%, Customs Clearance 75%) + interactive card stack image gallery with prev/next arrows
- 3-frame infinite carousel — [PREV][CURRENT][NEXT] strip layout with smooth translate transitions
- News/Blog slider — latest articles with image, date, category and excerpt
- Animated stats counter — key numbers with IntersectionObserver count-up
- Contact section — inquiry form with name, email, subject and message fields
- Footer — logo, quick links, social icons and copyright
- Full ARIA landmark roles and keyboard accessibility throughout
- Fully responsive across all screen sizes