-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout-us.html
149 lines (121 loc) · 5.85 KB
/
about-us.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
140
141
142
143
144
145
146
147
148
149
<!-- about us-->
<!DOCTYPE html>
<html>
<head>
<title>Qui sommes-nous ?</title>
<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 nav-link-active">Qui sommes-nous ? </a>
</li>
<li class="nav-list-item">
<a href="services.html" class="nav-link">Services</a>
</li>
</ul>
</nav>
</div>
</header>
<main>
<div class="page-title-box">
<h1 class="page-title"> Qui sommes-nous ?</h1>
</div>
<section class="about-text">
<div class="wrapper">
<section class="desktop-grid">
<section class="histo-jeto">
<div class="text-box">
<h2 class="title-h2">Depuis 1990 </h2>
<p>
Depuis 1990, nous réparons les vélos de nos clients avec toujours autant d'enthousiasme.
Cette expérience acquise tout au long de ces 30 années est mise au service de nos clients.<br />
</p>
<p>
Achat d'un nouveau vélo, équipements, nous vous conseillons au mieux ,
que vous débutiez ou que vous ayez déjà pédalé des milliers de kilomètres. <br />
</p>
</div>
<div class="text-box">
<h2 class="title-h2"> John et Olivier</h2>
<p>
Anciens cyclistes professionnels, nous avons décidé de continuer de dédier nos vies au vélo en créant Be Biker Service.
Nous souhaitons apporter notre expérience au service de l'excellence du cyclisme. <br />
</p>
<p>
Notre priorité est la satisfaction de nos clients. Nous sommes convaincus qu'avoir un vrai lien avec nos clients est une des clefs de cette satisfaction.
C'est pourquoi Be Biker Service est un atelier local. <br />
</p>
</div>
</section>
<div class="text-box">
<h2 class="title-h2">L'atelier</h2>
<p>
Notre atelier bénéficie des meilleurs équipements de réparations de vélos, mais aussi de tests des performances des équipements.
C'est en combinant cet équipement de pointe et notre longue expérience que nous sommes capables de vous apporter le meilleur service.
</p>
</div>
</section>
</div>
</section>
<div class="wrapper">
<!--"bouton" Nos services"-->
<div class="about-button">
<div class="button">
<a href="services.html"> Nos services</a>
</div>
</div>
</div>
<!--"bouton" Nos services"
<div class="about-button">
<a href="services.html" class="button"> Nos services</a>
</div>-->
<!--Photo vélo-->
<section class="frame-velo">
<div class="wrapper">
<div>
<img class="about-photo-velo" src="img/about/about-01.jpg" alt="Photo de vélo" />
</div>
</div>
</section>
</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>