-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (132 loc) · 4.26 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
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<body>
<div id="modal">
<div id="-nav">
<h2>We use cookies</h2>
<div id="-buttons">
<button class="cookie-button" id="cookie-accept-button" value="true">Accept</button>
<button class="cookie-button" id="cookie-reject-button" value="false">Reject all</button>
</div>
</div>
</div>
</div>
<div id="cart">
<div id="cart-wrapper">
<div id="cart-counter">0</div>
<div id="cart-image"></div>
</div>
</div>
<header>
<nav>
<img src="./assets/img/logo.svg" alt="Fashion Sneaker Shop Logo" />
<div class="header-links">
<a href="http://">Catalogue</a>
<a href="http://">Fashion</a>
<a href="http://">Favourite</a>
<a href="http://">Lifestyle</a>
<button>Sign up</button>
</div>
</nav>
<section class="header-stage">
<div>
<h1>Let's</h1>
</div>
<h1>Explore</h1>
<div>
<h1>Unique</h1>
</div>
<h1>Shoes.</h1>
<p>Live for influential and innovative fashion!</p>
<button>Shop now</button>
</section>
</header>
<main>
<section class="new-arrivals">
<h2>New arrivals</h2>
<article class="shoe-grid"></article>
</section>
<section class="download-app">
<article class="app-left">
<h2>Download app & get the voucher!</h2>
<p>
Get 30% off for first transaction using Rondovision mobile app for
now.
</p>
<div class="app-store-logos">
<img src="./assets/img/app-store.png" alt="Apple app store logo" />
<img
src="./assets/img/google-play.png"
alt="Google play store logo"
/>
</div>
</article>
<article class="app-right">
<img
src="./assets/img/app.png"
alt="Mobile phone displaying fashion app"
/>
</article>
</section>
<section class="sign-up-newsletter">
<h2>Join shopping community to get monthly promo</h2>
<p>Type your email down below and be young wild generation</p>
<form>
<input
type="email"
name="sign-up"
id="newsletter-sign-up"
placeholder="Add your email here"
/>
<input type="submit" value="SEND" />
</form>
</section>
</main>
<footer>
<section class="follow-us">
<h2>Fashion</h2>
<p>Complete your style with awesome clothes from us.</p>
<article class="follow-us-icons">
<div class="social-media-icons"></div>
<div class="social-media-icons"></div>
<div class="social-media-icons"></div>
<div class="social-media-icons"></div>
<img src="./assets/img/facebook.svg" alt="Facebook logo" /><img
src="./assets/img/instagram.svg"
alt="Instagram logo"
/><img src="./assets/img/twitter.svg" alt="Twitter logo" /><img
src="./assets/img/linkedin.svg"
alt="LinkedIn logo"
/>
</article>
</section>
<section class="footer-links">
<article class="company-links">
<h3>Company</h3>
<a href="http://">About</a>
<a href="http://">Contact us</a><a href="http://">Support</a
><a href="http://">Careers</a>
</article>
<article class="quick-links">
<h3>Quick links</h3>
<a href="http://">Share location</a
><a href="http://">Order tracking</a><a href="http://">Size guide</a
><a href="http://">FAQs</a>
</article>
<article class="legal-links">
<h3>Legal</h3>
<a href="http://">Terms & conditions</a
><a href="http://">Privacy policy</a>
</article>
</section>
</footer>
<script src="./assets/js/main.js"></script>
</body>
</html>