Shubh Saree

Blog

<style>
/* ================================
SHUBH SAREES — BLOG PAGE
Static HTML version
================================ */

.shubh-blog-page {
--cream: #faf7f0;
--cream-dark: #f2eadb;
--gold: #a7834d;
--gold-dark: #8f6d38;
--text: #29251f;
--muted: #777066;
--border: #e5dccb;
--white: #fffdf9;

width: 100%;
max-width: 1440px;
margin: 0 auto;
background: var(--cream);
color: var(--text);
font-family: Georgia, "Times New Roman", serif;
box-sizing: border-box;
}

.shubh-blog-page *,
.shubh-blog-page *::before,
.shubh-blog-page *::after {
box-sizing: border-box;
}

/* HERO */

.shubh-blog-hero {
min-height: 360px;
display: flex;
align-items: center;
padding: 55px 7%;
background:
linear-gradient(
90deg,
rgba(250,247,240,0.98) 0%,
rgba(250,247,240,0.91) 43%,
rgba(250,247,240,0.20) 100%
),
url("https://images.unsplash.com/photo-1610030469983-98e550d6193c?auto=format&fit=crop&w=1800&q=85")
center right / cover no-repeat;
}

.shubh-blog-hero-content {
max-width: 540px;
}

.shubh-gold-line {
width: 34px;
height: 2px;
background: var(--gold);
margin-bottom: 18px;
}

.shubh-blog-hero h1 {
margin: 0 0 10px;
font-size: 54px;
line-height: 1;
font-weight: 500;
color: #17252b;
}

.shubh-blog-hero-subtitle {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.4;
font-style: italic;
color: #3d3831;
}

.shubh-blog-hero-text {
max-width: 470px;
margin: 0;
font-size: 17px;
line-height: 1.65;
color: #4d4840;
}

/* MAIN */

.shubh-blog-main {
padding: 45px 7% 70px;
}

.shubh-blog-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 250px;
gap: 42px;
}

/* TOP BAR */

.shubh-blog-topbar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 22px;
}

.shubh-blog-showing {
font-size: 14px;
color: var(--muted);
}

.shubh-blog-sort {
display: flex;
align-items: center;
gap: 10px;
font-family: Arial, sans-serif;
font-size: 13px;
color: var(--muted);
}

.shubh-blog-sort select {
border: 1px solid var(--border);
background: transparent;
padding: 9px 28px 9px 12px;
color: var(--text);
}

/* ARTICLE GRID */

.shubh-blog-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 42px 22px;
}

.shubh-blog-card {
min-width: 0;
}

.shubh-blog-card-image {
width: 100%;
aspect-ratio: 1.55 / 1;
object-fit: cover;
display: block;
margin-bottom: 14px;
}

.shubh-blog-category {
display: block;
margin-bottom: 8px;
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--gold-dark);
}

.shubh-blog-card h2 {
margin: 0 0 8px;
font-size: 20px;
line-height: 1.25;
font-weight: 500;
color: var(--text);
}

.shubh-blog-card p {
margin: 0 0 12px;
font-size: 14px;
line-height: 1.55;
color: var(--muted);
}

.shubh-blog-meta {
font-family: Arial, sans-serif;
font-size: 11px;
color: #91897e;
}

/* SIDEBAR */

.shubh-blog-sidebar {
border-left: 1px solid var(--border);
padding-left: 25px;
}

.shubh-sidebar-search {
display: flex;
border: 1px solid #ddd2bf;
background: var(--white);
margin-bottom: 36px;
}

.shubh-sidebar-search input {
width: 100%;
border: 0;
outline: 0;
background: transparent;
padding: 12px;
font-family: Arial, sans-serif;
font-size: 12px;
}

.shubh-sidebar-search button {
width: 42px;
border: 0;
background: transparent;
cursor: pointer;
color: var(--gold-dark);
}

.shubh-sidebar-title {
position: relative;
margin: 0 0 20px;
padding-bottom: 10px;
font-size: 22px;
font-weight: 500;
}

.shubh-sidebar-title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 2px;
background: var(--gold);
}

.shubh-category-list {
list-style: none;
margin: 0 0 40px;
padding: 0;
}

.shubh-category-list li {
display: flex;
justify-content: space-between;
padding: 7px 0;
font-size: 15px;
color: #635d55;
}

.shubh-category-count {
color: #948a7c;
font-family: Arial, sans-serif;
font-size: 11px;
}

/* RECENT POSTS */

.shubh-recent-post {
display: grid;
grid-template-columns: 58px 1fr;
gap: 11px;
margin-bottom: 17px;
}

.shubh-recent-post img {
width: 58px;
height: 58px;
object-fit: cover;
}

.shubh-recent-post h3 {
margin: 0 0 5px;
font-size: 13px;
line-height: 1.35;
font-weight: 500;
}

