-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
218 lines (218 loc) · 9.53 KB
/
index.html
File metadata and controls
218 lines (218 loc) · 9.53 KB
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.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=Advent+Pro:wght@200&family=Aldrich&family=Alegreya+Sans+SC:wght@700&display=swap" rel="stylesheet">
<title>Shoes Group</title>
</head>
<body>
<header>
<div id="logo"><img id="logo_pic" src="./img/1.png" alt="Logo"></div>
<nav class="menu">
<ul>
<li><a href="#">Contact</a></li>
<li><a href="">About</a></li>
<li><a href="">Cart</a></li>
</ul>
</nav>
</header>
<main>
<div class="first_section">
<div class="search">
<div class="btn blue_left"></div>
<input class="input_search" type="text" value="RECHERCHE">
<div class="btn blue_right"></div>
</div>
<article class="sneaker">
<h2>SNEAKER GROUP</h2>
</article>
</div>
<div class="second_section">
<div class="two_img_container_1">
<img class="two_img" src="./img/newyokscoe.jpg" alt="NewYork">
<div class="two_img_txt_1">
<p>SHOES YOUR LIFE</p>
<button class="my_bouton" type="button">More info</button>
</div>
</div>
<article class="two_img_container_2">
<img class="two_img" src="./img/sneacker-header.jpg" alt="sneaker">
<h4 class="two_img_txt_2">Life Style</h4>
</article>
</div>
<div class="third_section">
<article class="slider">
<img class="pic" src="./img/1.jpg" alt="slider">
<button class="nouveau">NOUVEAU</button>
<div class="conteneur_slider">
<h2>129,00 Euros</h2>
<h4>Converse Leather PRO</h4>
<p class="etoile">★★★★<span style= "color:rgb(64, 64, 64)">★</span></p>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/2.jpg" alt="slider">
<button class="nouveau">NOUVEAU</button>
<div class="conteneur_slider">
<h2>89,00 Euros</h2>
<h4>Puma</h4>
<p class="etoile">★★★★★</p>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/3.jpg" alt="slider">
<button class="nouveau">NOUVEAU</button>
<div class="conteneur_slider">
<h2>109,00 Euros</h2>
<h4>ReeBok</h4>
<p class="etoile">★★★★<span style= "color:rgb(64, 64, 64)">★</span></p>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/4.png" alt="slider">
<button class="nouveau">NOUVEAU</button>
<div class="conteneur_slider">
<h2>174,00 Euros</h2>
<h4>Nike Jordan</h4>
<p class="etoile">★★★★<span style= "color:black">★</span></p>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/5.webp" alt="slider">
<div class="conteneur_slider">
<h2>175,00 Euros</h2>
<h4>Nike Pro </h4>
<p class="etoile">★★★★★</p>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/6.webp" alt="slider">
<div class="conteneur_slider">
<h2>220,00 Euros</h2>
<h4>Flower Moutain</h4>
<p class="etoile">★★★★<span style= "color:rgb(64, 64, 64)">★</span></p>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/7.jpg" alt="slider">
<div class="conteneur_slider">
<h2>79,00 Euros</h2>
<h4>Converse All Star</h4>
<p class="etoile">★★★★<span style= "color:rgb(64, 64, 64)">★</span></p>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/8.webp" alt="slider">
<div class="conteneur_slider">
<h2>154,00 Euros</h2>
<h4>Converse Leather PRO</h4>
<p class="etoile">★★★★<span style= "color:rgb(64, 64, 64)">★</span></p>
</div>
</article>
</div>
<div class="grid">
<div class="grid_section one">
<img class="pic" src="./img/13.jpg" alt="slider">
</div>
<div class="grid_section two">
<img class="pic" src="./img/14.jpg" alt="slider">
</div>
<div class="grid_section three">
<img class="pic" src="./img/15.jpg" alt="slider">
</div>
<div class="grid_section four">
<img class="pic" src="./img/16.jpg" alt="slider">
</div>
</div>
<div class="third_section">
<article class="slider">
<img class="pic" src="./img/9.jpg" alt="slider">
<div class="conteneur_slider">
<h2>175,00 Euros</h2>
<h4>Veja PRO </h4>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/10.webp" alt="slider">
<div class="conteneur_slider">
<h2>175,00 Euros</h2>
<h4>Gola PRO</h4>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/11.jpg" alt="slider">
<div class="conteneur_slider">
<h2>175,00 Euros</h2>
<h4>Puma Vintage</h4>
</div>
</article>
<article class="slider">
<img class="pic" src="./img/5.webp" alt="slider">
<div class="conteneur_slider">
<h2>175,00 Euros</h2>
<h4>Nike Pro </h4>
</div>
</article>
</div>
<div class="last_section">
<p class="more_info">Pour voir tout nos articles cliquer ici ! :</p>
<div class="botton">
<button class="my_bouton btn_bas">More products</button>
</div>
</div>
<div class="grand_text">
<article class="grand_text_1">
<h2>GREEN PROTECTION</h2><br>
<p>C'EST UNE ENTREPRISE DE REFERENCE DANS L'UNIVERS DE LA MODE EN TERME DE PRODUCTION ETHIQUE ET D'ECOLOGIE, ALORS QUE CELLE-CI EVOLUE DANS UN MILIEU CONNU POUR MALTRAITER LA PLANETE ET LES DROITS SOCIAUX. ELLE EST EN CONCURENCE DIRECTE AVEC DES MARQUES MASTODONTES COMME ADIDAS OU NIKE ET ARRIVE A SORTIR SON EPINGLE DU JEU!</p>
</article>
<article class="grand_text_1">
<h2>ETHIQUE CONCEPTION</h2><br>
<p>SI VOUS CHERCHEZ DES INFORMATIONS SUR L'ECO-CONCEPTION DE PRODUITS DE TENNIS, VOUS POUVEZ CONSULTER LE SITE WEB D'INTERSPORT. ILS S'ENGAGENT POUR UN SPORT PLUS DURABLE ET ONT COMMENCE, ET POURSUIVENT, UNE TRANSFORMATION DE LEUR FACON DE PRODUIRE: ILS ONT ENGAGE 100% DES MARQUES QU'ILS CONCOIVENT DANS L'ECO-CONCEPTION AFIN DE PROPOSER DE PLUS EN PLUS DE PRODUITS RESPONSABLES</p>
</article>
</div>
</main>
<footer>
<div class="r_s">
<img class="reseaux_s" src="./img/Instagram.png" alt="">
<img class="reseaux_s" src="./img/x.jpg" alt="">
<img class="reseaux_s" src="./img/tiktok.png" alt="">
</div>
<div class="r_s">
<img class="paiement" src="./img/applepay.webp" alt="">
<img class="paiement" src="./img/googlepay.webp" alt="">
<img class="paiement" src="./img/paypal.webp" alt="">
<img class="paiement" src="./img/visa.webp" alt="">
</div>
<article class="Bas_de_Page">
<div class="Element_BDP">
<h4>Lien de redirection</h4>
<p>Lien de redirection</p>
<p>Lien de redirection</p>
<p>Lien de redirection</p>
</div>
<div class="Element_BDP">
<h4>Service Client</h4>
<p>Contrat de service</p>
<p>Conditions générales</p>
<p>Enquete de satisfaction</p>
</div>
<div class="Element_BDP">
<h4>Guide d'achat</h4>
<p>Créer un Compte</p>
<p>Se connecter</p>
<p>Paiement</p>
</div>
<div class="Element_BDP">
<h4>Colaboration</h4>
<p>Partenariat</p>
<p>DS Center</p>
<p>Lien de redirection</p>
</div>
</article>
</footer>
</body>
</html>