Modèle

Modèle 12.08.18 12:39

Code:: <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Arapey" /><style>.in-bc{background-color:#f2f0ef;border: 1px solid #ece8e6;box-shadow: 1px 1px 10px 0px #ececec;width:400px;margin:auto;padding: 24px 0;}.in-sc{width:310px;border: 1px solid #ece8e6;box-shadow: inset 1px 1px 5px 0px #efefef;margin:auto;background-color:#fcfcfc;padding:20px;}.in-gt{font-family:'Arapey';font-size:30px;position: relative;margin-top: -29px;line-height: 20px;text-align:center;color: #8c8480;}.in-hr{background-color:#ece8e6;height:1px;width:150px;margin:auto;}.in-bil{background-color:#f2f0ef;border: 1px solid #ece8e6;box-shadow: inset 1px 1px 10px 0px #ececec;padding:13px;float:left;}.in-bir{background-color:#f2f0ef;border: 1px solid #ece8e6;box-shadow: inset 1px 1px 10px 0px #ececec;padding:13px;float:right;}.in-im{filter:grayscale(75%);margin:auto;width: 120px;height: 80px;border: 1px solid #ece8e6;box-shadow: 1px 1px 10px 0px #ececec;}.in-rp{clear:both;margin-top: 120px;padding: 5px 15px;font-size:12px;line-height:17px;font-family:'Helvetica';color: #9a9491;text-align:justify;}.in-cr{text-align:center;font-family:'Helvetica';font-size:10px;color:#ece8e6;position: relative;margin-bottom: -13px;}.in-cr a{color:#cdc4c0!important;transition: all .4s ease-in!important;}.in-cr a:hover{color:#9a9491!important;transition: all .4s ease-in!important;}</style><div class="in-bc"><div class="in-sc"><div class="in-gt">Titre du sujet</div> <div class="in-hr"></div> <div class="in-bil"><div class="in-im" style="background-size: 100%;background-position: 100% 20%;background-image:url('https://images2.imgbox.com/8d/6c/yw9jEd91_o.png');"></div></div><div class="in-bir"><div class="in-im" style="background-size: 100%;background-position: 100% 20%;background-image:url('https://images2.imgbox.com/48/f3/NnWVlaJd_o.png');"></div></div><div class="in-rp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate dapibus dui, et molestie massa tincidunt a. Phasellus ornare, tortor ac malesuada semper, eros mi consectetur felis, vitae sagittis risus metus et urna. Vestibulum dapibus mauris quis pretium consectetur. Morbi id quam felis. Sed elementum scelerisque ultricies. In feugiat nisl quis fermentum fermentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec eget risus leo. Integer consectetur risus rutrum pretium mattis. Fusce ultricies, urna et volutpat consectetur, erat ipsum consequat quam, efficitur tempus lectus enim id arcu. Aliquam sed enim eget libero consequat placerat vel et erat. Quisque auctor vulputate convallis. Proin vehicula feugiat accumsan. Aliquam ornare nibh sed ante gravida, in sollicitudin magna pellentesque.</div></div><div class="in-cr">@"Partner"</div></div>