96 lines
2.9 KiB
HTML
96 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Contact Us - 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>Contact Global Tea Emporium</h1>
|
|
<p class="tagline">We're Here <strong>tea</strong> help you</p>
|
|
</section>
|
|
|
|
<section class="contact-info">
|
|
<h2>Get in Touch</h2>
|
|
<div class="contact-details">
|
|
<div class="contact-item">
|
|
<h3>Visit Our Store</h3>
|
|
<p><strong>Global Tea Emporium</strong></p>
|
|
<p>123 Tea Avenue</p>
|
|
<p>Teaville, TE 12345</p>
|
|
<p>United Teas</p>
|
|
</div>
|
|
|
|
<div class="contact-item">
|
|
<h3>Contact Information</h3>
|
|
<p><strong>Phone:</strong> (123) 456-7890</p>
|
|
<p><strong>Email:</strong> info@teasexample.com</p>
|
|
<p><strong>Hours:</strong> Monday - Saturday: 9:00 AM - 6:00 PM</p>
|
|
<p>Sunday: 11:00 AM - 4:00 PM</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="contact-form-section">
|
|
<h2>Send Us a Message</h2>
|
|
<form class="contact-form">
|
|
<div class="form-group">
|
|
<label for="name">Your Name:</label>
|
|
<input type="text" id="name" name="name" required />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="email">Email Address:</label>
|
|
<input type="email" id="email" name="email" required />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="phone">Phone Number (optional):</label>
|
|
<input type="tel" id="phone" name="phone" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="subject">Subject:</label>
|
|
<input type="text" id="subject" name="subject" required />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="message">Your Message:</label>
|
|
<textarea id="message" name="message" rows="6" required></textarea>
|
|
</div>
|
|
|
|
<button type="submit" class="submit-btn">Send Message</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<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>
|