-
Notifications
You must be signed in to change notification settings - Fork 0
/
contactPage.html
73 lines (68 loc) · 2.32 KB
/
contactPage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Muscle Titan - Contact</title>
<link rel="stylesheet" href="homePageStyle.css" />
<link rel="stylesheet" href="contact.css" />
<link rel="icon" type="image/png" sizes="32x32" href="Images/favicon.png" />
</head>
<body>
<header>
<div id="logo-container">
<img id="img-gym" src="Images/logo.png" alt="Logo" />
<h1 id="logo-title">M<span>USCLE</span>T<span>ITAN</span></h1>
</div>
<div id="nav_menu">
<a class="nav-item-link" href="homePage.html" target="_self">HOME</a>
<a class="nav-item-link" href="workoutPage.html" target="_self">WORKOUTS</a>
<a class="nav-item-link" href="dietPlansPage.html" target="_self">NUTRITIONS</a>
<a class="nav-item-link" href="articlesPage.html" target="_self">ARTICLES</a>
<a class="nav-item-link active" href="contactPage.html" target="_self">CONTACT</a>
</div>
</header>
<main>
<section id="contact-section">
<div class="background-image"></div>
<div id="contactSection-header">
<h2>Contact Us : We're just one email apart</h2>
</div>
<div id="contact-form-container">
<form id="contactForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required />
<label for="email">Email:</label>
<input type="email" id="email" name="email" required />
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" required></textarea>
<button type="submit">Send</button>
</form>
</div>
</section>
</main>
<footer>
<div id="social-link-container">
<h2>Follow Us</h2>
<div id="social-links">
<a href="https://www.facebook.com/"
><img class="socialLink" src="Images/facebook.svg"
/></a>
<a href="https://www.instagram.com/" target="_self">
<img class="socialLink" src="Images/instagram.svg" />
</a>
<a href="https://twitter.com/"
><img class="socialLink" src="Images/twitter.svg"
/></a>
</div>
</div>
<div id="copyright">
COPYRIGHT © 2023-2025 M<span class="small_letters_footer">USCLE</span>T<span
class="small_letters_footer"
>ITAN</span
>
</div>
</footer>
<script src="articlesPage.js"></script>
</body>
</html>