-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
112 lines (102 loc) · 4.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Rainydays Jakckets for supreme living">
<meta name="keywords" content="rainydays, jackets, strong, sustainable, adventure, limitless, comfy, solid, comfort zone, rainy, pushing">
<script
src="https://kit.fontawesome.com/cdbde72ef5.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="/css/styles.css" />
<title>Rainydays - Contact</title>
<!-- Hotjar Tracking Code for https://snazzy-marzipan-23d5ad.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:3284537,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 id="header">
<a href="index.html" class="rainydays"></a>
</header>
<nav class="browser-nav">
<ul>
<a href="index.html" class="nav menu1">Home</a>
<a href="jackets.html" class="nav menu current">Jackets</a>
<a href="about.html" class="nav menu1">About</a>
<a href="contact.html" class="nav menu1">Contact</a>
<a href="shopping-cart.html" class="nav menu1">Shopping Cart</a>
</ul>
</nav>
<main>
<!---navbar for mobile--->
<div class="hamburger">
<label for="hamburger-menu"><i class="fa-solid fa-bars fa-2x"></i></i></label>
<input type="checkbox" id="hamburger-menu" />
<nav class="mobile-menu">
<ul class="mobile-menu-content">
<a href="index.html">Home</a>
<a href="jackets.html">Jackets</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="shopping-cart.html">Shopping Cart</a>
</ul>
</nav>
</div>
<!---end of navbar for mobile-->
<div class="contactlayout">
<div class="contactform">
<form id="contactForm">
<div>
<label>
Name (required)
<input name="name" id="name" />
</label>
<div class="form-error" id="nameError">Please enter your name</div>
</div>
<div>
<label>
Email (required)
<input name="email" id="email" />
</label>
<div class="form-error" id="emailError">
Please enter a valid email address
</div>
</div>
<div class="message">
<label>
Your message (must have 10 characters)
<input name="subject" id="subject" />
</label>
<div class="form-error" id="subjectError">
Your message must be at least 10 characters
</div>
</div>
<button class="button">Submit<button>
<a class="button" href="/index.html">Back</a>
</form>
</div>
<div class="contactinfo">
<h1>PLEASE FEEL FREE TO CONTACT US</h1>
<h2>We do not bite very hard</h2>
<p>The only limit you will have with our jackets is your own body. But even you will be more fit, agile and strong using our jackets!</p>
<p>work everyday to make our Products better, warmer, dryer, more comfortable and breatheble. They cool you down when hot due to the patented cooling system called Rainydays Chill and heat you in cool weathers with patent pending Rainydays Heat functionality.</p>
<p>Every year as many as a billion customers contact us just to tell us how great our Product is, and we already know you want to be part of this list of customers for the rest of your awesome life!</p>
<p>Do not wait any longer. Explore our product and have a look around. Should you have any questions, feel free to fill out our contact form.</p>
<p>Have a Rainydays!</p>
</div>
</div>
</main>
<footer> © Copyright <a href="about.html" class="footermenu">About us</footer>
<script src="/js/contact-script.js"></script>
</body>
</html>