285 lines
12 KiB
HTML
285 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>Our Story - Global Tea Emporium</title>
|
||
<link rel="stylesheet" href="styles.css" />
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="logo-container">
|
||
<img
|
||
src="images/1757630393.png"
|
||
class="logo"
|
||
alt="Global Tea Emporium Logo"
|
||
/>
|
||
</div>
|
||
<nav class="main-nav">
|
||
<ul>
|
||
<li><a href="index.html">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>
|
||
<section class="banner">
|
||
<h1>Our Story</h1>
|
||
<p class="tagline">
|
||
From Passion to Purpose: The Global Tea Emporium Journey
|
||
</p>
|
||
</section>
|
||
|
||
<section class="story-origins">
|
||
<h2>How It All Began</h2>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</section>
|
||
|
||
<section class="story-mission">
|
||
<h2>Our Mission & Values</h2>
|
||
<p>
|
||
<strong>Global Tea Emporium</strong> was founded on the belief that
|
||
great tea should be more than just a beverage – it should be an
|
||
<em>experience</em> that connects you to the land, the people, and the
|
||
traditions that created it.
|
||
</p>
|
||
|
||
<div class="values-list">
|
||
<div class="value-item">
|
||
<h3>Authenticity First</h3>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="value-item">
|
||
<h3>Sustainability & Fair Trade</h3>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="value-item">
|
||
<h3>Education & Community</h3>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="value-item">
|
||
<h3>Quality Without Compromise</h3>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="story-team">
|
||
<h2>Meet Our Tea Family</h2>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</section>
|
||
|
||
<!-- FAQ Section -->
|
||
<section class="faq-section" aria-labelledby="faq-heading">
|
||
<h2 id="faq-heading">Frequently Asked Questions</h2>
|
||
|
||
<div class="faq-item">
|
||
<div
|
||
class="faq-question"
|
||
role="button"
|
||
aria-expanded="false"
|
||
aria-controls="faq-answer-1"
|
||
>
|
||
<h4>What makes your teas different from supermarket teas?</h4>
|
||
<span class="faq-toggle">+</span>
|
||
</div>
|
||
<div id="faq-answer-1" class="faq-answer">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<div
|
||
class="faq-question"
|
||
role="button"
|
||
aria-expanded="false"
|
||
aria-controls="faq-answer-2"
|
||
>
|
||
<h4>How should I store my tea to maintain freshness?</h4>
|
||
<span class="faq-toggle">+</span>
|
||
</div>
|
||
<div id="faq-answer-2" class="faq-answer">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<div
|
||
class="faq-question"
|
||
role="button"
|
||
aria-expanded="false"
|
||
aria-controls="faq-answer-3"
|
||
>
|
||
<h4>
|
||
What is the best water temperature for brewing different types of
|
||
tea?
|
||
</h4>
|
||
<span class="faq-toggle">+</span>
|
||
</div>
|
||
<div id="faq-answer-3" class="faq-answer">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<div
|
||
class="faq-question"
|
||
role="button"
|
||
aria-expanded="false"
|
||
aria-controls="faq-answer-4"
|
||
>
|
||
<h4>Do you offer organic teas?</h4>
|
||
<span class="faq-toggle">+</span>
|
||
</div>
|
||
<div id="faq-answer-4" class="faq-answer">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<div
|
||
class="faq-question"
|
||
role="button"
|
||
aria-expanded="false"
|
||
aria-controls="faq-answer-5"
|
||
>
|
||
<h4>
|
||
How long does shipping take, and do you ship internationally?
|
||
</h4>
|
||
<span class="faq-toggle">+</span>
|
||
</div>
|
||
<div id="faq-answer-5" class="faq-answer">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<div
|
||
class="faq-question"
|
||
role="button"
|
||
aria-expanded="false"
|
||
aria-controls="faq-answer-6"
|
||
>
|
||
<h4>Can I return or exchange tea if I'm not satisfied?</h4>
|
||
<span class="faq-toggle">+</span>
|
||
</div>
|
||
<div id="faq-answer-6" class="faq-answer">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||
reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2024 Global Tea Emporium. All rights reserved.</p>
|
||
<p>
|
||
Visit our <a href="contact.html">Contact page</a> to connect with our
|
||
tea experts.
|
||
</p>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|