Fragz — Cosmetics Shop HTML5 Template is a luxurious, sensory HTML5 template built for fragrance retailers, perfume shops, luxury scent e-commerce stores, cosmetic specialty shops, and personal care product brands. With 20 fully crafted HTML pages, 2 unique home layouts, a perfume and fragrance shop in three layouts, a portfolio showcase in four distinct styles for brand stories and scent collections, a team section, services module, three blog formats, and a contact page — Fragz delivers a refined, production-ready fragrance shop web presence.

Whether you are a fragrance retailer presenting your scent collections through a three-layout shop with Slick carousel-powered product showcases and ion.rangeSlider price filtering, a luxury perfume brand telling the story behind signature fragrances through four distinct portfolio layout styles, or a cosmetic specialty shop combining EasyPieChart ingredient or quality visualisations with MeanMenu responsive navigation and an editorial blog — Fragz ships everything production-ready. Built on Bootstrap 5 with Slick carousels, Isotope grid filtering, ion.rangeSlider, EasyPieChart, MeanMenu, and Magnific Popup lightbox, every section is crafted for discerning fragrance collectors and luxury shoppers.

Key Features

• 20 Fully Designed HTML5 Pages across home, shop, portfolio, team, and blog
• 2 Unique Home Layouts — distinct hero styles and fragrance showcase arrangements
• Bootstrap 5 — responsive, mobile-first grid system
• Fragrance Shop — perfume and scent products in left sidebar, right sidebar, and full-width layouts
• Product Single — individual perfume product detail page
• Portfolio Module — brand stories and scent collections in 4 distinct layout styles
• Services Module — fragrance consultation and personalisation services overview
• Team Section — perfumers and fragrance specialist profiles
• Price Range Slider — ion.rangeSlider for filtering perfumes and colognes by price
• EasyPieChart — animated circular charts for ingredient profiles and quality metrics
• MeanMenu — accessible responsive mobile navigation
• Isotope Grid Filtering — filter portfolio and products by scent family or category
• Slick Carousel — featured fragrance and collection sliders
• Magnific Popup Lightbox — full-screen product and portfolio image popup
• Blog Module — fragrance news and scent guides in grid, sidebar, and full article formats
• Well Documented — step-by-step documentation for easy setup & customisation
• Cross-Browser Compatible — Chrome, Firefox, Safari, Edge, Opera

Who Is This Template For?

• Fragrance Retailers — showcase scent collections through three-layout shop with filtering
• Perfume Shops — present brand stories through four distinct portfolio layout styles
• Luxury Scent E-Commerce — build exclusivity with EasyPieChart quality visualisations
• Cosmetic Specialty Shops — combine services module with product shop and editorial blog
• Personal Care Brands — present team of perfumers alongside a curated product portfolio
• Freelancers & Web Agencies — deliver a complete fragrance shop to clients fast

Pages

• Home v1–v2 — Two distinct hero and fragrance showcase layouts
• About Us — Brand story and perfumery philosophy
• Services — Fragrance consultation and personalisation services overview
• Service Detail — Individual fragrance service or consultation page
• Shop Left — Perfumes and colognes with left sidebar
• Shop Right — Products with right sidebar
• Shop Full Width — Full-width product archive
• Product Single — Individual perfume or fragrance detail page
• Portfolio v1–v4 — Brand stories and scent collections in 4 layout styles
• Team — Perfumers and fragrance specialists
• Blog Grid — Fragrance news and scent guides in card grid layout
• Blog Sidebar — Articles with sidebar navigation
• Blog Detail — Full article view with related posts
• Contact Us — Contact form, address, and map

Template At a Glance

• 20 HTML pages across fragrance shop, portfolio, team & blog
• 2 home page layouts
• Bootstrap 5 — responsive mobile-first grid
• Shop: 3 layouts (left/right sidebar + full-width) + product single
• Portfolio in 4 layout styles + services module + team
• Blog: grid + sidebar + detail
• Slick + Isotope + ion.rangeSlider + EasyPieChart + MeanMenu + Magnific Popup
• Well documented

Icons

• FontAwesome
• Flaticon

Fonts Used

• Google Fonts

Image Credit

• Freepik
• Unsplash