-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
115 lines (110 loc) · 5.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="A page to learn more about the jacket company RainyDays">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RainyDays │ About us</title>
<link href="css/style.css" rel="stylesheet" />
<link href="css/about-us.css" rel="stylesheet" />
<link href="css/media.css" rel="stylesheet" />
<script src="https://kit.fontawesome.com/958e18979f.js" crossorigin="anonymous"></script>
<!-- Hotjar Tracking Code for my site -->
<script>
(function (h, o, t, j, a, r) {
h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
h._hjSettings = { hjid: 3392511, 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>
<a href="index.html"><img class="logo" src="Images/RainyDays_Logo.png" alt="Rainy Days company logo"></a>
<nav class="header-nav">
<ul>
<li class="home-remove"><a href="index.html"><i class="fa-solid fa-house"></i>Home</a></li>
<li class="cat-name-header"><a href="season-list.html"><i class="fa-solid fa-leaf"></i>Season
Releases</a></li>
<li class="cat-name-header"><a href="men-jack-list.html"><i class="fa-solid fa-mars"></i>Men</a></li>
<li class="header-women"><a href="wom-jack-list.html"><i
class="fa-solid fa-venus"></i><span>Women</span></a></li>
<li class="small-font-head"><a href="about.html"><i class="fa-solid fa-person-hiking"></i><span
class="active">About
</span></a></li>
<li class="small-font-head"><a href="contact.html"><i class="fa-solid fa-address-book"></i>Contact</a>
</li>
</ul>
</nav>
<div class="cart-burger-flex">
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<div class="shopping-cart"><i class=" fa fa-shopping-cart"></i>
<p class="item-counter">0</p>
</div>
<div class="shopping-cart-info">
<h2>Shopping Cart</h2>
<div class="shopping-cart-details"></div>
<div class="cart-price-checkout">
<p class="total"></p>
<a class="checkout cta-main" href="/Checkout/order-summ.html">Checkout</a>
</div>
</div>
</div>
</header>
<main class="about-us__main">
<div class="overlay"></div>
<section class="about-us">
<h1>About us</h1>
<p class="about-us-txt">RAINYDAYS is an online jacket company that was established at the beginning of 2022. Since beginning
our operations, we have expanded our team from 5 to 10 people and have delivered products to 28
different countries.</p>
</section>
<section class="mission-backstory">
<h2 class="about-h2">Our Mission</h2>
<div class="our-mission">
<p>To continue producing high quality jackets for outdoor activities within an affordable price range.
Jackets are only the beginning! We wish to expand with more clothing items soon. </p>
<div class="miss-backstor-imgs"><img src="/Images/Our-Mission.jpg"
alt="A girl walking on a hiking track on the top of a mountain"></div>
</div>
<h2 class="about-h2">Our Backstory</h2>
<div class="our-backstory">
<p>We are 3 friends who have a passsion for outdoor activities. We struggled to find suitable clothes.
In 2020, we decided to begin designing and creating our own jackets. After high demand from family,
friends and others in our outdoor activities community, we decided to create RainyDays.</p>
<div class="miss-backstor-imgs"><img src="/Images/Our-People.jpg"
alt="Rainy Days three founders sitting and watching the sunset"></div>
</div>
</section>
</main>
<footer>
<div class="footer-det">
<h3>Address</h3>
<p>Nellikvein 18B,<br>Oslo, 0798, <br>Norway</p>
</div>
<div class="footer-det">
<h3>Phone Number</h3>
<p>+47 967 78 756</p>
</div>
<div class="footer-det">
<h3>Email</h3>
<p>[email protected]</p>
</div>
<div class="footer-det">
<h3>Social Media</h3>
<a href="https://www.facebook.com/index.php"><i class="fa-brands fa-square-facebook"></i></a>
<a href="https://twitter.com"><i class="fa-brands fa-square-twitter"></i></a>
<a href="https://www.instagram.com"><i class="fa-brands fa-square-instagram"></i></a>
</div>
</footer>
<script src="/js/script.js" type="module"></script>
</body>
</html>