-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
76 lines (71 loc) · 4.28 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A website about saving money with deals as a gamecock student or faculty member.">
<meta name="keywords" content="sdeals, gamecocks, university of south caorlina, campus life">
<meta name="author" content="Sophia Foltz">
<title>Contact Us - Student Deals</title>
<link rel="stylesheet" href="styles.css"> <!-- Link to the external CSS file -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SMWPBQXCVQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SMWPBQXCVQ');
</script>
</head>
<body>
<!-- Header Section -->
<header>
<h1 style="text-align: center; color: darkred;">Sophia Foltz</h1>
<p style="text-align: center; color: darkred;">Date: 2024-11-05</p>
<p style="text-align: center; color: darkred;">Assignment: Create and Validate HTML Website Assignment</p>
</header>
<!-- Navigation Menu -->
<nav style="background-color: darkred; text-align: center; padding: 10px;">
<a href="index.html" style="color: white; padding: 10px; text-decoration: none; font-weight: bold;">HOME</a>
<a href="about.html" style="color: white; padding: 10px; text-decoration: none; font-weight: bold;">ABOUT</a>
<a href="deals.html" style="color: white; padding: 10px; text-decoration: none; font-weight: bold;">DEALS</a>
<a href="contact.html" style="color: white; padding: 10px; text-decoration: none; font-weight: bold;">CONTACT</a>
</nav>
<!-- Main Content -->
<main style="background-color: #800000; color: white; padding: 20px; text-align: center;">
<!-- Contact Information Section -->
<section style="background-color: #A52A2A; color: white; padding: 20px; margin: 10px;">
<h2 style="text-align: center;">We Would Love to Hear Your Feedback!!!</h2>
<p>Email: <a href="mailto:[email protected]" style="color: white;">[email protected]</a></p>
<p>Phone: (678)-999-8212</p>
<p style="text-align: center; margin: 0 50px;">We would really love to hear any suggestions or feedback from you. Please take the time to fill in the form below for more brands and items that you would like to see stocked.</p>
</section>
<!-- Contact Form Section -->
<section style="background-color: #A52A2A; padding: 20px; margin: 10px;">
<h2 style="text-align: center;">Contact Us</h2> <!-- Added heading -->
<form action="#" method="post" style="display: flex; flex-direction: column; align-items: center;">
<table>
<tr>
<td style="color: white; padding: 5px;"><label for="name">Name:</label></td>
<td><input type="text" id="name" name="name" style="width: 200px; padding: 5px;"></td>
</tr>
<tr>
<td style="color: white; padding: 5px;"><label for="email">Email:</label></td>
<td><input type="email" id="email" name="email" style="width: 200px; padding: 5px;"></td>
</tr>
<tr>
<td style="color: white; padding: 5px; vertical-align: top;"><label for="message">Message:</label></td>
<td><textarea id="message" name="message" rows="5" style="width: 200px; padding: 5px;"></textarea></td>
</tr>
</table>
<button type="submit" style="margin-top: 10px; background-color: #4CAF50; color: white; padding: 10px 20px; border: none; cursor: pointer;">Submit</button>
</form>
</section>
<!-- Decorative Image Section -->
<section style="text-align: center; margin-top: 20px;">
<h2 style="display: none;">Contact Decoration</h2> <!-- Optional: hidden for accessibility -->
<img src="colorfulbags.png" alt="Contact Decoration" width="100" style="margin-top: 10px;">
</section>
</main>
</body>
</html>