+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta charset="utf-8">
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<link rel="stylesheet" type="text/css" href="css/habillage.css">
-<title>L'Heureux Cyclage - Clavette</title>
-</head>
-
-<body>
-<header>
- <a href="#"><img src="../clavettes/images/logo_heureux-cyclage.jpg" alt="logo_heureux-cyclage" width="300" /></a>
-</header>
-<section id="wrap">
-
-<!--1ERE COLONNE-->
-
- <div class="col-12 col-m-6 col-l-3">
- <div id="ateliers">
- <ul>
- <li>
- <a href="#"><h1>Atelier vélo d'Échirolles</h1></a>
- <a href="#"><p>Halle du vieux village</p>
- <p>Échirolles</p></a>
- <a href="#"><p>horaires</p></a>
- </li>
- <li>
- <a href="#"><h1>uN p'Tit véLo dAnS La Tête</h1></a>
- <a href="#"><p>5 rue de Londres</p>
- <p>38000 GRENOBLE</p></a>
- <a href="#"><p>horaires</p></a>
- </li>
- <li>
- <a href="#"><h1>Les Cycl'hauts du Rabot</h1></a>
- <a href="#"><p>11, rue Maurice Gignoux</p>
- <p>38031 GRENOBLE</p></a>
- <a href="#"><h2>horaires</h2></a>
- </li>
- <li>
- <a href="#"><h1>La Citrouille</h1></a>
- <a href="#"><p>38000 Grenoble</p></a>
- <a href="#"><p>horaires</p></a>
- </li>
- <li>
- <a href="#"><h1>Un Vélo de Plus</h1></a>
- <a href="#"><p>adresse</p></a>
- <a href="#"><p>horaires</p></a>
- </li>
- <li>
- <a href="#"><h1>Les déraillés</h1></a>
- <a href="#"><p>adresse</p></a>
- <a href="#"><p>horaires</p></a>
- </li>
- <li>
- <a href="#"><h1>Atelier Garave</h1></a>
- <a href="#"><p>adresse</p></a>
- <a href="#"><p>horaires</p></a>
- </li>
- </ul>
- </div>
- </div>
-
-
-<!--2EME COLONNE-->
-
- <div class="col-12 col-m-6 col-l-5">
- <div id="news">
- <div class="article">
- <a href="#"><img src="../clavettes/images/velo-nb.png" alt="logo_heureux-cyclage"/></a>
- <h1><a href="#">Titre de l'article</a></h1><br>
- <h3><a href="#">Date — Auteur</a></h3>
- <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><br>
-
- </div>
- <div class="article">
- </div>
- <div class="article">
- </div>
- <div class="article">
- </div>
- </div>
- </div>
-
-<!--3EME COLONNE-->
-
- <div class="col-12 col-m-12 col-l-4">
- <div class="map">
- </div>
- </div>
-
- <div class="col-12 col-m-12 col-l-4">
- <div class="agenda">
- <h1>Agenda</h1>
- <ul>
- <li>
- <div class="event">
- <div class="date">
- <a href="#"><time datetime="2015-01-16">16 JAN</time datetime><br>
- <time>18:00</p></time>
- </div>
- <div class="nature">
- <a href="#"><p>blabla blablab bla bla bla bla blablabblablab blabla blabla blablab bl abla blabla</p></a>
- </div>
- </div>
- </li>
- <li>
- </li>
- <li>
- </li>
- </ul>
- </div>
- </div>
-
-</section>
- <footer>
- <ul>
- <li>
- <h3><a href="#">Licence libre</a></h3>
- </li>
- <li>
- <h3><a href="#">À propos</a></h3>
- </li>
- <li>
- <h3><a href="#">L'Heureux Cyclage</a></h3>
- </li>
- </ul>
- </footer>
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>Page atelier</title>
-<meta charset="utf-8">
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<link rel="stylesheet" href="css/habillage.css">
-<link rel="stylesheet" href="css/habillage_page_atelier.css">
-</head>
-<body>
- <header>
- <a href="#"><img src="images/logo-heureux-cyclage.png"></a>
- </header>
- <section id="wrap">
-<!--1ERE COLONNE-->
-
- <div class="col-12 col-m-6 col-l-3">
- <div id="ateliers">
- <ul>
- <li>
- <a href="#"><h1>Atelier vélo d'Échirolles</h1></a>
- <h2>• Halle du vieux village</h2>
- <address>Place du marché 38100 Échirolles</address>
- <p>horaires d'ouverture</p>
- </li>
- </ul>
- </div>
- <div class="logoatelier">
- <img src="../clavettes/images/siteon3.jpg" alt="logo atelier le petit vélo"/>
- </div>
- </div>
-<!--2EME COLONNE-->
-
- <div class="col-12 col-m-6 col-l-5">
- <div id="atelierdescription">
- <div class="article">
- <h1>Nom de l'atelier</h1>
- <h3>Historique</h3>
- <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>
- <img src="../clavettes/images/velo-nb.png" alt="photo"/>
-
- </div>
- <div id="news">
- <div class="article">
- <h1>Derniers articles de l'atelier</h1>
- <h3><a href="#">Date — Auteur</a></h3>
- <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>
- </div>
- </div>
- </div>
- </div>
-
-<!--3EME COLONNE-->
- <div class="col-12 col-m-12 col-l-4">
- <div class="map">
- <img src="../clavettes/images/map.png" alt="photo"/>
- </div>
- </div>
- <div class="col-12 col-m-12 col-l-4">
- <div class="agenda">
- <h1>Agenda</h1>
- <ul>
- <li>
- <div class="event">
- <div class="date">
- <p>date</p>
- <p class="horaire">horaire</p>
- </div>
- <div class="nature">
- <p>Un événement trop cool sur le vélo en ville</p>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </section>
- <footer>
- <div class="textfooter">
- <ul>
- <li>
- <h3><a href="#">Licence libre</a></h3>
- </li>
- <li>
- <h3><a href="#">À propos</a></h3>
- </li>
- <li>
- <h3><a href="#">L'Heureux Cyclage</a></h3>
- </li>
- </ul>
- </div>
- </footer>
-</body>
-</html>
dépôts / lhc / web / clavettes.git / commitdiff