Zakaria/CS104_Assignment_1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding js

Browse Source
This commit is contained in:
dadgam3er
2025-09-12 11:59:18 +00:00
parent a8b7859e22
commit a1ff23c306
4 changed files with 421 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact.html
+95
View File
@@ -0,0 +1,95 @@
<!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>&copy; 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>