Skip to content

All-Access from $9.75/mo, billed yearly. Every template, every format, commercial use.

Slide Sigma All-Access
Get All-Access

Landing Pages

Duffelo – Weekender Bag Landing Page HTML5 Template

by MetropolitanHost · updated Oct 30, 2026

Included in All-Access HTML5

Download this template, and every other one, with All-Access.

  • Monthlybilled $27 every month$27/mo
  • Yearlybilled $117 every year$9.75/mo
  • Lifetimeone payment$349
Subscribe to Download

Unlimited downloads · commercial use · Sign in

Need only this one? Buy it alone for $19.99 on MetropolitanHost

Framework
Bootstrap 5
Libraries
GSAP, jQuery, Swiper, Fancybox
Browsers
Chrome, Firefox, Safari, Edge
Responsive
Yes - Mobile First
Documentation
Commented code (CSS contents, JS index)
Updates
Free lifetime updates
W3C valid
Yes
Version
11.2.0

About This Item

This weekender bag landing page template is one HTML5 page with one goal. Duffelo is a refined one-page product landing page for one travel piece – a weekender duffel – for resort boutiques, leather goods makers and travel labels.

Every call to action leads to one product – the Weekender Duffel – with its gallery, colours, delivery options and Add To Bag, and a checkout on the same page. The weekend case shows what two nights in one bag look like.

Espresso, champagne gold and an elegant serif give it the feel of a boutique off the hotel lobby. The header is a set of anchor tabs that glide to each section and light up as you scroll, with the bag a click away.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Weekender Bag Landing Page: One Page, Built To Convert

  • Hero Slider: First, two nights away, one bag packed – with the review scores.
  • About: Then, everything for the trip between two houses.
  • Pack Two Nights In One Bag: Next, tick what you are taking and watch the weekend case fill, with a case saving when three pieces or more go in the bag.
  • Pricing – The Weekender Duffel: After that, a gallery, the colours, Add To Bag, room delivery or collect with the date, and the description, care and reviews in an accordion.
  • What Travels In The Duffel: Also, the pieces that pack with it, in a slider with Add To Bag.
  • A Word From Us: Then, the statement of the boutique.
  • Six Things You Will Not Have To Ask For: Next, tissue and ribbon, free alterations, collect anywhere, room delivery, thirty-day returns and repairs for life.
  • Tailoring And Care, Priced Plainly: In addition, the tailor’s and the press’s prices.
  • Counters: After that, boutiques, days a bag is held, would buy again and the Tripadvisor average.
  • Testimonials: Also, google and Tripadvisor scores worked out from their rating spread, and guests’ notes on hang tags with source filters.
  • Video Band: Then, four minutes in the fitting cabana – a parallax photo band with the boutique film in a popup.
  • Checkout: Next, contact, delivery (room delivery, collect, ship home or express) and payment, with the order, a promo code and the total beside it.
  • Contact: Finally, a message form with the boutique chosen from six and a Google map.

Weekender Bag Landing Page Features

  • One-page product landing with a single goal: the Weekender Duffel
  • Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
  • A weekend-case builder with a case saving, a checkout on the page
  • Hero slider, product gallery, look slider, review slider, parallax photo band with a video popup
  • Real shop logic: a bag that remembers what a guest picked, a quick view, stock, a delivery estimator that knows about room delivery, coupons, tax and rewards points
  • Currency switcher (USD, EUR, GBP) that repaints every price
  • A photo-flick preloader, GSAP reveals and parallax
  • Right-to-left stylesheets included
  • prefers-reduced-motion support for accessibility
  • CSS-variable design tokens for five-minute re-theming
  • Working PHP form handler for every form, with optional invisible reCAPTCHA v3
  • Font Awesome Free, loaded locally
  • Fully responsive with a desktop-first breakpoint system
  • W3C valid, zero console errors
  • Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, Google Fonts (Playfair Display, Jost).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files and the review platform logos are included.

Browse more Fashion & Apparel landing pages, or the multi-page Fashion & Apparel website templates.

Changelog

v1.0 2026-10-30

  • Initial release.
  • One-page HTML5 landing page, 13 sections

Sign in

Your All-Access plan and downloads in one place.

or use your email

New here? Create an account