.shubh-recent-post span {
font-family: Arial, sans-serif;
font-size: 10px;
color: #999084;
}

/* PAGINATION */

.shubh-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
margin-top: 48px;
font-family: Arial, sans-serif;
}

.shubh-pagination a {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #6d665d;
font-size: 12px;
}

.shubh-pagination a.active {
background: var(--gold);
color: white;
}

/* RESPONSIVE */

@media (max-width: 1000px) {
.shubh-blog-layout {
grid-template-columns: 1fr;
}

.shubh-blog-sidebar {
border-left: 0;
border-top: 1px solid var(--border);
padding: 35px 0 0;
}

.shubh-blog-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 650px) {
.shubh-blog-hero {
min-height: 300px;
padding: 40px 25px;
background-position: 65% center;
}

.shubh-blog-hero h1 {
font-size: 42px;
}

.shubh-blog-hero-subtitle {
font-size: 20px;
}

.shubh-blog-main {
padding: 35px 20px 50px;
}

.shubh-blog-topbar {
display: block;
}

.shubh-blog-sort {
margin-top: 12px;
}

.shubh-blog-grid {
grid-template-columns: 1fr;
gap: 35px;
}
}
</style>

<div class="shubh-blog-page">


<section class="shubh-blog-hero">
<div class="shubh-blog-hero-content">

<div class="shubh-gold-line"></div>

<h1>Blog</h1>

<p class="shubh-blog-hero-subtitle">
Stories, style & inspiration for every Shubh moment.
</p>

<p class="shubh-blog-hero-text">
Explore our blog for saree care tips, styling ideas,
trends, and cultural stories that celebrate the beauty
and timeless elegance of sarees.
</p>

</div>
</section>


<main class="shubh-blog-main">

<div class="shubh-blog-layout">


<section>

<div class="shubh-blog-topbar">

<div class="shubh-blog-showing">
Showing 9 of 12 articles
</div>

<div class="shubh-blog-sort">
<span>Sort by</span>

<select>
<option>Latest</option>
<option>Oldest</option>
<option>A-Z</option>
</select>
</div>

</div>

<div class="shubh-blog-grid">


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1583391733956-6c78276477e9?auto=format&fit=crop&w=900&q=80"
alt="Saree styling"
>

<span class="shubh-blog-category">
Styling Tips
</span>

<h2>
5 Ways to Style Your Saree for a Modern Look
</h2>

<p>
From minimal accessories to contemporary drapes,
explore simple ways to style your saree for a
fresh and modern appearance.
</p>

<div class="shubh-blog-meta">
Apr 15, 2025   ·   5 min read
</div>

</article>


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1610030469983-98e550d6193c?auto=format&fit=crop&w=900&q=80"
alt="Saree care"
>

<span class="shubh-blog-category">
Saree Care
</span>

<h2>
Saree Care Guide: Keep Your Sarees Beautiful for Years
</h2>

<p>
Simple care tips to maintain the fabric, colour
and charm of your favourite sarees for a longer time.
</p>

<div class="shubh-blog-meta">
Apr 10, 2025   ·   4 min read
</div>

</article>


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1617627143750-d86bc21e42bb?auto=format&fit=crop&w=900&q=80"
alt="Indian handloom saree"
>

<span class="shubh-blog-category">
Occasions
</span>

<h2>
The Timeless Beauty of Indian Handloom Sarees
</h2>

<p>
Discover the rich heritage, intricate craftsmanship
and unique stories behind Indian handloom sarees.
</p>

<div class="shubh-blog-meta">
Apr 20, 2025   ·   6 min read
</div>

</article>


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1594736797933-d0501ba2fe65?auto=format&fit=crop&w=900&q=80"
alt="Silk saree"
>

<span class="shubh-blog-category">
Fabrics
</span>

<h2>
Understanding the Difference: Silk vs Cotton Sarees
</h2>

<p>
Explore the key differences between silk and cotton
sarees to choose what suits your style and comfort.
</p>

<div class="shubh-blog-meta">
Mar 28, 2025   ·   5 min read
</div>

</article>


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1539109136881-3be0616acf4b?auto=format&fit=crop&w=900&q=80"
alt="Traditional saree"
>

<span class="shubh-blog-category">
Trends
</span>

<h2>
The Story Behind Every Shubh Saree
</h2>

<p>
Every saree carries a story — of artisans,
traditions and timeless craftsmanship.
</p>

<div class="shubh-blog-meta">
Mar 20, 2025   ·   7 min read
</div>

</article>


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1610030469668-8e9a7a6a5e7a?auto=format&fit=crop&w=900&q=80"
alt="Festive saree"
>

<span class="shubh-blog-category">
Festive
</span>

