john le codeur

<div class="trukenfon"><div class="titrtruk">Titre du <b>rp un peu long</b></div><div class="soustr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla posuere finibus turpis vulputate hendrerit. In hac habitasse platea dictumst. Pellentesque accumsan lorem vestibulum velit lacinia interdum. Duis lobortis lacinia turpis et convallis. Duis sed ante vel nisi varius aliquam eget eget lacus. </div><div class="txty"><b>L</b>orem ipsum dolor sit amet, consectetur adipiscing elit. Nulla posuere finibus turpis vulputate hendrerit. In hac habitasse platea dictumst. Pellentesque accumsan lorem vestibulum velit lacinia interdum. Duis lobortis lacinia turpis et convallis. Duis sed ante vel nisi varius aliquam eget eget lacus. Maecenas sed euismod neque, nec convallis turpis. Nulla ac elit nisl. Praesent et posuere dui. Nam sed pretium nulla. Fusce molestie neque eu congue sagittis. Vivamus nec nunc erat. Maecenas non congue mauris, vel euismod nisi. Suspendisse egestas, dolor eget interdum commodo, sem dui laoreet enim, id malesuada urna ante non augue. Proin lacinia ornare odio, a mollis enim. Sed efficitur cursus nibh vitae pharetra.Nunc at ullamcorper dui. Aenean mattis pulvinar dictum. Phasellus a nibh convallis, lacinia risus rutrum, lacinia lorem. Quisque commodo ornare pulvinar. Duis sit amet mauris eu urna luctus volutpat. Phasellus malesuada sapien id ligula sodales tincidunt. Quisque mollis luctus lorem at gravida. Quisque a faucibus ipsum. Aliquam aliquet consequat nisi, at congue eros suscipit id. Vivamus vitae felis id arcu efficitur fringilla in ac tortor. Sed commodo suscipit augue, nec pulvinar dui molestie vitae. Sed tempus arcu quis orci hendrerit, eget rhoncus quam luctus. Sed laoreet dolor sed molestie mollis. Fusce fringilla tortor non nibh efficitur, at lacinia erat malesuada. Quisque elementum sed ante vitae rutrum. Vestibulum semper, dolor et tempus tempor, orci ante sodales turpis, non lacinia lacus lectus eu risus.Praesent tempus enim in varius imperdiet. Praesent ullamcorper risus erat. Cras a risus metus. Mauris sed nulla et arcu venenatis suscipit nec a orci. Nam efficitur arcu eu bibendum condimentum. Mauris nisi lectus, euismod vel ligula a, mollis facilisis ipsum. Mauris interdum auctor tempus. Mauris tempor efficitur mi fermentum ultrices. Morbi pretium massa ut odio pretium fringilla. Ut condimentum metus ac ultricies dapibus. Donec a malesuada arcu.Mauris scelerisque quam at augue pulvinar euismod. Suspendisse sed faucibus quam. Quisque at mauris nulla. Pellentesque interdum convallis placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut feugiat velit blandit erat convallis convallis. Donec erat dui, rutrum ac ullamcorper sit amet, vehicula a erat. Curabitur diam nibh, volutpat ac maximus at, consectetur vel magna. Cras consequat, libero vel lobortis molestie, velit lorem auctor dui, ut venenatis elit ligula ac ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dolor massa, faucibus id convallis eu, volutpat sed nulla. Fusce posuere odio ut odio porttitor, ut tristique justo placerat. Maecenas sed erat auctor, varius ipsum pulvinar, tincidunt nisl. Praesent ultricies fermentum elit ut ultricies. Duis venenatis eros fermentum augue pulvinar facilisis. Aenean et velit maximus, lacinia felis hendrerit, feugiat nibh.</br><b>L</b>orem ipsum dolor sit amet, consectetur adipiscing elit. Nulla posuere finibus turpis vulputate hendrerit. In hac habitasse platea dictumst. Pellentesque accumsan lorem vestibulum velit lacinia interdum. Duis lobortis lacinia turpis et convallis. Duis sed ante vel nisi varius aliquam eget eget lacus. Maecenas sed euismod neque, nec convallis turpis. Nulla ac elit nisl. Praesent et posuere dui. Nam sed pretium nulla. Fusce molestie neque eu congue sagittis. Vivamus nec nunc erat. Maecenas non congue mauris, vel euismod nisi. Suspendisse egestas, dolor eget interdum commodo, sem dui laoreet enim, id malesuada urna ante non augue. Proin lacinia ornare odio, a mollis enim. Sed efficitur cursus nibh vitae pharetra.Nunc at ullamcorper dui. Aenean mattis pulvinar dictum.</div></div><div class="enbalol">✩ ft. nom du personnag et plein de trucs - ✩ nombre de mots ça marche aussi</div><div class="fwaha"><a href="http://epsilon-ls.forumactif.com/">E P S I L O N</a></div>
<style>.trukenfon{outline: 1px solid #777; outline-offset: -6px; text-align: right; width: 400px; padding: 40px; background: #222; margin: 10px auto; position: relative;}.titrtruk{margin: 0; font: 700 20px/1 catamaran; text-transform: uppercase; color: #e9e9e9; letter-spacing: 1px; display: inline-block; border-bottom: 1px solid white;}.titrtruk b{padding: 0 0 4px 0; color: #7BB0A8; font-weight: 300; letter-spacing: 2px; border-bottom: 5px solid #7BB0A8; display: inline-block; margin-bottom: -1px;}.soustr{margin: 60px; color: #777; font: bold 8px/1.2 courier; letter-spacing: 1px; text-transform: uppercase; text-align: justify;}.txty{color:#ccc; text-align:justify; margin:20px; font-size:11px; font-family:calibri;}.txty b{font: 700 20px/1 calibri; float: left; margin: 25px 35px; border-bottom: 4px solid #7BB0A8; padding: 0 0 3px 0;}.enbalol{margin:0 auto; color:#ccc; font-family:calibri; font-size:10px; padding:20px; text-align:right; width:440px; position:relative; top:-10px; background:#454545;}.fwaha{text-align:center;}.fwaha a{font-family:calibri; text-decoration:none; color:#222; font-size:9px; letter-spacing:6px; text-transform:uppercase; position:relative; top:-10px;}</style>

<link href="https://fonts.googleapis.com/css?family=Gupter&display=swap" rel="stylesheet"/><div class="doubleentete"><div class="titledouble">catch the stars</div></div><div class="doublefiche"><div class="doubleavatar"><a href="http://epsilon-ls.forumactif.com/"><img src="https://via.placeholder.com/100"/></a></div><div class="doubletext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse volutpat efficitur nunc ac placerat. Donec ullamcorper, urna a luctus fermentum, eros nunc placerat lorem, at placerat augue nunc rhoncus velit. Proin congue condimentum efficitur. Integer eget nisl in lacus venenatis ultrices. Pellentesque ante mi, tincidunt eget pretium at, iaculis non ligula. Nulla tristique gravida arcu, iaculis pellentesque turpis fermentum at. Maecenas fermentum, diam maximus aliquam scelerisque, est tortor mollis sem, non dapibus diam nulla in orci. Aliquam ut dolor eu nunc consequat dignissim. Fusce interdum tortor est, eu efficitur sapien aliquet sit amet. Praesent venenatis a ligula non accumsan. Maecenas bibendum quam eu nunc egestas porttitor. Suspendisse id dictum leo. Donec sodales ante non urna dapibus, nec tempus diam sagittis. Vestibulum molestie tellus in sem pharetra condimentum. Donec sed scelerisque velit. Nullam commodo ut tortor in tincidunt. Mauris tempus nisi et lectus volutpat ultricies. Nulla velit erat, egestas sodales leo et, porttitor mollis purus. Sed mattis fermentum lacus, bibendum eleifend metus auctor non. Sed ac metus nisl. Nulla magna sapien, mollis eget scelerisque id, ultricies varius metus. Nulla facilisi. In tristique, purus eu ornare accumsan, ipsum justo imperdiet nulla, fermentum fringilla metus dolor ac tortor. Donec ut enim enim. Donec erat dolor, tristique condimentum aliquet nec, dictum vitae ante.</div><div class="doublecredit"><a href="http://epsilon-ls.forumactif.com/">:copyright: EPSILON</a></div></div>

<style>.doubleentete{width: 430px; background-image: url(https://imgur.com/hiZ6aEj.png); background-position: bottom; background-size: 100%; height: 150px; margin: 0 auto;}.titledouble{width:250px; padding:20px; color:white; font:40px Gupter; text-transform:uppercase; text-shadow:2px 2px 1px #454545;}.doublefiche{width:450px; margin:0 auto; padding:40px; background-image:url(https://imgur.com/CXI75eN.png);}.doubleavatar{position:absolute; margin:-120px 0px 0px 250px; outline: 1px solid #fff; box-shadow: 0px 0px 3px rgba(78, 75, 73, 0.5); outline-offset: 2px;}.doubleavatar img{width:100%;}.doubletext{text-align:justify; color:black; font:11px calibri; line-height:15px; padding:20px; background:white; border:solid 1px #eaeaea;}.doublecredit{text-align:center; background:white; width:340px; margin:20px auto 0px auto; border:solid 1px #eaeaea; padding:5px;}.doublecredit a{color:#0b0920; font:8px Times New roman; text-transform:uppercase; letter-spacing:5px;}</style>