<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Designer Boutique</title>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Archivo:wght@400;500;600;700;800&display=swap” rel=”stylesheet”>
<style>
:root{
–ink:#15120F;
–ivory:#FAF5EC;
–coral:#E8512B;
–pink:#FF3D7F;
–gold:#D9A441;
–line: rgba(255,255,255,0.14);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
background:var(–ivory);
color:var(–ink);
font-family:’Archivo’, sans-serif;
overflow-x:hidden;
}
h1,h2,h3,.display{
font-family:’Bebas Neue’, sans-serif;
letter-spacing:0.01em;
text-transform:uppercase;
line-height:0.95;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
/* ===== NAV ===== */
.nav{
position:fixed; top:0; left:0; right:0; z-index:100;
display:flex; align-items:center; justify-content:space-between;
padding:22px 48px;
background:rgba(250,245,236,0.92);
backdrop-filter:blur(8px);
border-bottom:1px solid rgba(21,18,15,0.08);
transition:all .3s ease;
}
.nav .logo{
font-family:’Bebas Neue’, sans-serif;
font-size:26px;
letter-spacing:0.06em;
}
.nav .logo span{color:var(–coral);}
.nav-links{display:flex; gap:36px; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em;}
.nav-links a{position:relative; padding-bottom:4px;}
.nav-links a::after{
content:”; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(–coral);
transition:width .25s ease;
}
.nav-links a:hover::after{width:100%;}
.nav-cta{
border:2px solid var(–ink); padding:9px 22px; font-size:13px; font-weight:700;
text-transform:uppercase; letter-spacing:0.04em; border-radius:999px;
transition:all .25s ease;
}
.nav-cta:hover{background:var(–ink); color:var(–ivory);}
@media (max-width:880px){ .nav-links{display:none;} }
/* ===== HERO ===== */
.hero{
min-height:100vh;
background:var(–ink);
color:var(–ivory);
position:relative;
display:flex; flex-direction:column; justify-content:center;
padding:120px 48px 60px;
overflow:hidden;
}
.hero::before{
content:”;
position:absolute; top:-20%; right:-10%;
width:600px; height:600px; border-radius:50%;
background:radial-gradient(circle, rgba(232,81,43,0.35), transparent 70%);
pointer-events:none;
}
.hero::after{
content:”;
position:absolute; bottom:-15%; left:-5%;
width:450px; height:450px; border-radius:50%;
background:radial-gradient(circle, rgba(255,61,127,0.22), transparent 70%);
pointer-events:none;
}
.hero-eyebrow{
font-size:13px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase;
color:var(–coral); margin-bottom:18px; display:flex; align-items:center; gap:10px;
z-index:2;
}
.hero-eyebrow::before{content:”; width:32px; height:2px; background:var(–coral);}
.hero h1{
font-size:clamp(64px, 12vw, 168px);
z-index:2;
margin-bottom:8px;
}
.hero h1 .accent{color:var(–coral); -webkit-text-stroke:0; }
.hero h1 .outline{
color:transparent;
-webkit-text-stroke:2px var(–ivory);
}
.hero-sub{
max-width:480px; font-size:17px; line-height:1.6; color:rgba(250,245,236,0.75);
margin-top:22px; z-index:2; font-weight:400;
}
.hero-actions{display:flex; gap:18px; margin-top:38px; z-index:2; flex-wrap:wrap;}
.btn-primary{
background:var(–coral); color:var(–ivory); padding:16px 34px; border-radius:999px;
font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:0.04em;
display:inline-flex; align-items:center; gap:10px;
transition:transform .2s ease, background .2s ease;
}
.btn-primary:hover{background:var(–pink); transform:translateY(-2px);}
.btn-ghost{
border:1.5px solid rgba(250,245,236,0.4); color:var(–ivory); padding:16px 34px; border-radius:999px;
font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:0.04em;
transition:all .2s ease;
}
.btn-ghost:hover{border-color:var(–ivory); background:rgba(250,245,236,0.08);}
.hero-stats{
display:flex; gap:48px; margin-top:64px; z-index:2; flex-wrap:wrap;
border-top:1px solid rgba(250,245,236,0.18); padding-top:28px;
}
.hero-stats div{display:flex; flex-direction:column; gap:4px;}
.hero-stats .num{font-family:’Bebas Neue’; font-size:34px; color:var(–ivory);}
.hero-stats .label{font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:rgba(250,245,236,0.55);}
/* ===== MARQUEE ===== */
.marquee{
background:var(–coral); color:var(–ivory);
padding:16px 0; overflow:hidden; white-space:nowrap;
border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);
}
.marquee-track{
display:inline-flex; gap:40px; animation:scroll 26s linear infinite;
}
.marquee-track span{
font-family:’Bebas Neue’; font-size:20px; letter-spacing:0.04em;
display:inline-flex; align-items:center; gap:40px;
}
.marquee-track span::after{content:’✦’; font-size:14px; opacity:0.7;}
@keyframes scroll{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
/* ===== SECTION SHARED ===== */
section{padding:100px 48px;}
.section-head{
display:flex; justify-content:space-between; align-items:flex-end; gap:24px;
margin-bottom:56px; flex-wrap:wrap;
}
.section-head .tag{
font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.14em;
color:var(–coral); margin-bottom:14px; display:block;
}
.section-head h2{font-size:clamp(36px, 5vw, 64px);}
.section-head p{max-width:380px; font-size:15px; color:rgba(21,18,15,0.6); line-height:1.6;}
/* ===== CATEGORIES ===== */
.cat-grid{
display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;
}
.cat-card{
position:relative; border-radius:20px; overflow:hidden; aspect-ratio:3/4;
background:#ddd6c8;
cursor:pointer;
}
.cat-card img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.cat-card:hover img{transform:scale(1.08);}
.cat-overlay{
position:absolute; inset:0;
background:linear-gradient(to top, rgba(21,18,15,0.85) 0%, rgba(21,18,15,0.05) 55%);
display:flex; flex-direction:column; justify-content:flex-end; padding:22px;
}
.cat-overlay h3{color:var(–ivory); font-size:26px;}
.cat-overlay span{color:rgba(250,245,236,0.7); font-size:13px; font-weight:600; margin-top:4px;}
@media (max-width:980px){ .cat-grid{grid-template-columns:repeat(2,1fr);} }
/* ===== FEATURED ===== */
.product-grid{
display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;
}
.product-card{cursor:pointer;}
.product-img{
position:relative; border-radius:18px; overflow:hidden; aspect-ratio:4/5;
background:#e8e1d3; margin-bottom:14px;
}
.product-img img{width:100%; height:100%; object-fit:cover; transition:transform .45s ease;}
.product-card:hover .product-img img{transform:scale(1.06);}
.badge{
position:absolute; top:14px; left:14px;
background:var(–ink); color:var(–ivory); font-size:11px; font-weight:700;
text-transform:uppercase; letter-spacing:0.05em; padding:6px 12px; border-radius:999px;
}
.badge.sale{background:var(–coral);}
.wishlist{
position:absolute; top:14px; right:14px; width:36px; height:36px; border-radius:50%;
background:rgba(250,245,236,0.9); display:flex; align-items:center; justify-content:center;
font-size:16px; transition:background .2s ease;
}
.wishlist:hover{background:var(–ivory);}
.product-info h4{font-size:16px; font-weight:600; margin-bottom:4px; text-transform:none; font-family:’Archivo’;}
.product-info .price{font-size:15px; color:var(–coral); font-weight:700;}
.product-info .price del{color:rgba(21,18,15,0.4); font-weight:500; margin-right:8px;}
@media (max-width:980px){ .product-grid{grid-template-columns:repeat(2,1fr);} }
/* ===== STORY / ABOUT ===== */
.story{
display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
}
.story-img{
border-radius:24px; overflow:hidden; aspect-ratio:4/5; background:#e8e1d3;
position:relative;
}
.story-img img{width:100%; height:100%; object-fit:cover;}
.story-img .floating-tag{
position:absolute; bottom:24px; left:24px;
background:var(–ivory); border-radius:16px; padding:18px 22px;
box-shadow:0 12px 40px rgba(0,0,0,0.18);
display:flex; gap:14px; align-items:center;
}
.floating-tag .stars{color:var(–gold); font-size:14px; letter-spacing:2px;}
.floating-tag .small{font-size:12px; color:rgba(21,18,15,0.55); margin-top:2px;}
.story-content .tag{
font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.14em;
color:var(–coral); margin-bottom:18px; display:block;
}
.story-content h2{font-size:clamp(34px,5vw,52px); margin-bottom:22px;}
.story-content p{font-size:16px; line-height:1.75; color:rgba(21,18,15,0.65); margin-bottom:18px; max-width:480px;}
.story-points{display:flex; flex-direction:column; gap:16px; margin-top:30px;}
.story-point{display:flex; gap:14px; align-items:flex-start;}
.story-point .dot{
width:8px; height:8px; border-radius:50%; background:var(–coral); margin-top:8px; flex-shrink:0;
}
.story-point div h4{font-size:15px; font-weight:700; margin-bottom:2px; text-transform:none; font-family:’Archivo’;}
.story-point div p{font-size:14px; color:rgba(21,18,15,0.55); margin:0; max-width:420px;}
@media (max-width:880px){ .story{grid-template-columns:1fr;} }
/* ===== LOOKBOOK BANNER ===== */
.banner{
background:var(–ink); color:var(–ivory); border-radius:28px; margin:0 48px;
padding:80px 60px; text-align:center; position:relative; overflow:hidden;
}
.banner::before{
content:”; position:absolute; top:-30%; left:50%; transform:translateX(-50%);
width:700px; height:700px; border-radius:50%;
background:radial-gradient(circle, rgba(255,61,127,0.25), transparent 70%);
}
.banner h2{font-size:clamp(40px,7vw,90px); z-index:2; position:relative;}
.banner p{max-width:460px; margin:18px auto 32px; color:rgba(250,245,236,0.7); font-size:16px; z-index:2; position:relative;}
/* ===== TESTIMONIALS ===== */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.testi-card{
background:var(–ivory); border:1px solid rgba(21,18,15,0.1); border-radius:20px;
padding:32px; display:flex; flex-direction:column; gap:18px;
}
.testi-card .stars{color:var(–gold); font-size:14px; letter-spacing:2px;}
.testi-card p{font-size:15px; line-height:1.7; color:rgba(21,18,15,0.75);}
.testi-person{display:flex; align-items:center; gap:12px; margin-top:auto;}
.testi-avatar{
width:42px; height:42px; border-radius:50%; background:var(–coral); color:var(–ivory);
display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; font-family:’Archivo’;
}
.testi-person h5{font-size:14px; font-weight:700; text-transform:none; font-family:’Archivo’;}
.testi-person span{font-size:12px; color:rgba(21,18,15,0.5);}
@media (max-width:880px){ .testi-grid{grid-template-columns:1fr;} }
/* ===== NEWSLETTER ===== */
.newsletter{
background:#EFE8D9; border-radius:28px; margin:0 48px 100px; padding:64px 60px;
display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;
}
.newsletter h3{font-size:clamp(28px,4vw,42px); max-width:380px;}
.newsletter-form{display:flex; gap:0; max-width:420px; flex:1; min-width:280px;}
.newsletter-form input{
flex:1; border:2px solid var(–ink); border-right:none; border-radius:999px 0 0 999px;
padding:16px 22px; font-size:15px; font-family:’Archivo’; background:var(–ivory);
}
.newsletter-form input:focus{outline:none;}
.newsletter-form button{
border-radius:0 999px 999px 0; background:var(–ink); color:var(–ivory);
padding:16px 30px; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:0.04em;
border:2px solid var(–ink);
}
.newsletter-form button:hover{background:var(–coral); border-color:var(–coral);}
@media (max-width:700px){ .newsletter{flex-direction:column; align-items:flex-start;} }
/* ===== FOOTER ===== */
footer{background:var(–ink); color:var(–ivory); padding:64px 48px 32px;}
.footer-top{
display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px;
border-bottom:1px solid rgba(250,245,236,0.14);
}
.footer-brand .logo{font-family:’Bebas Neue’; font-size:28px; margin-bottom:14px;}
.footer-brand .logo span{color:var(–coral);}
.footer-brand p{font-size:14px; color:rgba(250,245,236,0.6); max-width:280px; line-height:1.6; margin-bottom:20px;}
.social-row{display:flex; gap:12px;}
.social-row a{
width:38px; height:38px; border:1px solid rgba(250,245,236,0.25); border-radius:50%;
display:flex; align-items:center; justify-content:center; font-size:14px;
transition:all .2s ease;
}
.social-row a:hover{background:var(–coral); border-color:var(–coral);}
.footer-col h5{font-size:13px; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:18px; color:rgba(250,245,236,0.5); font-weight:700;}
.footer-col a{display:block; font-size:14px; color:rgba(250,245,236,0.85); margin-bottom:12px; transition:color .2s ease;}
.footer-col a:hover{color:var(–coral);}
.footer-bottom{
display:flex; justify-content:space-between; padding-top:28px; font-size:13px;
color:rgba(250,245,236,0.45); flex-wrap:wrap; gap:12px;
}
@media (max-width:880px){ .footer-top{grid-template-columns:1fr 1fr; gap:32px;} }
@media (prefers-reduced-motion: reduce){
.marquee-track{animation:none;}
*{transition:none !important;}
}
@media (max-width:560px){
section{padding:64px 22px;}
.nav{padding:18px 22px;}
.banner, .newsletter{margin:0 22px;}
}
</style>
</head>
<body>
<nav class=”nav”>
<div class=”logo”>DESIGNER<span>.</span>BOUTIQUE</div>
<div class=”nav-links”>
<a href=”#”>New in</a>
<a href=”#”>Ethnic</a>
<a href=”#”>Western</a>
<a href=”#”>Fusion</a>
<a href=”#”>Sale</a>
</div>
<a href=”#” class=”nav-cta”>Visit store</a>
</nav>
<section class=”hero”>
<div class=”hero-eyebrow”>New collection · 2026</div>
<h1>WEAR<br><span class=”accent”>YOUR</span> <span class=”outline”>STORY</span></h1>
<p class=”hero-sub”>Ethnic drapes, western cuts aur fusion silhouettes — sab kuch ek hi chhat ke neeche. Har piece designer-crafted, har look ekdum aapka.</p>
<div class=”hero-actions”>
<a href=”#” class=”btn-primary”>Shop the drop →</a>
<a href=”#” class=”btn-ghost”>Book styling session</a>
</div>
<div class=”hero-stats”>
<div><span class=”num”>500+</span><span class=”label”>Designer pieces</span></div>
<div><span class=”num”>12k+</span><span class=”label”>Happy customers</span></div>
<div><span class=”num”>4.9★</span><span class=”label”>Store rating</span></div>
</div>
</section>
<div class=”marquee”>
<div class=”marquee-track”>
<span>Ethnic wear<span>Western fits</span><span>Fusion edits</span><span>Bridal specials</span><span>New arrivals weekly</span><span>Custom tailoring</span></span>
<span>Ethnic wear<span>Western fits</span><span>Fusion edits</span><span>Bridal specials</span><span>New arrivals weekly</span><span>Custom tailoring</span></span>
</div>
</div>
<section>
<div class=”section-head”>
<div>
<span class=”tag”>Shop by category</span>
<h2>Pick your<br>vibe</h2>
</div>
<p>Ek boutique, har style ke liye — chahe shaadi ho ya college fest, hum sab cover karte hain.</p>
</div>
<div class=”cat-grid”>
<div class=”cat-card”>
<img src=”https://images.unsplash.com/photo-1610030469983-98e550d6193c?w=500&q=80″ alt=”Ethnic wear”>
<div class=”cat-overlay”><h3>Ethnic</h3><span>Suits · Sarees · Lehengas</span></div>
</div>
<div class=”cat-card”>
<img src=”https://images.unsplash.com/photo-1551803091-e20673f15770?w=500&q=80″ alt=”Western wear”>
<div class=”cat-overlay”><h3>Western</h3><span>Dresses · Co-ords · Denim</span></div>
</div>
<div class=”cat-card”>
<img src=”https://images.unsplash.com/photo-1496747611176-843222e1e57c?w=500&q=80″ alt=”Fusion wear”>
<div class=”cat-overlay”><h3>Fusion</h3><span>Indo-western · Jackets</span></div>
</div>
<div class=”cat-card”>
<img src=”https://images.unsplash.com/photo-1583391733956-6c78276477e2?w=500&q=80″ alt=”Bridal wear”>
<div class=”cat-overlay”><h3>Bridal</h3><span>Heavy work · Custom fit</span></div>
</div>
</div>
</section>
<section>
<div class=”section-head”>
<div>
<span class=”tag”>Trending now</span>
<h2>This week’s<br>bestsellers</h2>
</div>
<p>Customers ke sabse pasandida pieces — limited stock, jaldi grab karein.</p>
</div>
<div class=”product-grid”>
<div class=”product-card”>
<div class=”product-img”>
<img src=”https://images.unsplash.com/photo-1583391733956-6c78276477e2?w=400&q=80″ alt=”Designer anarkali”>
<span class=”badge”>New</span>
<div class=”wishlist”>♡</div>
</div>
<div class=”product-info”><h4>Designer anarkali set</h4><span class=”price”>₹4,299</span></div>
</div>
<div class=”product-card”>
<div class=”product-img”>
<img src=”https://images.unsplash.com/photo-1551803091-e20673f15770?w=400&q=80″ alt=”Co-ord set”>
<span class=”badge sale”>Sale</span>
<div class=”wishlist”>♡</div>
</div>
<div class=”product-info”><h4>Boho co-ord set</h4><span class=”price”><del>₹3,200</del>₹2,199</span></div>
</div>
<div class=”product-card”>
<div class=”product-img”>
<img src=”https://images.unsplash.com/photo-1610030469983-98e550d6193c?w=400&q=80″ alt=”Banarasi saree”>
<div class=”wishlist”>♡</div>
</div>
<div class=”product-info”><h4>Banarasi silk saree</h4><span class=”price”>₹6,499</span></div>
</div>
<div class=”product-card”>
<div class=”product-img”>
<img src=”https://images.unsplash.com/photo-1496747611176-843222e1e57c?w=400&q=80″ alt=”Indo western jacket”>
<span class=”badge”>New</span>
<div class=”wishlist”>♡</div>
</div>
<div class=”product-info”><h4>Indo-western jacket set</h4><span class=”price”>₹3,899</span></div>
</div>
</div>
</section>
<section class=”story”>
<div class=”story-img”>
<img src=”https://images.unsplash.com/photo-1490481651871-ab68de25d43d?w=500&q=80″ alt=”Boutique craft”>
<div class=”floating-tag”>
<div class=”stars”>★★★★★</div>
<div>
<div style=”font-weight:700; font-size:14px;”>4.9 / 5 rating</div>
<div class=”small”>From 1,200+ reviews</div>
</div>
</div>
</div>
<div class=”story-content”>
<span class=”tag”>Our story</span>
<h2>Har outfit,<br>ek kahani</h2>
<p>Designer Boutique 2014 se design aur dil se kaam kar raha hai. Hum ethnic ki shaan, western ka swag, aur fusion ka twist — sab ek jagah laate hain.</p>
<div class=”story-points”>
<div class=”story-point”><div class=”dot”></div><div><h4>In-house designers</h4><p>Har collection humare apne design team se, trend-ready aur original.</p></div></div>
<div class=”story-point”><div class=”dot”></div><div><h4>Custom fitting</h4><p>Aapke size, aapki pasand — alterations free hain har purchase par.</p></div></div>
<div class=”story-point”><div class=”dot”></div><div><h4>Quality fabric</h4><p>Premium silk, cotton aur blends — touch karke khud farak dekhiye.</p></div></div>
</div>
</div>
</section>
<section style=”padding-top:0;”>
<div class=”banner”>
<h2>NEW LOOKBOOK<br>OUT NOW</h2>
<p>Festive aur wedding season ke liye humara latest lookbook dekhiye — exclusive designs, limited pieces.</p>
<a href=”#” class=”btn-primary”>View lookbook →</a>
</div>
</section>
<section>
<div class=”section-head”>
<div><span class=”tag”>Customer love</span><h2>What they say</h2></div>
</div>
<div class=”testi-grid”>
<div class=”testi-card”>
<div class=”stars”>★★★★★</div>
<p>Fitting bilkul perfect thi aur fabric quality top notch. Apni shaadi ke liye yahan se lehenga liya, sabne compliment diya.</p>
<div class=”testi-person”><div class=”testi-avatar”>RS</div><div><h5>Riya Sharma</h5><span>Bridal collection</span></div></div>
</div>
<div class=”testi-card”>
<div class=”stars”>★★★★★</div>
<p>Western aur ethnic dono mil jaate hain ek hi jagah, time bachta hai aur designs bhi unique milte hain.</p>
<div class=”testi-person”><div class=”testi-avatar”>AK</div><div><h5>Ananya Kapoor</h5><span>Co-ord sets</span></div></div>
</div>
<div class=”testi-card”>
<div class=”stars”>★★★★★</div>
<p>Customer service bahut helpful hai, online order karne ke baad bhi sizing pe call karke guide kiya.</p>
<div class=”testi-person”><div class=”testi-avatar”>PM</div><div><h5>Priya Mehta</h5><span>Fusion wear</span></div></div>
</div>
</div>
</section>
<div class=”newsletter”>
<h3>Naye designs sabse pehle paayein</h3>
<form class=”newsletter-form” onsubmit=”event.preventDefault();”>
<input type=”email” placeholder=”Apna email daalein” required>
<button type=”submit”>Subscribe</button>
</form>
</div>
<footer>
<div class=”footer-top”>
<div class=”footer-brand”>
<div class=”logo”>DESIGNER<span>.</span>BOUTIQUE</div>
<p>Ethnic, western aur fusion fashion — sab ek jagah, har style ke liye designed.</p>
<div class=”social-row”>
<a href=”#” aria-label=”Instagram”>IG</a>
<a href=”#” aria-label=”Facebook”>FB</a>
<a href=”#” aria-label=”WhatsApp”>WA</a>
</div>
</div>
<div class=”footer-col”>
<h5>Shop</h5>
<a href=”#”>New in</a>
<a href=”#”>Ethnic wear</a>
<a href=”#”>Western wear</a>
<a href=”#”>Fusion wear</a>
</div>
<div class=”footer-col”>
<h5>Boutique</h5>
<a href=”#”>Our story</a>
<a href=”#”>Lookbook</a>
<a href=”#”>Store locator</a>
<a href=”#”>Contact</a>
</div>
<div class=”footer-col”>
<h5>Help</h5>
<a href=”#”>Size guide</a>
<a href=”#”>Returns</a>
<a href=”#”>Track order</a>
<a href=”#”>FAQs</a>
</div>
</div>
<div class=”footer-bottom”>
<span>© 2026 Designer Boutique. All rights reserved.</span>
<span>Made with care, stitched with style.</span>
</div>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Designer Boutique</title>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Archivo:wght@400;500;600;700;800&display=swap” rel=”stylesheet”>
<style>
:root{
–ink:#15120F;
–ivory:#FAF5EC;
–coral:#E8512B;
–pink:#FF3D7F;
–gold:#D9A441;
–line: rgba(255,255,255,0.14);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
background:var(–ivory);
color:var(–ink);
font-family:’Archivo’, sans-serif;
overflow-x:hidden;
}
h1,h2,h3,.display{
font-family:’Bebas Neue’, sans-serif;
letter-spacing:0.01em;
text-transform:uppercase;
line-height:0.95;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
/* ===== NAV ===== */
.nav{
position:fixed; top:0; left:0; right:0; z-index:100;
display:flex; align-items:center; justify-content:space-between;
padding:22px 48px;
background:rgba(250,245,236,0.92);
backdrop-filter:blur(8px);
border-bottom:1px solid rgba(21,18,15,0.08);
transition:all .3s ease;
}
.nav .logo{
font-family:’Bebas Neue’, sans-serif;
font-size:26px;
letter-spacing:0.06em;
}
.nav .logo span{color:var(–coral);}
.nav-links{display:flex; gap:36px; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em;}
.nav-links a{position:relative; padding-bottom:4px;}
.nav-links a::after{
content:”; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(–coral);
transition:width .25s ease;
}
.nav-links a:hover::after{width:100%;}
.nav-cta{
border:2px solid var(–ink); padding:9px 22px; font-size:13px; font-weight:700;
text-transform:uppercase; letter-spacing:0.04em; border-radius:999px;
transition:all .25s ease;
}
.nav-cta:hover{background:var(–ink); color:var(–ivory);}
@media (max-width:880px){ .nav-links{display:none;} }
/* ===== HERO ===== */
.hero{
min-height:100vh;
background:var(–ink);
color:var(–ivory);
position:relative;
display:flex; flex-direction:column; justify-content:center;
padding:120px 48px 60px;
overflow:hidden;
}
.hero::before{
content:”;
position:absolute; top:-20%; right:-10%;
width:600px; height:600px; border-radius:50%;
background:radial-gradient(circle, rgba(232,81,43,0.35), transparent 70%);
pointer-events:none;
}
.hero::after{
content:”;
position:absolute; bottom:-15%; left:-5%;
width:450px; height:450px; border-radius:50%;
background:radial-gradient(circle, rgba(255,61,127,0.22), transparent 70%);
pointer-events:none;
}
.hero-eyebrow{
font-size:13px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase;
color:var(–coral); margin-bottom:18px; display:flex; align-items:center; gap:10px;
z-index:2;
}
.hero-eyebrow::before{content:”; width:32px; height:2px; background:var(–coral);}
.hero h1{
font-size:clamp(64px, 12vw, 168px);
z-index:2;
margin-bottom:8px;
}
.hero h1 .accent{color:var(–coral); -webkit-text-stroke:0; }
.hero h1 .outline{
color:transparent;
-webkit-text-stroke:2px var(–ivory);
}
.hero-sub{
max-width:480px; font-size:17px; line-height:1.6; color:rgba(250,245,236,0.75);
margin-top:22px; z-index:2; font-weight:400;
}
.hero-actions{display:flex; gap:18px; margin-top:38px; z-index:2; flex-wrap:wrap;}
.btn-primary{
background:var(–coral); color:var(–ivory); padding:16px 34px; border-radius:999px;
font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:0.04em;
display:inline-flex; align-items:center; gap:10px;
transition:transform .2s ease, background .2s ease;
}
.btn-primary:hover{background:var(–pink); transform:translateY(-2px);}
.btn-ghost{
border:1.5px solid rgba(250,245,236,0.4); color:var(–ivory); padding:16px 34px; border-radius:999px;
font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:0.04em;
transition:all .2s ease;
}
.btn-ghost:hover{border-color:var(–ivory); background:rgba(250,245,236,0.08);}
.hero-stats{
display:flex; gap:48px; margin-top:64px; z-index:2; flex-wrap:wrap;
border-top:1px solid rgba(250,245,236,0.18); padding-top:28px;
}
.hero-stats div{display:flex; flex-direction:column; gap:4px;}
.hero-stats .num{font-family:’Bebas Neue’; font-size:34px; color:var(–ivory);}
.hero-stats .label{font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:rgba(250,245,236,0.55);}
/* ===== MARQUEE ===== */
.marquee{
background:var(–coral); color:var(–ivory);
padding:16px 0; overflow:hidden; white-space:nowrap;
border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);
}
.marquee-track{
display:inline-flex; gap:40px; animation:scroll 26s linear infinite;
}
.marquee-track span{
font-family:’Bebas Neue’; font-size:20px; letter-spacing:0.04em;
display:inline-flex; align-items:center; gap:40px;
}
.marquee-track span::after{content:’✦’; font-size:14px; opacity:0.7;}
@keyframes scroll{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
/* ===== SECTION SHARED ===== */
section{padding:100px 48px;}
.section-head{
display:flex; justify-content:space-between; align-items:flex-end; gap:24px;
margin-bottom:56px; flex-wrap:wrap;
}
.section-head .tag{
font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.14em;
color:var(–coral); margin-bottom:14px; display:block;
}
.section-head h2{font-size:clamp(36px, 5vw, 64px);}
.section-head p{max-width:380px; font-size:15px; color:rgba(21,18,15,0.6); line-height:1.6;}
/* ===== CATEGORIES ===== */
.cat-grid{
display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;
}
.cat-card{
position:relative; border-radius:20px; overflow:hidden; aspect-ratio:3/4;
background:#ddd6c8;
cursor:pointer;
}
.cat-card img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.cat-card:hover img{transform:scale(1.08);}
.cat-overlay{
position:absolute; inset:0;
background:linear-gradient(to top, rgba(21,18,15,0.85) 0%, rgba(21,18,15,0.05) 55%);
display:flex; flex-direction:column; justify-content:flex-end; padding:22px;
}
.cat-overlay h3{color:var(–ivory); font-size:26px;}
.cat-overlay span{color:rgba(250,245,236,0.7); font-size:13px; font-weight:600; margin-top:4px;}
@media (max-width:980px){ .cat-grid{grid-template-columns:repeat(2,1fr);} }
/* ===== FEATURED ===== */
.product-grid{
display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;
}
.product-card{cursor:pointer;}
.product-img{
position:relative; border-radius:18px; overflow:hidden; aspect-ratio:4/5;
background:#e8e1d3; margin-bottom:14px;
}
.product-img img{width:100%; height:100%; object-fit:cover; transition:transform .45s ease;}
.product-card:hover .product-img img{transform:scale(1.06);}
.badge{
position:absolute; top:14px; left:14px;
background:var(–ink); color:var(–ivory); font-size:11px; font-weight:700;
text-transform:uppercase; letter-spacing:0.05em; padding:6px 12px; border-radius:999px;
}
.badge.sale{background:var(–coral);}
.wishlist{
position:absolute; top:14px; right:14px; width:36px; height:36px; border-radius:50%;
background:rgba(250,245,236,0.9); display:flex; align-items:center; justify-content:center;
font-size:16px; transition:background .2s ease;
}
.wishlist:hover{background:var(–ivory);}
.product-info h4{font-size:16px; font-weight:600; margin-bottom:4px; text-transform:none; font-family:’Archivo’;}
.product-info .price{font-size:15px; color:var(–coral); font-weight:700;}
.product-info .price del{color:rgba(21,18,15,0.4); font-weight:500; margin-right:8px;}
@media (max-width:980px){ .product-grid{grid-template-columns:repeat(2,1fr);} }
/* ===== STORY / ABOUT ===== */
.story{
display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
}
.story-img{
border-radius:24px; overflow:hidden; aspect-ratio:4/5; background:#e8e1d3;
position:relative;
}
.story-img img{width:100%; height:100%; object-fit:cover;}
.story-img .floating-tag{
position:absolute; bottom:24px; left:24px;
background:var(–ivory); border-radius:16px; padding:18px 22px;
box-shadow:0 12px 40px rgba(0,0,0,0.18);
display:flex; gap:14px; align-items:center;
}
.floating-tag .stars{color:var(–gold); font-size:14px; letter-spacing:2px;}
.floating-tag .small{font-size:12px; color:rgba(21,18,15,0.55); margin-top:2px;}
.story-content .tag{
font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.14em;
color:var(–coral); margin-bottom:18px; display:block;
}
.story-content h2{font-size:clamp(34px,5vw,52px); margin-bottom:22px;}
.story-content p{font-size:16px; line-height:1.75; color:rgba(21,18,15,0.65); margin-bottom:18px; max-width:480px;}
.story-points{display:flex; flex-direction:column; gap:16px; margin-top:30px;}
.story-point{display:flex; gap:14px; align-items:flex-start;}
.story-point .dot{
width:8px; height:8px; border-radius:50%; background:var(–coral); margin-top:8px; flex-shrink:0;
}
.story-point div h4{font-size:15px; font-weight:700; margin-bottom:2px; text-transform:none; font-family:’Archivo’;}
.story-point div p{font-size:14px; color:rgba(21,18,15,0.55); margin:0; max-width:420px;}
@media (max-width:880px){ .story{grid-template-columns:1fr;} }
/* ===== LOOKBOOK BANNER ===== */
.banner{
background:var(–ink); color:var(–ivory); border-radius:28px; margin:0 48px;
padding:80px 60px; text-align:center; position:relative; overflow:hidden;
}
.banner::before{
content:”; position:absolute; top:-30%; left:50%; transform:translateX(-50%);
width:700px; height:700px; border-radius:50%;
background:radial-gradient(circle, rgba(255,61,127,0.25), transparent 70%);
}
.banner h2{font-size:clamp(40px,7vw,90px); z-index:2; position:relative;}
.banner p{max-width:460px; margin:18px auto 32px; color:rgba(250,245,236,0.7); font-size:16px; z-index:2; position:relative;}
/* ===== TESTIMONIALS ===== */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.testi-card{
background:var(–ivory); border:1px solid rgba(21,18,15,0.1); border-radius:20px;
padding:32px; display:flex; flex-direction:column; gap:18px;
}
.testi-card .stars{color:var(–gold); font-size:14px; letter-spacing:2px;}
.testi-card p{font-size:15px; line-height:1.7; color:rgba(21,18,15,0.75);}
.testi-person{display:flex; align-items:center; gap:12px; margin-top:auto;}
.testi-avatar{
width:42px; height:42px; border-radius:50%; background:var(–coral); color:var(–ivory);
display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; font-family:’Archivo’;
}
.testi-person h5{font-size:14px; font-weight:700; text-transform:none; font-family:’Archivo’;}
.testi-person span{font-size:12px; color:rgba(21,18,15,0.5);}
@media (max-width:880px){ .testi-grid{grid-template-columns:1fr;} }
/* ===== NEWSLETTER ===== */
.newsletter{
background:#EFE8D9; border-radius:28px; margin:0 48px 100px; padding:64px 60px;
display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;
}
.newsletter h3{font-size:clamp(28px,4vw,42px); max-width:380px;}
.newsletter-form{display:flex; gap:0; max-width:420px; flex:1; min-width:280px;}
.newsletter-form input{
flex:1; border:2px solid var(–ink); border-right:none; border-radius:999px 0 0 999px;
padding:16px 22px; font-size:15px; font-family:’Archivo’; background:var(–ivory);
}
.newsletter-form input:focus{outline:none;}
.newsletter-form button{
border-radius:0 999px 999px 0; background:var(–ink); color:var(–ivory);
padding:16px 30px; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:0.04em;
border:2px solid var(–ink);
}
.newsletter-form button:hover{background:var(–coral); border-color:var(–coral);}
@media (max-width:700px){ .newsletter{flex-direction:column; align-items:flex-start;} }
/* ===== FOOTER ===== */
footer{background:var(–ink); color:var(–ivory); padding:64px 48px 32px;}
.footer-top{
display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px;
border-bottom:1px solid rgba(250,245,236,0.14);
}
.footer-brand .logo{font-family:’Bebas Neue’; font-size:28px; margin-bottom:14px;}
.footer-brand .logo span{color:var(–coral);}
.footer-brand p{font-size:14px; color:rgba(250,245,236,0.6); max-width:280px; line-height:1.6; margin-bottom:20px;}
.social-row{display:flex; gap:12px;}
.social-row a{
width:38px; height:38px; border:1px solid rgba(250,245,236,0.25); border-radius:50%;
display:flex; align-items:center; justify-content:center; font-size:14px;
transition:all .2s ease;
}
.social-row a:hover{background:var(–coral); border-color:var(–coral);}
.footer-col h5{font-size:13px; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:18px; color:rgba(250,245,236,0.5); font-weight:700;}
.footer-col a{display:block; font-size:14px; color:rgba(250,245,236,0.85); margin-bottom:12px; transition:color .2s ease;}
.footer-col a:hover{color:var(–coral);}
.footer-bottom{
display:flex; justify-content:space-between; padding-top:28px; font-size:13px;
color:rgba(250,245,236,0.45); flex-wrap:wrap; gap:12px;
}
@media (max-width:880px){ .footer-top{grid-template-columns:1fr 1fr; gap:32px;} }
@media (prefers-reduced-motion: reduce){
.marquee-track{animation:none;}
*{transition:none !important;}
}
@media (max-width:560px){
section{padding:64px 22px;}
.nav{padding:18px 22px;}
.banner, .newsletter{margin:0 22px;}
}
</style>
</head>
<body>
<nav class=”nav”>
<div class=”logo”>DESIGNER<span>.</span>BOUTIQUE</div>
<div class=”nav-links”>
<a href=”#”>New in</a>
<a href=”#”>Ethnic</a>
<a href=”#”>Western</a>
<a href=”#”>Fusion</a>
<a href=”#”>Sale</a>
</div>
<a href=”#” class=”nav-cta”>Visit store</a>
</nav>
<section class=”hero”>
<div class=”hero-eyebrow”>New collection · 2026</div>
<h1>WEAR<br><span class=”accent”>YOUR</span> <span class=”outline”>STORY</span></h1>
<p class=”hero-sub”>Ethnic drapes, western cuts aur fusion silhouettes — sab kuch ek hi chhat ke neeche. Har piece designer-crafted, har look ekdum aapka.</p>
<div class=”hero-actions”>
<a href=”#” class=”btn-primary”>Shop the drop →</a>
<a href=”#” class=”btn-ghost”>Book styling session</a>
</div>
<div class=”hero-stats”>
<div><span class=”num”>500+</span><span class=”label”>Designer pieces</span></div>
<div><span class=”num”>12k+</span><span class=”label”>Happy customers</span></div>
<div><span class=”num”>4.9★</span><span class=”label”>Store rating</span></div>
</div>
</section>
<div class=”marquee”>
<div class=”marquee-track”>
<span>Ethnic wear<span>Western fits</span><span>Fusion edits</span><span>Bridal specials</span><span>New arrivals weekly</span><span>Custom tailoring</span></span>
<span>Ethnic wear<span>Western fits</span><span>Fusion edits</span><span>Bridal specials</span><span>New arrivals weekly</span><span>Custom tailoring</span></span>
</div>
</div>
<section>
<div class=”section-head”>
<div>
<span class=”tag”>Shop by category</span>
<h2>Pick your<br>vibe</h2>
</div>
<p>Ek boutique, har style ke liye — chahe shaadi ho ya college fest, hum sab cover karte hain.</p>
</div>
<div class=”cat-grid”>
<div class=”cat-card”>
<img src=”https://images.unsplash.com/photo-1610030469983-98e550d6193c?w=500&q=80″ alt=”Ethnic wear”>
<div class=”cat-overlay”><h3>Ethnic</h3><span>Suits · Sarees · Lehengas</span></div>
</div>
<div class=”cat-card”>
<img src=”https://images.unsplash.com/photo-1551803091-e20673f15770?w=500&q=80″ alt=”Western wear”>
<div class=”cat-overlay”><h3>Western</h3><span>Dresses · Co-ords · Denim</span></div>
</div>
<div class=”cat-card”>
<img src=”https://images.unsplash.com/photo-1496747611176-843222e1e57c?w=500&q=80″ alt=”Fusion wear”>
<div class=”cat-overlay”><h3>Fusion</h3><span>Indo-western · Jackets</span></div>
</div>
<div class=”cat-card”>
<img src=”https://images.unsplash.com/photo-1583391733956-6c78276477e2?w=500&q=80″ alt=”Bridal wear”>
<div class=”cat-overlay”><h3>Bridal</h3><span>Heavy work · Custom fit</span></div>
</div>
</div>
</section>
<section>
<div class=”section-head”>
<div>
<span class=”tag”>Trending now</span>
<h2>This week’s<br>bestsellers</h2>
</div>
<p>Customers ke sabse pasandida pieces — limited stock, jaldi grab karein.</p>
</div>
<div class=”product-grid”>
<div class=”product-card”>
<div class=”product-img”>
<img src=”https://images.unsplash.com/photo-1583391733956-6c78276477e2?w=400&q=80″ alt=”Designer anarkali”>
<span class=”badge”>New</span>
<div class=”wishlist”>♡</div>
</div>
<div class=”product-info”><h4>Designer anarkali set</h4><span class=”price”>₹4,299</span></div>
</div>
<div class=”product-card”>
<div class=”product-img”>
<img src=”https://images.unsplash.com/photo-1551803091-e20673f15770?w=400&q=80″ alt=”Co-ord set”>
<span class=”badge sale”>Sale</span>
<div class=”wishlist”>♡</div>
</div>
<div class=”product-info”><h4>Boho co-ord set</h4><span class=”price”><del>₹3,200</del>₹2,199</span></div>
</div>
<div class=”product-card”>
<div class=”product-img”>
<img src=”https://images.unsplash.com/photo-1610030469983-98e550d6193c?w=400&q=80″ alt=”Banarasi saree”>
<div class=”wishlist”>♡</div>
</div>
<div class=”product-info”><h4>Banarasi silk saree</h4><span class=”price”>₹6,499</span></div>
</div>
<div class=”product-card”>
<div class=”product-img”>
<img src=”https://images.unsplash.com/photo-1496747611176-843222e1e57c?w=400&q=80″ alt=”Indo western jacket”>
<span class=”badge”>New</span>
<div class=”wishlist”>♡</div>
</div>
<div class=”product-info”><h4>Indo-western jacket set</h4><span class=”price”>₹3,899</span></div>
</div>
</div>
</section>
<section class=”story”>
<div class=”story-img”>
<img src=”https://images.unsplash.com/photo-1490481651871-ab68de25d43d?w=500&q=80″ alt=”Boutique craft”>
<div class=”floating-tag”>
<div class=”stars”>★★★★★</div>
<div>
<div style=”font-weight:700; font-size:14px;”>4.9 / 5 rating</div>
<div class=”small”>From 1,200+ reviews</div>
</div>
</div>
</div>
<div class=”story-content”>
<span class=”tag”>Our story</span>
<h2>Har outfit,<br>ek kahani</h2>
<p>Designer Boutique 2014 se design aur dil se kaam kar raha hai. Hum ethnic ki shaan, western ka swag, aur fusion ka twist — sab ek jagah laate hain.</p>
<div class=”story-points”>
<div class=”story-point”><div class=”dot”></div><div><h4>In-house designers</h4><p>Har collection humare apne design team se, trend-ready aur original.</p></div></div>
<div class=”story-point”><div class=”dot”></div><div><h4>Custom fitting</h4><p>Aapke size, aapki pasand — alterations free hain har purchase par.</p></div></div>
<div class=”story-point”><div class=”dot”></div><div><h4>Quality fabric</h4><p>Premium silk, cotton aur blends — touch karke khud farak dekhiye.</p></div></div>
</div>
</div>
</section>
<section style=”padding-top:0;”>
<div class=”banner”>
<h2>NEW LOOKBOOK<br>OUT NOW</h2>
<p>Festive aur wedding season ke liye humara latest lookbook dekhiye — exclusive designs, limited pieces.</p>
<a href=”#” class=”btn-primary”>View lookbook →</a>
</div>
</section>
<section>
<div class=”section-head”>
<div><span class=”tag”>Customer love</span><h2>What they say</h2></div>
</div>
<div class=”testi-grid”>
<div class=”testi-card”>
<div class=”stars”>★★★★★</div>
<p>Fitting bilkul perfect thi aur fabric quality top notch. Apni shaadi ke liye yahan se lehenga liya, sabne compliment diya.</p>
<div class=”testi-person”><div class=”testi-avatar”>RS</div><div><h5>Riya Sharma</h5><span>Bridal collection</span></div></div>
</div>
<div class=”testi-card”>
<div class=”stars”>★★★★★</div>
<p>Western aur ethnic dono mil jaate hain ek hi jagah, time bachta hai aur designs bhi unique milte hain.</p>
<div class=”testi-person”><div class=”testi-avatar”>AK</div><div><h5>Ananya Kapoor</h5><span>Co-ord sets</span></div></div>
</div>
<div class=”testi-card”>
<div class=”stars”>★★★★★</div>
<p>Customer service bahut helpful hai, online order karne ke baad bhi sizing pe call karke guide kiya.</p>
<div class=”testi-person”><div class=”testi-avatar”>PM</div><div><h5>Priya Mehta</h5><span>Fusion wear</span></div></div>
</div>
</div>
</section>
<div class=”newsletter”>
<h3>Naye designs sabse pehle paayein</h3>
<form class=”newsletter-form” onsubmit=”event.preventDefault();”>
<input type=”email” placeholder=”Apna email daalein” required>
<button type=”submit”>Subscribe</button>
</form>
</div>
<footer>
<div class=”footer-top”>
<div class=”footer-brand”>
<div class=”logo”>DESIGNER<span>.</span>BOUTIQUE</div>
<p>Ethnic, western aur fusion fashion — sab ek jagah, har style ke liye designed.</p>
<div class=”social-row”>
<a href=”#” aria-label=”Instagram”>IG</a>
<a href=”#” aria-label=”Facebook”>FB</a>
<a href=”#” aria-label=”WhatsApp”>WA</a>
</div>
</div>
<div class=”footer-col”>
<h5>Shop</h5>
<a href=”#”>New in</a>
<a href=”#”>Ethnic wear</a>
<a href=”#”>Western wear</a>
<a href=”#”>Fusion wear</a>
</div>
<div class=”footer-col”>
<h5>Boutique</h5>
<a href=”#”>Our story</a>
<a href=”#”>Lookbook</a>
<a href=”#”>Store locator</a>
<a href=”#”>Contact</a>
</div>
<div class=”footer-col”>
<h5>Help</h5>
<a href=”#”>Size guide</a>
<a href=”#”>Returns</a>
<a href=”#”>Track order</a>
<a href=”#”>FAQs</a>
</div>
</div>
<div class=”footer-bottom”>
<span>© 2026 Designer Boutique. All rights reserved.</span>
<span>Made with care, stitched with style.</span>
</div>
</footer>
</body>
</html>
SHAHDARA
