1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml">
5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8" />
6 <meta http-equiv=
"Content-Type" content=
"text/; charset=utf-8">
7 <link rel=
"stylesheet" type=
"text/css" href=
"css/habillage.css">
8 <title>L'Heureux Cyclage - Clavette
</title>
15 <a href=
"#"><img src=
"../clavettes/images/logo_heureux-cyclage.jpg" alt=
"logo_heureux-cyclage" width=
"300" /></a>
27 <div class=
"col-12 col-m-6 col-l-3">
39 <a href=
"#"><h1>Atelier vélo d'Échirolles
</h1></a>
40 <a href=
"#"><h2>Halle du vieux village
<br>Échirolles
</h2></a>
41 <a href=
"#"><h2>horaires
</h2></a>
47 <a href=
"#"><h1>uN p'Tit véLo dAnS La Tête
</h1></a>
48 <a href=
"#"><h2>5 rue de Londres
<br>38000 GRENOBLE
</h2></a>
49 <a href=
"#"><h2>horaires
</h2></a>
55 <a href=
"#"><h1>Les Cycl'hauts du Rabot
</h1></a>
56 <a href=
"#"><h2>11, rue Maurice Gignoux
<br>38031 GRENOBLE
</h2></a>
57 <a href=
"#"><h2>horaires
</h2></a>
63 <a href=
"#"><h1>La Citrouille
</h1></a>
64 <a href=
"#"><h2>38000 Grenoble
</h2></a>
65 <a href=
"#"><h2>horaires
</h2></a>
71 <a href=
"#"><h1>Un Vélo de Plus
</h1></a>
72 <a href=
"#"><h2>adresse
</h2></a>
73 <a href=
"#"><h2>horaires
</h2></a>
79 <a href=
"#"><h1>Les déraillés
</h1></a>
80 <a href=
"#"><h2>adresse
</h2></a>
81 <a href=
"#"><h2>horaires
</h2></a>
87 <a href=
"#"><h1>Atelier Garave
</h1></a>
88 <a href=
"#"><h2>adresse
</h2></a>
89 <a href=
"#"><h2>horaires
</h2></a>
106 <div class=
"col-12 col-m-6 col-l-5">
110 <div class=
"article1">
112 <a href=
"#"><img src=
"../clavettes/images/velo-nb.png" alt=
"logo_heureux-cyclage"/></a>
114 <a href=
"#"><h1>Titre de l'article
</h1></a>
116 <a href=
"#"><h3>Date — Auteur
</h3></a>
118 <a href=
"#"><p>extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article...
</p></a>
119 <a href=
"#"><p class=
"suite">Lire la suite...
</p></a>
124 <div class=
"article2">
128 <div class=
"article3">
132 <div class=
"article4">
149 <div class=
"col-12 col-m-12 col-l-4">
164 <div class=
"col-12 col-m-12 col-l-4">