-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
136 lines (132 loc) · 5.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://use.typekit.net/gzy8fgh.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap"/>
<script src="https://kit.fontawesome.com/e8143a351d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="CSS/index.css" />
<title>About | Rainy Days</title>
<meta name="description" content="About Rainy Days - our story"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<!-------------------------------------- header --------------------------------------------->
<body>
<div class="top-line"></div>
<div class="body">
<header>
<a href="index.html">
<img class="logo" src="images/RainyDays_Logo.png" alt="rainy days logo"/>
</a>
<div class="topnav">
<div class="favorites item"><img src="images/icons/like.svg" alt="favorites"/></div>
<div class="profile item"><img src="images/icons/profile.svg" alt="profile"/></div>
<div class="cart item"><a href="checkout.html"><img src="images/icons/cart.svg"alt="shopping cart"></a></div>
<div class="search item"><img src="images/icons/search.svg" alt="search"/></div>
</div>
</header>
<!------------------------------- side navigation ------------------------------------------->
<label for="hamburger-menu"><i class="fas fa-bars"></i></label>
<input type="checkbox" id="hamburger-menu">
<nav role="navigation" aria-label="main menu">
<ul class="navbar">
<li><a href="index.html">home</a></li>
<li><a href="womens.html">womens</li>
<li><a href="mens.html">mens</a></li>
<li><a href="outlet.html">outlet</a></li>
<li><a href="new-in.html">new in</a></li>
<div class="line-nav"></div>
<li><a href="about.html" class="active">about</a></li>
<li><a href="contact.html">contact</a></li>
<div class="line-nav"></div>
<li>
<a target="_blank" href="https://facebook.com"><img src="images/icons/face.svg" class="social" ></a>
<a target="_blank" href="https://instagram.com"> <img src="images/icons/insta.svg" class="social"/></a>
</li>
</ul>
</nav>
<!---------------------------- main content --------------------------------------->
<main>
<img class="about" src="images/about.jpg" alt="three people hiking in the forest, sun shining down creating a yellow-orange beautiful light"/>
<h1 class="h1-about">Our Story</h1>
<div class="line"></div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p>
<p>
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet.
</p>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p>
<p>
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet
</p>
<div class="reviews-section">
<h3>What our costumers say</h3>
<div class="reviews">
<div>
<h4>John Doe</h4>
<p>"Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
sit amet."</p>
</div>
<div>
<h4>Jane Doe</h4>
<p>"Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
sit amet."</p>
</div>
<div>
<h4>Laura Jones</h4>
<p>"Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
sit amet."</p>
</div>
</div>
</div>
</main>
</div>
<footer>
<section class="footer-info">
<p><b>CONTACT US</b></p>
<p>+44 355 578 904</p>
<p>[email protected]</p>
<p>Find a store</p>
</section>
<section>
<p><b>COSTUMER SERVICE</b></p>
<p>Ordering & Payment</p>
<p>Shipping</p>
<p>Returns</p>
<p>FAQ</p>
</section>
<section>
<p><b>INFORMATION</b></p>
<p>Work with Us</p>
<p>Privacy Policy</p>
<p>Terms & Conditions</p>
<p>Press Enquiries</p>
</section>
<section class="subscribe">
<p><b>Subcribe to our newsletter for offers, news and more</b></p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<form action="form-success.php" method="GET">
<input type="text" name="email" id="email" required />
<input id="subscribe" type="submit" value="SUBSCRIBE" />
<p>© 2020 Rainy Days</p>
</form>
</section>
</footer>
</body>
</html>