<h2>
Festive Saree Styling Ideas
</h2>

<p>
Celebrate the season with elegant saree looks
that blend tradition and contemporary style.
</p>

<div class="shubh-blog-meta">
Mar 20, 2025   ·   5 min read
</div>

</article>


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1583391733981-8498401b8f2b?auto=format&fit=crop&w=900&q=80"
alt="Wedding saree"
>

<span class="shubh-blog-category">
Wedding
</span>

<h2>
Wedding Saree Guide: Choosing the Right Weave & Colour
</h2>

<p>
Find the perfect saree for your big day with our
guide to the best weaves, colours and traditional styles.
</p>

<div class="shubh-blog-meta">
Mar 5, 2025   ·   6 min read
</div>

</article>


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1610030469668-8e9a7a6a5e7a?auto=format&fit=crop&w=900&q=80"
alt="Saree storage"
>

<span class="shubh-blog-category">
Care
</span>

<h2>
How to Store Your Sarees the Right Way
</h2>

<p>
Learn the best storage tips to keep your sarees
fresh, safe and beautiful for years.
</p>

<div class="shubh-blog-meta">
Feb 20, 2025   ·   4 min read
</div>

</article>


<article class="shubh-blog-card">

<img
class="shubh-blog-card-image"
src="https://images.unsplash.com/photo-1617627143750-d86bc21e42bb?auto=format&fit=crop&w=900&q=80"
alt="Indian saree culture"
>

<span class="shubh-blog-category">
Lifestyle
</span>

<h2>
The Cultural Significance of Sarees in India
</h2>

<p>
Discover the deep-rooted heritage and emotional
value of sarees in Indian culture and traditions.
</p>

<div class="shubh-blog-meta">
Feb 10, 2025   ·   5 min read
</div>

</article>

</div>


<div class="shubh-pagination">

<a href="#">‹</a>
<a href="#" class="active">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">›</a>

</div>

</section>


<aside class="shubh-blog-sidebar">


<div class="shubh-sidebar-search">

<input
type="text"
placeholder="Search articles..."
>

<button type="button">
⌕
</button>

</div>


<h2 class="shubh-sidebar-title">
Categories
</h2>

<ul class="shubh-category-list">

<li>
<span>Styling Tips</span>
<span class="shubh-category-count">(3)</span>
</li>

<li>
<span>Saree Care</span>
<span class="shubh-category-count">(2)</span>
</li>

<li>
<span>Occasions</span>
<span class="shubh-category-count">(2)</span>
</li>

<li>
<span>Fabrics</span>
<span class="shubh-category-count">(1)</span>
</li>

<li>
<span>Trends</span>
<span class="shubh-category-count">(2)</span>
</li>

<li>
<span>Festive</span>
<span class="shubh-category-count">(1)</span>
</li>

<li>
<span>Wedding</span>
<span class="shubh-category-count">(1)</span>
</li>

<li>
<span>Lifestyle</span>
<span class="shubh-category-count">(1)</span>
</li>

</ul>


<h2 class="shubh-sidebar-title">
Recent Posts
</h2>

<div class="shubh-recent-post">

<img
src="https://images.unsplash.com/photo-1583391733956-6c78276477e9?auto=format&fit=crop&w=200&q=80"
alt=""
>

<div>
<h3>5 Ways to Style Your Saree for a Modern Look</h3>
<span>Apr 15, 2025</span>
</div>

</div>

<div class="shubh-recent-post">

<img
src="https://images.unsplash.com/photo-1610030469983-98e550d6193c?auto=format&fit=crop&w=200&q=80"
alt=""
>

<div>
<h3>Saree Care Guide: Keep Your Sarees Beautiful</h3>
<span>Apr 10, 2025</span>
</div>

</div>

<div class="shubh-recent-post">

<img
src="https://images.unsplash.com/photo-1617627143750-d86bc21e42bb?auto=format&fit=crop&w=200&q=80"
alt=""
>

<div>
<h3>The Timeless Beauty of Indian Handloom Sarees</h3>
<span>Apr 20, 2025</span>
</div>

</div>

<div class="shubh-recent-post">

<img
src="https://images.unsplash.com/photo-1594736797933-d0501ba2fe65?auto=format&fit=crop&w=200&q=80"
alt=""
>

<div>
<h3>Wedding Saree Guide: Choosing the Right Weave</h3>
<span>Mar 5, 2025</span>
</div>

</div>

<div class="shubh-recent-post">

<img
src="https://images.unsplash.com/photo-1539109136881-3be0616acf4b?auto=format&fit=crop&w=200&q=80"
alt=""
>

<div>
<h3>The Cultural Significance of Sarees in India</h3>
<span>Feb 10, 2025</span>
</div>

</div>

</aside>

</div>

</main>

</div>