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">
4 <title>Page atelier
</title>
6 <meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8" />
7 <link rel=
"stylesheet" href=
"css/habillage.css">
8 <link rel=
"stylesheet" href=
"css/habillage_page_atelier.css">
12 <a href=
"#"><img src=
"images/logo-heureux-cyclage.png"></a>
17 <div class=
"col-12 col-m-6 col-l-3">
21 <a href=
"#"><h1>Atelier vélo d'Échirolles
</h1></a>
22 <h2>• Halle du vieux village
</h2>
23 <address>Place du marché
38100 Échirolles
</address>
24 <p>horaires d'ouverture
</p>
28 <div class=
"logoatelier">
29 <img src=
"../clavettes/images/siteon3.jpg" alt=
"logo atelier le petit vélo"/>
34 <div class=
"col-12 col-m-6 col-l-5">
35 <div id=
"atelierdescription">
37 <h1>Nom de l'atelier
</h1>
39 <p>Tist quaes volo tese porerro ent alia voluptium, ulla quiandic totatio nsequidunt aut exerfer eptatis es sinctibAborerumquis dolupiditi te sa cus asperundae ipsam est, optassumqui ut ut pro quae et dus as eatem iAs sitata velitib eaturehenis qui reatem este magnim qui rero volorion necullaborum faceaqu undiam, ut dolorep eliqu
</p>
40 <img src=
"../clavettes/images/velo-nb.png" alt=
"photo"/>
45 <h1>Derniers articles de l'atelier
</h1>
46 <h3><a href=
"#">Date — Auteur
</a></h3>
47 <p>Tist quaes volo tese porerro ent alia voluptium, ulla quiandic totatio nsequidunt aut exerfer eptatis es sinctibAborerumquis dolupiditi te sa cus asperundae ipsam est, optassumqui ut ut pro quae et dus as eatem iAs sitata velitib eaturehenis qui reatem este magnim qui rero volorion necullaborum faceaqu undiam, ut dolorep eliqu (...)
</p>
54 <div class=
"col-12 col-m-12 col-l-4">
56 <img src=
"../clavettes/images/map.png" alt=
"photo"/>
59 <div class=
"col-12 col-m-12 col-l-4">
67 <p class=
"horaire">horaire
</p>
70 <p>Un événement trop cool sur le vélo en ville
</p>
79 <div class=
"textfooter">
82 <h3><a href=
"#">Licence libre
</a></h3>
85 <h3><a href=
"#">À propos
</a></h3>
88 <h3><a href=
"#">L'Heureux Cyclage
</a></h3>