-
Notifications
You must be signed in to change notification settings - Fork 0
/
contactus.html
133 lines (133 loc) · 5.69 KB
/
contactus.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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=K2D:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/styles.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Street Dreams | Contact Us</title>
<!-- Hotjar Tracking Code for https://bucolic-tapioca-1153e7.netlify.app/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3751260,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
<body>
<header>
<div class="nav">
<ul class="headerUL">
<li class="headerLI"><a href="index.html"><img src="../assets/Logo.png" alt=""></a></li>
<li class="headerLI headerText"><a href="index.html">Home</a></li>
<li class="headerLI headerText"><a href="members.html">Members</a></li>
<li class="headerLI headerText"><a href="aboutus.html">About Us</a></li>
<li class="headerLI headerText"><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<nav class="mobile">
<a href="index.html"><img class="mobileLogo" src="/assets/Logo.png" alt="StreetDreams Logo"></a>
<ul class="nav-menu">
<li class="nav-item">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="members.html" class="nav-link">Members</a>
</li>
<li class="nav-item">
<a href="aboutus.html" class="nav-link">About us</a>
</li>
<li class="nav-item">
<a href="contactus.html" class="nav-link">Contact us</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>
<img src="../assets/PageHeaderImage.png" class="pageBgImg" alt="Background Image">
<p class="scrollToTopText">Scroll To Top</p>
<span class="material-icons md-48 scrollToTop">north</span>
<div class="contactUsInfo">
<div>
<h1>Contact Us</h1>
<p>If you have any questions,
Please feel free to fill out the form below,
And we will answer as fast as we can!
</p>
</div>
<div>
<img src="../assets/ContactUsImage1.png" alt="Contact Us">
</div>
</div>
<div class="contactform">
<form id="contactUsForm">
<div class="contactName contact">
<label for="name">Name:</label>
<input type="text" name="name" id="name">
<span class="nameSpan"></span>
</div>
<div class="contactEmail contact">
<label for="email">E-mail:</label>
<input type="text" name="email" id="email">
<span class="emailSpan"></span>
</div>
<div class="contactSubject contact">
<label for="subject">Subject:</label>
<input type="text" name="subject" id="subject">
<span class="subjectSpan"></span>
</div>
<div class="contactMessage contact">
<label for="message">Message:</label>
<textarea type="text" name="message" id="message"></textarea>
<span class="messageSpan"></span>
</div>
<div>
<label for="formbutton"></label>
<input class="formButton" type="submit" name="formbutton" id="formbutton">
</div>
</form>
</div>
<div class="formComplete">
<p>Message was sent!</p>
<p>You will get an answer shortly.</p>
</div>
<footer>
<div class="footerLeft">
<img src="../assets/Logo.png" alt="Logo">
</div>
<div class="footerMiddle">
<ul class="footerUL">
<li class="footerLI"><a href="apply.html">Apply</a></li>
<li class="footerLI"><a href="members.html">Members</a></li>
</ul>
</div>
<div class="footerRight">
<ul class="footerUL">
<li class="footerLI"><a href="aboutus.html">About Us</a></li>
<li class="footerLI"><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<div class="mobileFooter">
<ul class="footerUL">
<li class="footerLI"><a href="apply.html">Apply</a></li>
<li class="footerLI"><a href="members.html">Members</a></li>
<li class="footerLI"><a href="aboutus.html">About Us</a></li>
<li class="footerLI"><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
</footer>
<script type="module" src="../src/contactUs/contactUs.js"></script>
<script src="/src/hamburger.js"></script>
</body>
</html>