Codes en vrac
Ven 24 Mar - 22:12
01 —
<div class="peni_rp_01"><header><div>Titre</div></header><!--
--><bloc><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue felis dui, et luctus purus mollis ut. Donec luctus, magna vitae hendrerit porta, arcu leo volutpat est, vel vulputate sem arcu a arcu. Nulla et mauris id leo luctus lacinia. In non ipsum vitae magna pellentesque consequat. Aenean ex ante, consequat consectetur diam et, pretium ornare velit. Vivamus eget velit mollis, rhoncus odio eu, elementum erat. Mauris vitae dui vehicula, aliquet ante vel, fringilla nibh. Ut pellentesque consequat augue. Maecenas mattis mattis lectus ac feugiat. Vivamus vestibulum tempus eros sit amet bibendum. Integer gravida semper convallis. Curabitur nec egestas lectus.</div></bloc><!--
--><footer><img src="https://via.placeholder.com/100" /></footer></div><!--
--><style>.peni_rp_01 {width:450px; margin:0 auto;}/*
HEADER
*/.peni_rp_01 header {display:flex; height:125px; background:linear-gradient(45deg, #d6a233, #8832d3); justify-content:center; align-items:center;} .peni_rp_01 header div {margin:0 auto; padding:10px 20px; background:black; text-transform:uppercase;}/*
BLOC
*/.peni_rp_01 bloc {display:block; background:black; padding:60px 30px;} .peni_rp_01 bloc div {text-align:justify; font-size:12px;}/*
FOOTER
*/.peni_rp_01 footer {display:flex; height:110px; background:linear-gradient(-45deg, #d6a233, #8832d3); justify-content:center; align-items:center;} .peni_rp_01 footer img {border-radius:50%; border:10px solid black; width:100px; height:100px; object-fit:cover; margin-top:-60px;}</style>
|
|