everything semi working before sample implementation

This commit is contained in:
twotalesanimation
2025-12-30 00:09:14 +02:00
parent 00b8ff77b2
commit 3c24c0e9ef
39 changed files with 1072 additions and 1615 deletions
+10 -10
View File
@@ -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>