-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservice.html
135 lines (120 loc) · 5.1 KB
/
service.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device.width, initial-scale=1.0" />
<!---S'adapte à l'écran-->
<title>Be Biker - Service - Nous prenons soin de votre vélo</title>
<link rel="stylesheet" href="style.css" />
<link href='https://fonts.googleapis.com/css?family=Pathway Gothic One' rel='stylesheet'>
<link href="https://fonts.googleapis.com/css?family=Muli&display=swap" rel="stylesheet">
</head>
<body>
<!--PREMIERE PARTIE HEADER NOIR-->
<section class="section section--header">
<header class="header">
<div class="wrapper">
<div class="section__logo" href="index.html"><a href="index.html"><img class="logo" src="logo.png"></a>
</div>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item">
<a class="nav__link" href="index.html">ACCUEIL</a>
</li>
<li class="nav__item">
<a class="nav__link" href="about.html">QUI SOMMES NOUS ?</a>
</li>
<li class="nav__item">
<a class="nav__link" href="service.html">SERVICES</a>
</li>
</ul>
</nav>
</div>
</header>
</section>
<!--DEUXIEME PARTIE TITRE-->
<section class="service service__entete"> <!--"Nos Services" Présentation-->
<div class = "wrapper">
<h1>Nos services</h1>
<p>Retrouver ci-dessous l'ensemble de nos services. N'hésitez pas à nous contacter pour toute demande particulière.</p>
</div>
</section>
<!--TROISIEME PARTIE CONTENU SERVICE SPECIFIQUE-->
<div class = "wrapper">
<section class="service__grille service__grille--gouttiere"> <!--Contenu Principal-->
<!--A domicile et Photo Velo Domicile-->
<article class="service__cellule service__cellule--texte service__cellule--1-2">
<div class="service__logo">
<img src="map-marker.png" alt="logo service à domicile (pointeur)">
</div>
<h3 class="service__titre">À domicile</h3>
<p class="service__description">Il n'est pas toujours aisé de pouvoir apporter soi-même son vélo dans un atelier pour le faire réparer. C'est pourquoi nous vous proposons un service à domicile. Nous nous déplacons chez vous afin de récupérer votre vélo, le réparer en atelier, et vous le ramener lorsqu'il est prêt.
</p>
</article>
<div class="service__cellule service__cellule--photo service__cellule--1-2">
<div class="service__cellule--photo-BikeRoom">
<!--DIV avec photo vélo en arrière plan-->
</div>
</div>
<!--Support client et Photo Client-->
<div class="service__cellule service__cellule--photo service__cellule--1-2">
<div class="service__cellule--photo-BoyMickey">
<!--DIV avec photo homme en arrière plan-->
</div>
</div>
<article class="service__cellule service__cellule--texte service__cellule--1-2">
<div class="service__logo">
<img src="support.png" alt="logo service support client (téléconseiller)">
</div>
<h3 class="service__titre">Support Client</h3>
<p class="service__description">Notre équipe est à votre service. Par téléphone au 01.23.45.67.89 ou directement en atelier. N'hésitez pas à nous téléphoner ou passer nous voir.
</p>
</article>
<!--Service Express et Atelier-->
<article class="service__cellule service__cellule--texte service__cellule--1-2">
<div class="service__logo">
<img src="express.png" alt="logo service express (symbole 24H)">
</div>
<h3 class="service__titre">Service Express</h3>
<p class="service__description">Une sortie prévue ce week-end,
mais vous aviez oublié que votre vélo a besoin d'une petite réparation ?
Nous pouvons intervenir afin que votre vélo soit en état de rouler dans les 24h.
</p>
</article>
<article class="service__cellule service__cellule--texte service__cellule--1-2 service__cellule--texte-texte">
<div class="cellule__logo">
<img src="tools.png" alt="logo service réparation (outils)">
</div>
<h3 class="service__titre">Atelier</h3>
<p class="service__description">Notre atelier est à la pointe.
Votre vélo est entre de bonnes mains.
</p>
</article>
</section>
</div>
<!--QUATRIEME PARTIE FOOTER NOIR-->
<div class="section__footer--background">
<div class="wrapper">
<footer class="section section__footer">
<div class="section__item--left">
<!--Partie de gauche du footer contenant le logo-->
<img src="logo.png" alt="Logo Be Biker">
<aside>Be Biker Service </aside>
<aside>143, avenue de Versailles </aside>
<aside>75016 Paris </aside>
<aside><a href="mailto:[email protected]">[email protected]</a></aside>
<aside>01.23.45.67.89 </aside>
</div>
<div class="section__item--right">
<!--Partie de droite du footer-->
<nav>
<a href="index.html">Accueil</a>
<a href="about.html">Qui sommes nous ?</a>
<a href="service.html">Services</a>
</nav>
</div>
</footer>
</div>
</div>
</body>
</html>