forked from ylion75/Be-Bike-Service
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
139 lines (123 loc) · 5.68 KB
/
services.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
137
138
139
<!DOCTYPE html>
<html>
<head>
<title>Services</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap" rel="stylesheet">
</head>
<body>
<div class="layout">
<header class="header">
<div class="wrapper">
<a href="index.html">
<img class="logo-header" src="img/logo.png" alt="" width=100 height=100>
</a>
<nav class="nav">
<ul class="nav-list">
<li class="nav-list-item">
<a href="index.html" class="nav-link">Accueil</a>
</li>
<li class="nav-list-item">
<a href="about-us.html" class="nav-link">Qui sommes-nous ? </a>
</li>
<li class="nav-list-item">
<a href="services.html" class="nav-link nav-link-active">Services</a>
</li>
</ul>
</nav>
</div>
</header>
<main>
<div class="page-title-box">
<h1 class="page-title"> Nos services </h1>
<p class="title-para">
Retrouvez ci-dessous l'ensemble de nos services. N'hésitez pas à nous contacter pour toute demande particulière.
</p>
</div>
<div class="wrapper">
<div class="services-wrapper">
<div class="container-services up">
<div class="bloc-services left txt">
<img class="img-services" src="img/map-marker.png" alt="" />
<h2 class="title-h2"> A domicile </h2>
<div class="service-para">
<p>
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 fixons un rendez-vous afin de venir récupérer
votre vélo chez vous, et vous le ramener lorsque celui-ci sera prêt.
</p>
</div>
</div>
<div class="bloc-services right image">
<img class="illustration" src="img/services/services-01.jpg" alt="" />
</div>
</div>
<div class="container-services mid">
<div class="bloc-services left image">
<img class="illustration" src="img/services/services-02.jpg" alt="" />
</div>
<div class="bloc-services right txt">
<div>
<img class="img-services" src="img/support.png" alt="" />
<h2 class="title-h2"> Support client </h2>
<p>
Notre équipe est à votre service. Par téléphone du lundi au samedi (8h / 20h) au 01.23.45.67.89 ou directement
à l’atelier du lundi au samedi entre 9h et 18h. N’hésitez pas à téléphoner ou passer nous voir.
</p>
</div>
</div>
</div>
<div class="container-services low">
<div class="bloc-services left txt">
<div>
<img class="img-services" src="img/express.png" alt="" />
<h2 class="title-h2">
Service express
</h2>
<p>
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>
</div>
</div>
<div class="bloc-services right txt">
<div>
<img class="img-services" src="img/tools.png" alt="" />
<h2 class="title-h2"> Atelier</h2>
<p>
Notre atelier est à la pointe. Nous pouvons vous faire essayer divers vélos et équipements et vous apporter tous
les conseils nécessaires à votre pratique du cyclisme. Peu importe votre niveau ou vos envies, nos experts auront les
réponses à toutes vos questions.
</p>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="background-footer">
<footer class="footer">
<div class="wrapper">
<p class="footer-adresse">
Be Biker Service<br />
143, avenue de Versailles,<br />
75015 Paris<br />
[email protected]<br />
01.23.45.67.89
</p>
<div class="footer-liens">
<nav>
<ul>
<li><a class="test" href="index.html">Accueil</a></li>
<li><a href="about-us.html">Qui sommes-nous?</a></li>
<li><a href="services.html"> Services</a></li>
</ul>
</nav>
</div>
</div>
</footer>
</div>
</div>
</body>
</html>