everything semi working before sample implementation
This commit is contained in:
@@ -21,7 +21,7 @@
|
||||
|
||||
<div class="grid grid--3">
|
||||
<!-- Upholstery Fabrics -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1555041469-a586c61ea9bc?w=500&q=80" alt="Upholstery Fabrics" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Upholstery Fabrics</div>
|
||||
@@ -33,7 +33,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Curtain & Drape Fabrics -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1578926314433-8e18d4f89b16?w=500&q=80" alt="Curtain Fabrics" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Curtain & Drape Fabrics</div>
|
||||
@@ -45,7 +45,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Decorative Textiles -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1606389506042-4bc31f98b485?w=500&q=80" alt="Decorative Textiles" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Decorative Textiles</div>
|
||||
@@ -67,7 +67,7 @@
|
||||
|
||||
<div class="grid grid--3">
|
||||
<!-- Botanical Garden Fabric -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1520763185298-1b434c919eba?w=500&q=80" alt="Botanical Garden" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Botanical Garden</div>
|
||||
@@ -80,7 +80,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Geometric Modern -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1577720643272-265f434b3f6f?w=500&q=80" alt="Geometric Modern" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Geometric Modern</div>
|
||||
@@ -93,7 +93,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Vintage Elegance -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1578500494198-246f612d03b3?w=500&q=80" alt="Vintage Elegance" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Vintage Elegance</div>
|
||||
@@ -106,7 +106,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Tropical Vibrancy -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1505142468610-359e7d316be0?w=500&q=80" alt="Tropical Vibrancy" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Tropical Vibrancy</div>
|
||||
@@ -119,7 +119,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Minimalist Serenity -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1511884642898-4c92249e20b6?w=500&q=80" alt="Minimalist Serenity" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Minimalist Serenity</div>
|
||||
@@ -132,7 +132,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Luxe Textured -->
|
||||
<div class="card">
|
||||
<div class="product-card">
|
||||
<img src="https://images.unsplash.com/photo-1578926078328-123alce3f3ce?w=500&q=80" alt="Luxe Textured" class="card-image" style="object-fit: cover;">
|
||||
<div class="card-content">
|
||||
<div class="card-title">Luxe Textured</div>
|
||||
@@ -175,7 +175,7 @@
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<h2>Fabric Specifications & Care</h2>
|
||||
<div style="background-color: var(--bg-secondary); padding: var(--spacing-lg); border-radius: 8px;">
|
||||
<div style="background-color: var(--bg-secondary); padding: var(--spacing-lg); border-radius: 20px;">
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg);">
|
||||
<div>
|
||||
<h4 style="color: var(--accent-dark); margin-bottom: 1rem;">Standard Widths</h4>
|
||||
|
||||
Reference in New Issue
Block a user