Modèle de relationships {Non-obligatoire}

Le Néant
Le NéantGénèse grouillante
Date d'inscription : 12/06/2018
Messages : 196
Profil Académie Waverly
Lun 8 Oct - 12:37


Name Surname

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born

Texte ici

Friends


Texte ici

ennemies


Texte ici

whatever


Texte ici
Texte ici


Name surname

Texte ici


Name surname

Texte ici


Code:
<link href="https://fonts.googleapis.com/css?family=Arimo:400,700|Montserrat:900,400" rel="stylesheet"><style>.awf-shipper-2 {width: 450px;height: 400px;margin: 25px auto;position: relative;background-color: #E8CB9F;font-family: 'Arimo', sans-serif;display: flex;}.awf-shipper-2-side {height: 100%;width: 200px;background: #daaa63;color: #0b1515;}.awf-shipper-2-side .icon {margin: 10px;padding: 5px;border: 1px solid #0b1515;}.awf-shipper-2-side h2, .awf-shipper-2-side h3 {text-transform: uppercase;font-weight: 900;margin: 0 10px!important;padding: 0;color: #0b1515;font-size: 15px;letter-spacing: 1px;border: 0;font-family: 'Montserrat', sans-serif;}.awf-shipper-2-side h3 {font-size: 7px;line-height: 10px;text-align: justify;font-weight: normal;letter-spacing: 2px;font-family: 'Arimo', sans-serif;}.awf-rp-1-credit {position: absolute;width: 100%;text-align: center;bottom: 5px;left: 0;}.awf-rp-1-credit a {font-size: 8px;letter-spacing: 1px;color: #0b1515 !important;text-decoration: none;}.awf-shipper-2-tabs{width: 250px;text-align: left;}.awf-shipper-2-tabs label{font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding: 0px 20px;height: 30px;cursor: pointer;color: #0b1515;display: block;line-height: 30px;font-size: 8px;background: #daaa63;letter-spacing: 2px;box-sizing: border-box;margin: 0;}.awf-shipper-2-tabs input{display: none;}.awf-shipper-2-tabs article{margin-top: -1px;overflow: hidden;height: 0px;transition: all 0.3s linear;}.awf-shipper-2-tabs article div{color: #DAAA63;line-height: 14px;font-size: 10px;padding: 5px 20px;text-align: justify;height: 100%;overflow: auto;box-sizing: border-box;}.awf-shipper-2-tabs article div h4 {font-family: 'Montserrat', sans-serif;text-transform: uppercase;margin: 5px 0;text-align: right;border-bottom: 1px solid;padding-bottom: 2px;font-size: 10px;}.awf-shipper-2-tabs article .icon2 {display: block;padding: 5px;border-radius: 50%;border: 1px solid #ABABAB;margin: 15px auto 10px;vertical-align: middle;}.awf-shipper-2-tabs input:checked ~ article.tab{height: 312px;}.awf-shipper-2-credit {position: absolute;bottom: -15px;}.awf-shipper-2-credit a {text-transform: uppercase;font-size: 8px;text-decoration: none !important;font-weight: 900;font-family: "Montserrat", sans-serif;letter-spacing: 1px;color: #0b1515;}.awf-shipper-2-item {width: 450px;height: 130px;margin: auto;background-color: #E8CB9F;display: flex;flex-wrap: wrap;}.awf-shipper-2-item h4 {font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding: 0px 20px;height: 30px;color: #0b1515;width: 100%;line-height: 33px;font-size: 8px;background: #DAAA63;letter-spacing: 1px;font-weight: normal;margin: 0;box-sizing: border-box;}.awf-shipper-2-item div {color:#0b1515;line-height: 14px;font-size: 10px;padding: 10px 20px;text-align: justify;height: 80px;overflow: auto;font-family: 'Arimo', sans-serif;flex: 1;}</style>

<div class="awf-shipper-2"><div class="awf-shipper-2-side"><!--
--><img src="http://placehold.it/100x100" alt="" class="icon" /><!--
--><h2>Name Surname</h2><!--
--><h3>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born</h3><!--
--></div><section class="awf-shipper-2-tabs"><div><input id="tab-1" name="shipper-dark" type="radio" checked /><!--
--><label for="tab-1">About</label><article class="tab"><!--
--><img src="http://placehold.it/130x130" alt="" class="icon2" /><div>Texte ici<!--
--></div></article></div><div><input id="tab-2" name="shipper-dark" type="radio" /><!--
--><label for="tab-2">Wanted</label><article class="tab"><!--
--><div><h4>Friends</h4>
Texte ici
<h4>ennemies</h4>
Texte ici
<h4>whatever</h4>
Texte ici<!--
--></div></article></div><div><input id="tab-3" name="shipper-dark" type="radio" /><!--
--><label for="tab-3">Whatever</label><article class="tab"><!--
--><div>Texte ici</div></article></div></section><div class="awf-shipper-2-credit"><a href="http://terrible.forumactif.org/">awful</a></div></div>

<div class="awf-shipper-2-item"><!--
--><h4>Name surname</h4><img src="http://placehold.it/100x100" alt="" class="icon" /><!--
--><div>Texte ici</div></div>

<div class="awf-shipper-2-item"><!--
--><h4>Name surname</h4><img src="http://placehold.it/100x100" alt="" class="icon" /><!--
--><div>Texte ici</div></div>