front-page.html

   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">
   3 <head>
   4 <meta charset="utf-8">
   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>
   9 </head>
  10
  11         <body>
  12
  13                 <header>
  14
  15                                 <a href="#"><img src="../Images/logo_heureux-cyclage.jpg" alt="logo_heureux-cyclage" width="300" /></a>
  16
  17                 </header>
  18
  19                 <section id="wrap">
  20
  21
  22 <!--1ERE COLONNE-->
  23
  24
  25                         <!--<div class="row">
  26
  27                                 <div class="column large-3">-->
  28
  29
  30                                         <div id="ateliers">
  31
  32                                                 <div class="atelier1">
  33
  34
  35
  36                                                         <a href="#"><h1>Atelier vélo d'Échirolles</h1></a>
  37                                                         <a href="#"><h2>Halle du vieux village<br>Échirolles</h2></a>
  38                                                         <a href="#"><h2>horaires</h2></a>
  39
  40                                                 </div>
  41
  42                                                 <div class="atelier2">
  43
  44                                                         <a href="#"><h1>uN p'Tit véLo dAnS La Tête</h1></a>
  45                                                         <a href="#"><h2>5 rue de Londres <br>38000 GRENOBLE</h2></a>
  46                                                         <a href="#"><h2>horaires</h2></a>
  47
  48                                                 </div>
  49
  50                                                 <div class="atelier3">
  51
  52                                                         <a href="#"><h1>Les Cycl'hauts du Rabot</h1></a>
  53                                                         <a href="#"><h2>11, rue Maurice Gignoux<br>38031 GRENOBLE</h2></a>
  54                                                         <a href="#"><h2>horaires</h2></a>
  55
  56                                                 </div>
  57
  58                                                 <div class="atelier4">
  59
  60                                                         <a href="#"><h1>La Citrouille</h1></a>
  61                                                         <a href="#"><h2>38000 Grenoble</h2></a>
  62                                                         <a href="#"><h2>horaires</h2></a>
  63
  64                                                 </div>
  65
  66                                                 <div class="atelier5">
  67
  68                                                         <a href="#"><h1>Un Vélo de Plus</h1></a>
  69                                                         <a href="#"><h2>adresse</h2></a>
  70                                                         <a href="#"><h2>horaires</h2></a>
  71
  72                                                 </div>
  73
  74                                                 <div class="atelier6">
  75
  76                                                         <a href="#"><h1>Les déraillés</h1></a>
  77                                                         <a href="#"><h2>adresse</h2></a>
  78                                                         <a href="#"><h2>horaires</h2></a>
  79
  80                                                 </div>
  81
  82                                                 <div class="atelier7">
  83
  84                                                         <a href="#"><h1>Atelier Garave</h1></a>
  85                                                         <a href="#"><h2>adresse</h2></a>
  86                                                         <a href="#"><h2>horaires</h2></a>
  87
  88                                                 </div>
  89
  90                                         </div>
  91
  92                                 <!--</div>
  93
  94                         </div>-->
  95
  96
  97
  98 <!--2EME COLONNE-->
  99
 100
 101                                 <!--<div class="column large 5">-->
 102
 103                                         <div id="news">
 104
 105                                                 <div class="article1">
 106
 107                                                         <a href="#"><img src="../Images/velo-nb.png" alt="logo_heureux-cyclage" width="500px" /></a>
 108
 109                                                         <a href="#"><h1>Titre de l'article</h1></a>
 110
 111                                                         <a href="#"><h3>Date — Auteur</h3></a>
 112
 113                                                         <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>
 114
 115
 116                                                 </div>
 117
 118                                                 <div class="article2">
 119
 120                                                 </div>
 121
 122                                                 <div class="article3">
 123
 124                                                 </div>
 125
 126                                                 <div class="article4">
 127
 128                                                 </div>
 129
 130
 131                                         </div>
 132
 133                                 <!--</div>-->
 134
 135
 136
 137
 138 <!--3EME COLONNE-->
 139
 140
 141                                 <!--<div class="column large 4">-->
 142
 143
 144                                         <div class="map">
 145
 146                                         </div>
 147
 148                                 <!--</div>
 149
 150
 151
 152                                 <div class="row">
 153
 154                                         <div class="column large 4">-->
 155
 156                                                 <div class="agenda">
 157
 158                                                 </div>
 159
 160
 161                                         <!--</div>
 162
 163                                 </div>-->
 164
 165
 166
 167
 168
 169
 170
 171                 </section>
 172
 173         </body>
 174
 175 </html>