-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
140 lines (112 loc) · 5.77 KB
/
about.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
<!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="Discover our rich background history and learn about our journey through time. Explore the stories that shaped us into who we are today.">
<link rel="stylesheet" href="src/css/reset.css">
<link rel="stylesheet" href="src/css/styles.css">
<link rel="stylesheet" href="src/css/about.css">
<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=Archivo+Black&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<title>About</title>
</head>
<body>
<header>
<input type="checkbox" name="burger_menu" id="toggler">
<label for="toggler" class="material-symbols-outlined menu">menu</label>
<div class="logo">
<a href="index.html"><img src="assets/images/RainyDays_Logo.png" alt="Rainy Days logo"></a>
</div>
<nav class="navbar">
<a href="index.html">Home</a>
<a href="products.html">Shop</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</nav>
<div class="icons">
<a href="#" class="material-symbols-outlined">search</a>
<a href="#" class="material-symbols-outlined">favorite</a>
<a href="cart.html" class="material-symbols-outlined">shopping_cart</a>
</div>
</header>
<main>
<h1>ABOUT</h1>
<section class="content">
<div class="content_box">
<img src="assets/images/about_1.jpg" alt="Hikers">
</div>
<div class="content_box">
<h2>A century of adventure</h2>
<p>Rainy Days has been run by dedicated and passionate people for over 100 years. No other supplier of hiking equipment and technical clothing can match our outdoor and polar history, or our efforts in sharing our experiences with today's outdoor enthusiasts. Since the begining in 1908, Rainy Days has played a decisive role in American outdoor life for over a century.</p>
</div>
<div class="content_box">
<h2>Forward-looking</h2>
<p>Today, Rainy Days is a leading player in the development of functional hiking equipment and technical clothing. In close cooperation with our test team of professional polar explorers and adventurers, we develop high-quality equipment. Our unique history and knowledge of nature is the starting point for every single product we make. This has made several of our products test and award winners, both nationally and internationally.</p>
</div>
<div class="content_box">
<img src="assets/images/about_2.jpg" alt="Skiing">
</div>
</section>
</main>
<footer class="footer">
<div class="footer_1">
<div class="footer_icons">
<img src="assets/images/icons8-in-transit-100.png" alt="shipping">
<p><span>Free shipping</span><br>Shipping on orders over $99</p>
</div>
<div class="footer_icons">
<img src="assets/images/icons8-delivery-time-100.png" alt="delivery">
<p><span>Fast delivery</span><br>Ship orders within 1-2 business days</p>
</div>
<div class="footer_icons">
<img src="assets/images/icons8-approved-delivery-100.png" alt="return">
<p><span>Free return</span><br>We offer 30 days open returns</p>
</div>
</div>
<hr>
<div class="footer_links">
<ul>
<h4>Customer Service</h4>
<li><a href="#">Frequently asked questions</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Return policy</a></li>
</ul>
<ul>
<h4>About</h4>
<li><a href="#">History</a></li>
<li><a href="#">Our offices</a></li>
<li><a href="#">Product reviews</a></li>
<li><a href="#">Career</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
<ul>
<h4>Good to know</h4>
<li><a href="#">Sustainability</a></li>
<li><a href="#">Maintenance advice</a></li>
<li><a href="#">Size guide</a></li>
</ul>
</div>
<hr>
<div class="footer_pay_sm">
<p class="pay_sm_text">Easy and secure payment</p>
<div class="pay">
<a href="#"><img src="assets/images/paypal.png" alt="YouTube"></a>
<a href="#"><img src="assets/images/mastercard.png" alt="Twitter"></a>
<a href="#"><img src="assets/images/visa.png" alt="Facebook"></a>
<a href="#"><img src="assets/images/american.png" alt="Instagram"></a>
</div>
<p class="pay_sm_text">Follow us on social media</p>
<div class="sm">
<a href="#"><img src="assets/images/icons8-youtube-480.png" alt="YouTube"></a>
<a href="#"><img src="assets/images/icons8-twitter-480.png" alt="Twitter"></a>
<a href="#"><img src="assets/images/icons8-facebook-480.png" alt="Facebook"></a>
<a href="#"><img src="assets/images/icons8-instagram-480.png" alt="Instagram"></a>
</div>
</div>
</footer>
</body>
</html>