fix
This commit is contained in:
+20
@@ -45,6 +45,26 @@
|
||||
<li><strong>White Tea Collection:</strong> Rare silver needle and white peony from China's Fujian province</li>
|
||||
<li><strong>Pu-erh & Fermented Teas:</strong> Aged teas from Yunnan with unique earthy characteristics</li>
|
||||
</ul>
|
||||
|
||||
<!-- Dynamic Image Gallery -->
|
||||
<div class="tea-gallery" role="region" aria-label="Tea collection gallery">
|
||||
<h3>Explore Our Tea Selection</h3>
|
||||
<div class="gallery-container">
|
||||
<div class="gallery-main">
|
||||
<img id="gallery-image" src="images/green-tea-leaves.webp" alt="Premium Green Tea Leaves" />
|
||||
<div class="gallery-controls">
|
||||
<button id="prev-btn" class="gallery-btn" aria-label="Previous image">‹</button>
|
||||
<button id="next-btn" class="gallery-btn" aria-label="Next image">›</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery-thumbnails">
|
||||
<img src="images/green-tea-leaves.webp" alt="Premium Green Tea Leaves" class="thumbnail active" data-index="0">
|
||||
<img src="images/Indian Black Teas.webp" alt="Indian Black Tea Selection" class="thumbnail" data-index="1">
|
||||
<img src="images/Oolong Selections.jpg" alt="Oolong Tea Collection" class="thumbnail" data-index="2">
|
||||
</div>
|
||||
</div>
|
||||
<p id="gallery-caption" class="gallery-caption">Premium Green Tea Leaves - Hand-picked from our finest gardens</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user