Description

Haman - Fashion & Apparel eCommerce HTML5 Template

Haman is a modern HTML5 template for clothing labels, apparel studios, streetwear shops and fashion boutiques. It is built around a clean editorial grid, a warm red-and-ink palette and a geometric type pair, and it backs the design up with something most shop templates leave out: the shop actually works. The bag adds up, the bundle builder applies its discount, the shop sorting reorders the rail, the cart page recalculates its totals and the drop countdown keeps counting - no dead buttons anywhere in the demo.

Five Homepages

• Home 01 - Editorial: three-slide hero with a mirrored backdrop, live size chips and a floating look card, studio section with counters, collections rail, new arrivals with tabs, drop countdown with a product rail beneath it, lookbook with shoppable hotspots, deal of the week with a film popup, trending grid, FAQ, testimonials with drifting buyer avatars, journal and an Instagram slider.
• Home 02 - Reformed: expanding gallery hero, promotional marquee, filterable shop grid, highlights wall, three-piece bundle builder with live pricing, sneak-peek films, an offer slider with a countdown and the Instagram rail.
• Home 03 - Desmonte: cut-out split hero with shoppable dots, promise row, arrivals, deal band and testimonials.
• Home 04 - Armour: full-bleed wide hero with a vertical progress rail and a product card per slide, a featured section where one piece shows three angles on click, shop rail, deal, sneak peek and testimonials.
• Home 05 - I.C.: three-rail panel hero, category tiles, arrivals, featured wall and journal.

Shop Pages

• Shop layouts: grid, grid full width, grid with left or right sidebar, list, list with left or right sidebar - seven in all, sharing one toolbar with working sort, a view toggle, a price range, colour swatches and size filters.
• Product pages: three gallery styles (thumbnail strip, rail and wall) with size and colour pickers, a quantity stepper, a tabbed panel for description, cloth and care and reviews with a rating breakdown, a making-of film, and four product rails beneath.
• Bag and Checkout: quantity steppers that recalculate the line and the totals, a coupon field, and a checkout with delivery details, payment options and a live order summary.

Inner Pages

Blog in nine layouts (grid, list and details, each with no sidebar, left sidebar or right sidebar), About Us with a studio film and three pinned locations on a switchable map, Contact with a working PHP form and map, FAQ with filter chips, Login, Register, Coming Soon with a live countdown and 404 - thirty-three pages in total, all sharing the same header, mega menus and footer.

Features

• 33 HTML pages, 5 unique homepage designs
• Real shop logic: bag maths, bundle discount, shop sorting, cart totals, quantity steppers
• Home mega menu with a live screenshot of every homepage
• Shop mega menu with a photographic category rail
• GSAP + ScrollTrigger reveals, counters and magnetic buttons
• three.js hero scene, self-hosted
• Swiper sliders throughout, Fancybox film and photo popups
• Scroll reveals ride CSS transitions, so a throttled tab can never leave content hidden
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for five-minute re-theming
• Working PHP contact form handler with optional invisible reCAPTCHA v3
• Font Awesome Free and the apparel icon font loaded locally
• Fully responsive across a desktop-first breakpoint ladder
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and a JS index
• Documentation included

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, three.js r128, Fancybox 3, Font Awesome Free, Flaticon apparel icons by Freepik (CC BY 3.0), Google Fonts (Outfit, Plus Jakarta Sans).

Note

All photographs are used for preview purposes only and are not included in the download package - they are replaced with neutral placeholders. The logo files and generated artwork are included. Fonts and icon fonts load locally; the only external requests are Google Fonts and the optional Google Maps embeds.