-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (112 loc) · 6.1 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>RAINYDAYS | Home</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/product.css" rel="stylesheet"/>
<link href="styles/styles.css" rel="stylesheet"/>
</head>
<body>
<header class="header-container">
<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="active 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="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>
</section>
</header>
<main class="main-body">
<section class="main-body-section">
<div class="main-body-container">
<div class="image-container">
<a href="shop.html" title="view jacket" class="landing-cta center-aligned">View Jackets</a>
</div>
<div class="selling-point-section">
<h1 class="selling-point-header">Our Products Are:</h1>
<ul class="selling-point">
<li>High Quality</li>
<li>Light Weight</li>
<li>Breathable</li>
<li>Dynamic</li>
</ul>
<a href="shop.html" title="view more" class="link-cta">View More</a>
</div>
</div>
<div class="featured-container">
<h2 class="related-left-margin">Featured products:</h2>
<div class="featured-products"></div>
</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/index.js"></script>
</body>
</html>