-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact-us.html
142 lines (136 loc) · 7.5 KB
/
contact-us.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
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<title>RAINYDAYS | Contact Us</title>
<meta charset="UTF-8"/>
<meta name="description" content="mens womens quality outdoor jackets"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link href="styles/checkout.css" rel="stylesheet"/>
<link href="styles/styles.css" rel="stylesheet"/>
</head>
<body>
<header>
<section class="header-section">
<div class="logo-container center-aligned">
<a href="index.html" title="rainy days logo">
<img src="https://www.rainydays.casa/wp-content/uploads/2022/11/RainyDays_Logo.png" alt="rainydays logo" class="logo">
</a>
</div>
<div class="menu-about-container">
<div class="drop-down">
<label for="hamb-menu" class="ham-menu-label">
<img src="icons/hamburger-menu.svg" class="hamburger-icon" alt="hamburger menu">
</label>
<input type="checkbox" name="hamburger-menu" id="hamb-menu">
<nav class="main-menu">
<ul class="main-menu-ul">
<li><a href="index.html" title="home" class="menu-a">Home</a></li>
<li><a href="shop.html" title="shop" class="menu-a">Shop</a></li>
<li><a href="about.html" title="about rainydays" class="menu-a smaller-menu">About</a></li>
<li><a href="contact-us.html" title="contact us" class="active menu-a smaller-menu">Contact</a></li>
</ul>
</nav>
</div>
<form class="search">
<label for="search-item" class="search-label"><img src="icons/search.svg" alt="search icon" title="search" class="search-icon"></label>
<input type="search" name="search-item" id="search-item" list="search-items" title="search" class="search-field">
<datalist id="search-items">
<option value="jacket"></option>
<option value="runner"></option>
<option value="rain"></option>
<option value="hiking"></option>
<option value="winter"></option>
</datalist>
</form>
<div class="login-container">
<div class="login-wish-cart">
<a href="cart.html">
<div class="cart-item-ref">
<img src="icons/shopping-cart.svg" alt="shopping cart" class="wish-cart">
<p class="cart-items center-aligned">0</p>
</div>
</a>
<p class="login" title="login">Login</p>
</div>
</div>
</div>
<div class="indicator-menu">
<a href="index.html" class="indicator-link">Home</a><span> / </span><span>Contact</span>
</div>
</section>
</header>
<main class="main-body">
<section class="main-body-section">
<div class="about-contact-section">
<p class="about-text">RAINYDAYS' customer service is open during all week days.</p>
<p class="about-text bold">+47 501 50 501</p>
<p class="about-text bold">Monday-Friday</p>
<p class="about-text bold">08:30-16:30</p>
<form class="contact-form contact-padding">
<p>We are also available available via our contact form below:</p>
<div class="message"></div>
<div>
<label for="name" title="name">
Name
</label>
<div>
<input type="text" title="name" id="name" name="name" class="input-fields">
<div class="note-name"></div>
</div>
</div>
<div>
<label for="email" title="email address">
Email
</label>
<div>
<input type="email" id="email" title="email address" name="email" class="input-fields">
<div class="note-email"></div>
</div>
</div>
<div>
<label for="contact-message" title="message">
Message
<div class="note-contact"></div>
<textarea class="input-fields message-field" id="contact-message" title="message" name="message"></textarea>
</label>
</div>
<div>
<input type="submit" title="send" name="send" value="Send" class="send item-margin">
</div>
</form>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-section">
<div class="footer-menu">
<ul>
<li><a href="index.html" title="home" class="menu-a">Home</a></li>
<li><a href="shop.html" title="shop" class="menu-a">Shop</a></li>
<li><a href="shop.html" title="new arrivals jackets" class="menu-a">Get Inspired</a></li>
</ul>
</div>
<div class="footer-about">
<p>RAINYDAYS</p>
<ul>
<li><a href="about.html" title="about rainydays" class="menu-a">About Us</a></li>
<li><a href="contact-us.html" title="contact us" class="menu-a">Contact Us</a></li>
</ul>
</div>
<div class="follow-us">
<p>Follow us on</p>
<img src="icons/social-media/facebook.svg" class="media-icon" alt="RAINYDAYS facebook channel">
<img src="icons/social-media/instagram.svg" class="media-icon" alt="RAINYDAYS instagram channel">
<img src="icons/social-media/tiktok.svg" class="media-icon" alt="RAINYDAYS tiktok channel">
<img src="icons/social-media/twitter.svg" class="media-icon" alt="RAINYDAYS twitter channel">
<img src="icons/social-media/youtube.svg" class="media-icon" alt="RAINYDAYS youtube channel">
</div>
</div>
</footer>
<script src="js/components/cartIndicator.js"></script>
<script src="js/components/preventSearch.js"></script>
<script src="js/components/message.js"></script>
<script src="js/components/validate.js"></script>
<script src="js/contact.js"></script>
</body>
</html>