-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
66 lines (62 loc) · 3.04 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
<!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="SuperCarBlog is a blog about supercars.">
<meta name="keywords" content="supercar, blog, supercarblog, car, cars, supercars">
<link href="css/style.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<link rel="icon" href="icons/favicon.png" type="image/x-icon">
<script type="module" src="js/main.js"></script>
<!-- Hotjar Tracking Code for SuperCarBlog -->
<script>
(function (h, o, t, j, a, r) {
h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
h._hjSettings = { hjid: 3917907, 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>
<title>SuperCarBlog | Contact</title>
</head>
<body>
<header>
<!-- Header content loaded with JavaScript -->
</header>
<main id="contact-main">
<h2>Get in Touch with Speed Legends</h2>
<p>Your insights fuel our passion, and your inquiries light up our roads. Whether you
have questions,
suggestions, or stories to share, we're all ears. Reach out to us using the form below, and let's keep
the conversation going. Together, we're not just fans; we're a community united by the thrill of the
drive. Contact us today, and let's accelerate into the future of supercars, one message at a time.
</p>
<!-- Contact page with a form containing name, email, subject and message content -->
<form class="contact-form">
<div class="contact-form__input-group">
<label for="name">Name</label>
<input type="text" id="name" name="name">
</div>
<div class="contact-form__input-group">
<label for="email">Email</label>
<input type="email" id="email" name="email">
</div>
<div class="contact-form__input-group">
<label for="subject">Subject</label>
<input type="text" id="subject" name="subject">
</div>
<div class="contact-form__input-group">
<label for="message">Message</label>
<textarea id="message" name="message"></textarea>
</div>
<button id="submit-button" type="submit">Send</button>
</form>
</main>
<footer>
<p>Copright© 2024 SuperCarBlog</p>
</footer>
</body>
</html>