<link href="https://fonts.googleapis.com/css?family=Montserrat:300, 900|Roboto" rel="stylesheet"><style>:root {--accent-color: #d5b9b1;}.life * { box-sizing: border-box; }.life {border: 1px solid #ccc;width: 550px;box-sizing: border-box;padding: 5px;background: #dbdbdb;font-family: 'Roboto', sans-serif;position: relative;margin: 10px auto;}.life a, .life a:hover {text-decoration: none!important;color: var(--accent-color);opacity: 1;transition: opacity 0.3s;}.life a:hover {opacity: 0.5;}.life > div {border:1px solid #ccc;padding: 30px;background: #fff;display: flex;flex-wrap: wrap;}.life > div > div:first-child {width: 100px;height: 100px;border:1px solid #ccc;padding: 5px;box-sizing: content-box;}.life > div > div:first-child img {width: 100%;height: 100%;}.life > div > div:nth-child(2) {flex: 1;margin-left: 10px;height: 112px;background: var(--accent-color);box-sizing: border-box;padding: 10px;}.life > div > div:nth-child(2) h2,.life > div > div:nth-child(2) h3{margin: 0;color: #fff;font-weight: 300;text-transform: uppercase; font-family: inherit;}.life > div > div:nth-child(2) h2 {font-family: 'Montserrat', sans-serif;font-size: 28px;line-height: 28px;border:0;}.life > div > div:nth-child(2) h2 b {font-weight: 900;}.life > div > div:nth-child(2) h3 {font-size: 9px;letter-spacing: 1px;}.life > div > div:nth-child(3) {flex: 100%;text-align: justify;font-size: 11px;margin-top: 10px;margin-bottom: 10px;padding: 30px 40px;border:1px solid #ccc;}.life > div > div:nth-child(3) b {color: var(--accent-color);}.life > div > div:last-child {line-height: 9px;font-size: 9px;color: #777;}.life > div > div:last-child tag {border:1px solid #ccc;text-transform: uppercase;font-size: 8px;letter-spacing: 1px;color: #999;padding: 2px 3px;margin-right: 5px;}.life-credit {position: absolute;bottom: -15px;right: 0;text-transform: uppercase;font-size: 8px;letter-spacing: 1px;}</style>
<div class="life"><div><div><!--
--><img src="http://via.placeholder.com/150x150"></div><!--
--><div><h2>Life's a bitch and <b>then you die</b></h2><!--
--><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3></div><!--
--><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elit ut aliquam purus sit amet. Pulvinar proin gravida hendrerit lectus. Quis varius quam quisque id diam vel quam elementum pulvinar. Dolor sit amet consectetur adipiscing elit ut aliquam purus sit. Sed id semper risus in. Mauris commodo quis imperdiet massa tincidunt. Quis ipsum suspendisse ultrices gravida dictum. Amet risus nullam eget felis eget nunc lobortis mattis. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue. Tristique senectus et netus et malesuada. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Molestie nunc non blandit massa. Donec enim diam vulputate ut pharetra.
Pulvinar neque laoreet suspendisse interdum consectetur libero. Morbi non arcu risus quis. Arcu non sodales neque sodales. Ac tincidunt vitae semper quis. Quam id leo in vitae turpis massa sed elementum. Tellus rutrum tellus pellentesque eu tincidunt. Ut diam quam nulla porttitor massa. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Laoreet non curabitur gravida arcu ac tortor. Pretium lectus quam id leo.
Tempus egestas sed sed risus pretium quam vulputate. Risus nec feugiat in fermentum posuere urna nec. In iaculis nunc sed augue. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. Leo a diam sollicitudin tempor id eu nisl nunc mi. Dis parturient montes nascetur ridiculus mus mauris vitae. Non odio euismod lacinia at quis risus sed vulputate. Lobortis feugiat vivamus at augue eget. Enim sit amet venenatis urna cursus eget. Tempus urna et pharetra pharetra. Feugiat vivamus at augue eget arcu dictum varius duis at. Enim facilisis gravida neque convallis a. Non tellus orci ac auctor augue mauris. Et egestas quis ipsum suspendisse ultrices gravida. Tempus quam pellentesque nec nam aliquam sem. Purus gravida quis blandit turpis cursus. Nibh praesent tristique magna sit amet purus gravida quis blandit. Sed adipiscing diam donec adipiscing tristique risus. Eget mi proin sed libero enim sed.
At auctor urna nunc id cursus metus aliquam eleifend. Volutpat consequat mauris nunc congue nisi. Arcu odio ut sem nulla pharetra diam sit amet nisl. Mi eget mauris pharetra et ultrices neque ornare. Id volutpat lacus laoreet non. Aenean sed adipiscing diam donec adipiscing. Congue nisi vitae suscipit tellus. Sed blandit libero volutpat sed cras. Nisi vitae suscipit tellus mauris a diam maecenas. Lectus mauris ultrices eros in cursus turpis massa tincidunt.
In massa tempor nec feugiat nisl pretium. Faucibus purus in massa tempor nec feugiat nisl pretium. Vitae semper quis lectus nulla. Diam vulputate ut pharetra sit amet aliquam id diam. Morbi leo urna molestie at. Nulla malesuada pellentesque elit eget gravida cum sociis natoque penatibus. Nunc mattis enim ut tellus elementum sagittis vitae et leo. Fames ac turpis egestas integer eget aliquet. Nisi scelerisque eu ultrices vitae auctor eu augue. Habitant morbi tristique senectus et netus.<!--
--></div><div><tag>@feat joueur</tag> <!--
-->Des petites notes ici</div></div><!--
--><a href="http://terrible.forumactif.org/" target="_blank" class="life-credit" >Awful</a></div>
Accueil
