78 lines
4.3 KiB
HTML
78 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>Global Tea Emporium - Premium Authentic Teas Worldwide</title>
|
||
<link rel="stylesheet" href="styles.css" />
|
||
<script src="script.js"></script>
|
||
</head>
|
||
<body>
|
||
<!-- Skip to main content link for screen readers -->
|
||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||
|
||
<header role="banner">
|
||
<div class="logo-container">
|
||
<img src="images/1757630393.png" class="logo" alt="Global Tea Emporium Logo - Premium Authentic Teas Worldwide" />
|
||
</div>
|
||
<nav class="main-nav" role="navigation" aria-label="Main navigation">
|
||
<ul>
|
||
<li><a href="index.html" aria-current="page">Home</a></li>
|
||
<li><a href="about.html">Our Story</a></li>
|
||
<li><a href="teas.html">Our Teas</a></li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main id="main-content" role="main">
|
||
<section class="banner" aria-labelledby="hero-heading">
|
||
<h1 id="hero-heading">Global Tea Emporium</h1>
|
||
<p class="tagline">Authentic Teas from Around the World</p>
|
||
</section>
|
||
|
||
<section class="introduction" aria-labelledby="intro-heading">
|
||
<h2 id="intro-heading">About Our Tea Journey</h2>
|
||
<p>Welcome to <strong>Global Tea Emporium</strong>, your premier destination for <em>authentic, premium teas</em> sourced directly from traditional tea gardens across the globe. With over <strong>15 years of experience</strong> in the tea industry, we have built relationships with <em>artisan farmers</em> and <em>tea masters</em> in the world's most renowned tea-growing regions.</p>
|
||
<p>Our mission is to bring you the <strong>finest quality teas</strong> while supporting sustainable farming practices and preserving traditional tea-making techniques that have been passed down through <strong>generations</strong>.</p>
|
||
</section>
|
||
|
||
<section class="services" aria-labelledby="services-heading">
|
||
<h2 id="services-heading">Our Premium Tea Collections</h2>
|
||
<ul class="services-list">
|
||
<li><strong>Asian Green Teas:</strong> Delicate sencha from Japan, dragon well from China, and matcha varieties</li>
|
||
<li><strong>Indian Black Teas:</strong> Authentic Assam, Darjeeling, and Nilgiri teas from renowned estates</li>
|
||
<li><strong>Oolong Selections:</strong> Traditional Taiwanese and Chinese oolongs with complex flavor profiles</li>
|
||
<li><strong>Herbal Infusions:</strong> Caffeine-free blends from Egypt, South Africa, and South America</li>
|
||
<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>
|
||
|
||
<footer role="contentinfo">
|
||
<p>© 2024 Global Tea Emporium. All rights reserved.</p>
|
||
<p>Visit our <a href="about.html">Our Story page</a> to learn more about our tea journey.</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|