From: Johan GIRAUD Date: Thu, 15 Jan 2015 15:01:04 +0000 (+0100) Subject: [CSS] css premier jet X-Git-Tag: 0.1.0~141 X-Git-Url: http://git.cyclocoop.org/?p=lhc%2Fweb%2Fclavettes.git;a=commitdiff_plain;h=4557b455fb9a2093667f40fe5b5f8ddbaab01387 [CSS] css premier jet --- diff --git a/css/habillage.css b/css/habillage.css index e69de29..605652c 100644 --- a/css/habillage.css +++ b/css/habillage.css @@ -0,0 +1,174 @@ +body{ + margin-top:0; + height: 1500px; + font-family: 'Open Sans', Arial, sans-serif; +} + +header{ + margin:0 auto; + width:1200px; +} + +#wrap { + background-color: #2b1b1b; + padding-top:100px; + width: 1200px; + margin: 0 auto; +} + +a{ + text-decoration:none; +} + +h1{ + margin: 15px -15px 5px 15px; + padding:0; + font-size:2.2em; + color:#1d0b78; + display:inline-block; + width:100%; + word-wrap: break-word; +} + +h2{ + margin: 15px 15px; + font-size:1.5em; + color:#1d0b78; + display:inline-block; + width:100%; + +} + +h3{ + margin:15px; + display:inline-block; + color:#1d0b78; +} + +p{ + margin:0 15px; + color:#1d0b78; + text-decoration:none; +} + +/*1ERE COLONNE*/ + + +#ateliers{ + /*background-color: #76d55c;*/ + width:300px; + height:600px; + float:left; +} + +.atelier1{ + width:300px; + height:300px; + margin-bottom:15px; + background-color: #2bc7cd; +} + +.atelier2{ + width:300px; + height:300px; + margin-bottom:15px; + background-color: #2bc7cd; +} + +.atelier3{ + width:300px; + height:300px; + margin-bottom:15px; + background-color: #2bc7cd; +} + +.atelier4{ + width:300px; + height:300px; + margin-bottom:15px; + background-color: #2bc7cd; +} + +.atelier5{ + width:300px; + height:300px; + margin-bottom:15px; + background-color: #2bc7cd; +} + +.atelier6{ + width:300px; + height:300px; + margin-bottom:15px; + background-color: #2bc7cd; +} + +.atelier7{ + width:300px; + height:300px; + margin-bottom:15px; + background-color: #2bc7cd; +} + + +/*2EME COLONNE*/ + + +#news{ + /*background-color:#a51616;*/ + width:500px; + height:1000px; + margin-left:20px; + float:left; + clear:right; +} + +.article1{ + background-color:#ffaa7f; + width:500px; + height:700px; + margin-bottom:15px; +} + +.article2{ + background-color:#ffaa7f; + width:500px; + height:440px; + margin-bottom:15px; +} + +.article3{ + background-color:#ffaa7f; + width:500px; + height:440px; + margin-bottom:15px; +} + +.article4{ + background-color:#ffaa7f; + width:500px; + height:440px; + margin-bottom:15px; +} + + + +/*3EME COLONNE*/ + + + +.map{ + background-color:#6059d2; + width:400px; + margin-left:840px; + height:400px; + margin-bottom:20px; +} + +.agenda{ + background-color: #ca52ae; + width:400px; + height:400px; + margin-left:840px; +} + diff --git a/front-page.html b/front-page.html new file mode 100644 index 0000000..d084e8e --- /dev/null +++ b/front-page.html @@ -0,0 +1,175 @@ + + + + + + + +L'Heureux Cyclage - Clavette + + + + +
+ + logo_heureux-cyclage + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + +
+ +
+ + + + + + + + + + +
+ + + + \ No newline at end of file