Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révision Les deux révisions suivantes | ||
design_slider [29/04/2019 15:45] ilyes0537 |
design_slider [29/04/2019 15:53] ilyes0537 |
||
---|---|---|---|
Ligne 106: | Ligne 106: | ||
====Code HTML==== | ====Code HTML==== | ||
+ | |||
+ | < | ||
+ | <html lang=fr dir=ltr> | ||
+ | < | ||
+ | <meta charset=" | ||
+ | <link rel=" | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | <p>Le Jeudi 18 avril 2019, Régie Plus, en partenariat avec Pluriel(le)s et les acteurs du quartier, propose aux | ||
+ | habitants du Sanitas de fêter la journée de la terre. | ||
+ | A cette occasion, toutes les personnes motivées et sensibles à la propreté du quartier sont invitées à rejoindre les équipes de | ||
+ | salariés de Régie Plus et à les accompagner dans leur travail quotidien : ramasser les papiers et les détritus jeter aux pieds des | ||
+ | immeubles. Cette action a pour but de sensibiliser au respect du cadre de vie et de montrer l' | ||
+ | les salariés de Régie Plus, dont certains habitent aussi le quartier. La convivialité et le partage sont au centre de ce rendez- | ||
+ | vous ! | ||
+ | L' | ||
+ | quartier propre : jeux et bonne ambiance garantie ! | ||
+ | Rendez-vous à partir de 9h30 jardin Meffre (puis à 13h30). Pour ceux qui le désirent, le midi, possibilité de pique niquer tous | ||
+ | ensemble (chacun apporte son repas). | ||
+ | N' | ||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | <img class=" | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | | ||
+ | ====Code CSS==== | ||
+ | |||
+ | |||
+ | |||
+ | html{ height: | ||
+ | body{ min-height: | ||
+ | header{ height: 38px; background: #58b344ff; color:# | ||
+ | header img{ width: | ||
+ | body {background-image: | ||
+ | size: 70%; | ||
+ | body::after {content: ''; | ||
+ | footer {background: | ||
+ | width: 100%; | ||
+ | margin-top: 50%; | ||
+ | padding-bottom: | ||
+ | } | ||
+ | |||
+ | footer img { | ||
+ | width: 42%; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | z-index: 10; | ||
+ | bottom: 14px; | ||
+ | } | ||
+ | |||
+ | footer p{ | ||
+ | padding: 25px 0px 0px 5px; | ||
+ | font-size: 27px; | ||
+ | text-shadow: | ||
+ | margin-left: | ||
+ | } | ||
+ | |||
+ | footer a, footer a:hover{ color:#fff; text-decoration: | ||
+ | |||
+ | article{ | ||
+ | margin: 3% 3% 3% 3%; | ||
+ | height: 41%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .container{ | ||
+ | display: flex; | ||
+ | /*border: 1px solid #000;*/ | ||
+ | width: 100%; | ||
+ | margin-top: 42vh; | ||
+ | transform: translateY(-50%); | ||
+ | z-index: 0; | ||
+ | margin-left: | ||
+ | padding-top: | ||
+ | } | ||
+ | |||
+ | .gauche, .droite{ max-width: 50%; width:50%; } | ||
+ | .gauche{background: | ||
+ | |||
+ | .droite img{ | ||
+ | max-height: 89%; | ||
+ | padding-left: | ||
+ | max-width: 67%; | ||
+ | } | ||
+ | | ||
+ | .gauche h1{ color:# | ||
+ | .gauche h2{ padding: 18px; } | ||
+ | .date h1{ color:# | ||
+ | h1{ text-align: center; font-size: 53px; line-height: | ||
+ | /*.gauche p{ background: #ffffff80; opacity: 0.8; border-radius: | ||
+ | .date{ margin-top: 12%; }*/ | ||
+ | |||
+ | |||
+ | |||