<link href='https://fonts.googleapis.com/css?family=Eagle+Lake' rel='stylesheet' type='text/css'/>

<div style="width: 80% ; height: 250px ; margin: auto ; padding: 40px 0px 20px 0px ; background-image: url(http://zupimages.net/up/16/12/5mfg.png) ; background-size: 100% 100% ; font-family: Eagle Lake ; font-size: 30px ; color: rgb(12,28,95) ; text-shadow: 2px 1px 6px rgb(256,256,256) ; line-height: 30px ; border-left: 2px solid rgb(19,19,100) ; border-right: 2px solid rgb(19,19,100) ; text-align: center ;">Titre titre titre titre titre titre titre titre titre titre</div>

<div style="width: 80% ; height: auto ; margin: auto ; margin-top: -37px ; background-color: rgb(158,203,205) ; border-left: 2px solid rgb(19,19,100) ; border-right: 2px solid rgb(19,19,100) ;">
<div style="width: 100% ; height: 50px ; line-height: 50px ; padding: 5px 0px 5px 0px ; margin-top: -18px ; background-color:rgb(19,19,100) ; font-family: Eagle Lake ; font-size: 18px ; color: rgb(210,210,210) ; text-align: center ;">Featuring Someone</div>

<div style="width: 90% ; height: auto ; margin: auto ; font-family: Times New Roman ; font-size: 14px ; color: rgb(0,0,0) ; text-align: justify ;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempor mi laoreet velit ornare congue. Praesent condimentum nunc nec vulputate maximus. Sed sit amet ex eu nisi euismod tincidunt blandit rutrum ex. Donec convallis, arcu vitae blandit pellentesque, ligula lorem tincidunt odio, vitae pretium nibh erat ac metus. In ornare leo accumsan ligula finibus, at tincidunt arcu semper. Sed scelerisque vitae justo non laoreet. Cras egestas augue sed fermentum viverra. Maecenas dui nisi, porttitor vitae ornare at, rutrum eu mauris. Fusce cursus tortor ac tempor convallis. Proin tincidunt rutrum auctor. Mauris malesuada eget mi eu luctus.

Suspendisse ullamcorper vestibulum rutrum. Phasellus maximus magna vitae metus pharetra, quis rhoncus massa tincidunt. Etiam ipsum purus, lobortis ac ante eu, tincidunt tempus mi. Vivamus varius erat in massa vehicula fringilla. Quisque vulputate massa ligula, eu facilisis quam varius nec. Maecenas placerat felis vel urna tincidunt, vitae tincidunt magna tempus. Cras tristique erat vel cursus feugiat. In id eros quis lacus cursus condimentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi id maximus ex. Suspendisse non condimentum tortor. Nunc non tortor est.

Vestibulum arcu mi, efficitur id lorem vel, aliquam finibus elit. Phasellus vitae lectus aliquet, cursus erat a, mattis ligula. Nullam sodales, nibh vitae dapibus accumsan, ante lectus cursus purus, vel varius lectus felis nec leo. In a mattis libero. Vestibulum sit amet sagittis erat. Phasellus rhoncus suscipit lobortis. Sed nibh diam, dapibus vitae diam quis, vestibulum aliquam ipsum. Morbi at lectus eu leo congue dictum. Aliquam erat volutpat. Sed aliquam, quam id ullamcorper vestibulum, nisi dolor tempor dui, eget convallis tortor purus a mauris. Phasellus placerat sapien eget faucibus volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer varius libero leo, at varius justo volutpat non.

Vivamus posuere sit amet nisl nec viverra. Cras vel odio felis. Integer varius luctus libero in auctor. Pellentesque lobortis, nisi sed consectetur auctor, augue neque pellentesque ex, sed molestie quam odio eu dui. Duis ac urna vitae arcu imperdiet ultrices. Vivamus vitae feugiat erat. Fusce sit amet ipsum in urna dignissim rutrum sed vel est. In feugiat consequat feugiat. Integer hendrerit ex semper sapien rhoncus, eu suscipit tortor tristique. Phasellus blandit vehicula elit.

Quisque porta maximus nisl non convallis. Donec malesuada a lectus non mattis. Vivamus in mattis dui. Nam iaculis, lorem eget pretium malesuada, neque tortor tincidunt metus, eget tincidunt odio eros sit amet leo. Sed congue quis dolor id faucibus. Nulla urna risus, placerat quis sagittis ut, pretium non mauris. Pellentesque pulvinar cursus vestibulum. Aliquam erat volutpat. Cras maximus tellus sit amet est accumsan dictum. Sed fringilla vitae risus ac maximus. Aliquam consequat nibh pulvinar, hendrerit erat vitae, viverra nunc. Ut aliquet sem sem, sit amet vulputate sapien mollis ut. Fusce molestie mauris dui, ut sagittis est porta eget. Cras ac risus vitae nunc ullamcorper facilisis in sed purus. Donec tincidunt nisl vitae dui bibendum molestie sit amet non purus.</div>

<div style="width: 100% ; font-family: Times New Roman ; font-size: 9px ; color: rgb(256,256,256) ; text-align: center">Code par xLittleRainbow</div></div>

<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'/>

<div style="width: 85% ; height: auto ; margin: auto ; background-color: rgb(210,210,210) ; border: 2px solid rgb(0,0,0) ; border-radius: 30px ;">
<div style="width: 70% ; height: auto ; line-height: 32px ; padding: 15px ; margin: auto ; font-family: Indie Flower ; font-size: 38px ; color: rgb(240,240,240) ; text-shadow: 2px 3px 8px rgb(0,0,0) ; text-align: center ;">Titre qui peut être long ou pas très long en fonction du RP</div>
<div style="width: 40% ; height: 30px ; margin: auto ; border-bottom: 1px dotted rgb(0,0,0) ; font-family: Indie Flower ; font-size: 20px ; color: rgb(50,50,50) ; text-align: center ;">Me & Someone</div>

<div style="width: 90% ; height: 300px ; margin: auto ; background-image: url(http://image.noelshack.com/fichiers/2016/12/1458925681-landscape-photography-3.jpg) ; background-size: 100% 100% ;"></div>

<div style="width: 75% ; height: auto ; margin: auto ; padding: 5px ; background-color: rgba(256,256,256,0.3) ; font-family: Times New Roman ; font-size: 14px ; color: rgb(0,0,0) ; text-align: center ; border-left: 2px solid rgb(240,240,240) ; border-right: 2px solid rgb(240,240,240) ;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada ex nisi, condimentum dapibus odio ornare vel. Sed et ultrices nisl. Nam a ultricies mi. In mauris tellus, tempor et pretium quis, mattis ut ipsum. Sed pellentesque arcu lacus, sed pharetra lacus volutpat et. Fusce dolor libero, lobortis vel pellentesque eget, tempus vel mi. Nam sed elit sit amet mi malesuada rutrum. Mauris dictum, nisi in fermentum feugiat, urna justo vulputate erat, mattis facilisis lectus est condimentum massa. Quisque viverra ornare elit sed scelerisque. Proin rutrum neque placerat, pharetra urna id, molestie risus. Nullam tortor erat, scelerisque at tristique non, malesuada sed odio. Aenean aliquam, ante at pulvinar lacinia, libero ex mollis elit, id cursus mi lorem vitae tellus.

In a purus arcu. Sed aliquam elementum ipsum sed sollicitudin. Mauris a imperdiet mi. Sed massa arcu, congue et sapien hendrerit, efficitur dignissim sapien. Pellentesque vitae facilisis sapien. Maecenas porta est nibh, ac accumsan libero pulvinar vel. Cras egestas turpis sapien, vel dapibus mi consectetur a. Cras id sollicitudin ex, ut tempor sapien. In massa eros, ultrices id tincidunt sed, condimentum nec quam. Donec euismod nisl quam, vel egestas ex ornare et. Curabitur non felis consectetur, lobortis est vitae, semper ipsum. Mauris vel nulla scelerisque, facilisis sapien tempus, fermentum diam. Integer ac quam nunc.

Fusce tincidunt, velit non faucibus ornare, lacus est euismod eros, quis vestibulum lacus est vitae ipsum. Curabitur fringilla libero a nisi facilisis hendrerit. Integer facilisis erat vitae sapien tincidunt suscipit. Suspendisse volutpat eget ipsum id laoreet. Nullam ut congue magna, in placerat leo. Maecenas odio libero, ornare semper tellus sit amet, condimentum volutpat risus. Pellentesque nec nisi quis ante dictum luctus. Nunc ornare luctus elit. Proin faucibus egestas mauris nec dignissim. Proin sagittis quam eu quam sagittis lacinia. Nullam sed velit eget mi dictum placerat. Quisque imperdiet ullamcorper dui quis rhoncus.

Suspendisse nunc urna, blandit id metus at, vulputate fringilla enim. Aliquam mattis eros lacus. Morbi bibendum porta ligula eu egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis bibendum velit nec ultricies. Nulla dictum efficitur massa. Sed convallis, arcu vitae viverra tincidunt, neque leo ullamcorper justo, et consectetur erat diam ut augue. Nulla eget scelerisque elit. Ut eget facilisis massa, sed facilisis ante. Aliquam quis urna malesuada, finibus tortor non, blandit urna. Aenean ultrices nisl ut libero sodales consectetur. Morbi consequat scelerisque mauris quis sagittis. Vestibulum ut imperdiet mi. Vivamus hendrerit tempor enim a ullamcorper. Proin cursus rutrum cursus. Pellentesque tincidunt dignissim erat vitae blandit.

Curabitur imperdiet maximus velit in bibendum. Etiam leo risus, consequat id nunc vitae, suscipit aliquam justo. Sed sed nisl nunc. Curabitur sagittis magna et iaculis finibus. Integer et libero ligula. Nullam neque arcu, consectetur non faucibus et, laoreet eget eros. Nulla facilisi. Nunc felis urna, pulvinar non suscipit et, vestibulum ac mauris. Cras a quam nisi. Fusce viverra nisi nec elit feugiat iaculis. Maecenas bibendum rhoncus convallis. </div>

<div style="width: 100% ; font-family: Times New Roman ; font-size: 9px ; color: rgb(0,0,0); text-align: center">Code par xLittleRainbow</div></div>

<link href='https://fonts.googleapis.com/css?family=Italianno|Itim' rel='stylesheet' type='text/css'/>

<style>.container_Lana{width:80%;height:auto;margin:auto;background-color:rgb(179,216,223);border:3px double rgb(33,80,5);border-radius:50px 0px 50px 0px;}.title_Lana{width:55%;height:170px;padding:15px;font-family:Italianno;font-size:40px;line-height:37px;text-align:center;color:rgb(33,80,5);text-shadow:-2px 1px 8px rgb(40,226,65);float:left;}.feat_Lana{width:35%;height:150px;padding:10px;font-family:Italianno;font-size:25px;line-height:150px;color:rgb(33,80,5);text-align:right;float:right;}.txt_Lana{width:80%;height:750px;margin:auto;padding:10px;background-color:rgb(245,245,245);border-radius:10px;font-family:Itim;font-size:15px;color:rgb(0,0,0);position:relative;overflow:auto;clear:both;box-shadow: 3px 1px 30px rgb(252,229,27);}.txt_Lana img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;transition:all 3s ease;}.txt_Lana img:hover{opacity:0;}.copy_Lana{width:100%;font-family:Times New Roman;font-size:9px;color:rgb(0,0,0);text-align:center;}
</style>

<div class="container_Lana">
<div class="title_Lana">Titre qui peut se rallonger à l'infini sans tout buguer</div>
<div class="feat_Lana">FeaturingSomeone</div>

<div class="txt_Lana"><img src="http://zupimages.net/up/16/14/hpsb.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac suscipit velit, nec fermentum leo. Nam quis massa ac nunc imperdiet consequat. Curabitur vitae urna eu tellus luctus rhoncus ut eget nisi. Praesent convallis justo ut leo auctor, vitae commodo erat efficitur. Donec eget ex orci. Donec justo metus, elementum non finibus sagittis, scelerisque quis ante. Nulla facilisi. Donec rhoncus mattis ultricies. Pellentesque laoreet varius quam, id pellentesque sapien suscipit fermentum. Aenean posuere purus eu purus vulputate, suscipit facilisis arcu tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper, turpis at pulvinar porta, purus augue luctus tortor, nec luctus elit neque at metus. Etiam sit amet suscipit risus, vel imperdiet tortor. Curabitur id libero eget turpis porttitor vestibulum et nec purus.

Duis at mauris auctor, congue enim fermentum, ultricies risus. Fusce vel viverra dui, in consectetur magna. Vivamus sed lectus erat. Curabitur urna nulla, posuere vitae ornare in, faucibus ut magna. Sed bibendum condimentum efficitur. Vivamus ut condimentum massa. Etiam mollis ligula nec interdum aliquet. Quisque feugiat fermentum euismod. Donec aliquam enim orci, eu eleifend magna viverra quis. Pellentesque augue purus, varius vel finibus gravida, aliquam sed augue. In luctus nibh et urna sodales feugiat. Cras vestibulum nisl vitae lacus viverra varius. Donec quis porta nunc. Integer facilisis posuere tortor a semper. Proin et ipsum eu ante vehicula feugiat nec ac dui.

Phasellus at augue at felis rutrum efficitur. Curabitur fringilla diam finibus dignissim rhoncus. Suspendisse vitae enim luctus, pellentesque dui non, tempor eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vel rutrum dui. Pellentesque eu magna vehicula, auctor purus sit amet, aliquam justo. Sed ac placerat erat. Sed et pellentesque dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim commodo scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam posuere pellentesque mauris id porttitor. Cras sed maximus est. Nunc eget lacus ut odio blandit mollis id aliquet diam. Integer felis leo, tempor quis lectus eu, imperdiet rhoncus neque. Donec nec purus sit amet ex maximus porta vel nec purus.

Nunc placerat placerat pretium. Nulla lectus nulla, iaculis ac risus sed, ullamcorper rhoncus diam. Vivamus luctus arcu ac erat tristique pharetra. Morbi dictum purus sit amet dui molestie ultrices. Fusce malesuada mi sed nisl tempor consequat. Nulla luctus, nisi eu ultricies luctus, lacus felis vestibulum nisl, eget sollicitudin eros nibh non risus. Sed ornare tristique sapien eu facilisis. Vivamus eget mauris suscipit, pretium leo quis, mollis erat. Suspendisse nibh urna, imperdiet non venenatis id, hendrerit in orci. Curabitur ut leo enim.

Suspendisse ac eros lobortis, volutpat neque ut, fringilla metus. Nunc ultrices ante eu nibh consequat tempor. In sed purus sit amet lectus rhoncus volutpat a vel dolor. Sed sed enim id elit mattis pretium. Phasellus felis velit, convallis id semper nec, molestie sit amet tellus. Phasellus sollicitudin lectus id urna porttitor, sed sodales turpis dignissim. Quisque vitae nulla id lorem scelerisque sagittis nec in turpis. Donec commodo bibendum imperdiet. Aenean ac mauris ligula. Nunc ultricies luctus ex, eu commodo risus feugiat eu. Nullam aliquam vitae eros eget dictum. Duis sit amet nulla augue. Praesent gravida pulvinar molestie. </div>

<div class="copy_Lana">Code par xLittleRainbow</div></div>

<link href='https://fonts.googleapis.com/css?family=Oswald|IM+Fell+English' rel='stylesheet' type='text/css'/>

<style>.bg_Sherkan{width:85%;height:auto;margin:auto;background-size:100% 100%;background-color:rgb(255,234,146);}.header_Sherkan{width:98%;height:250px;margin:auto;border:3px solid rgb(0,0,0);font-family:Oswald;font-size:70px;color:rgb(240,240,240);line-height:250px;background-size:100% 100%;background-image:url(http://zupimages.net/up/16/15/9j7s.jpg);text-align:center;text-shadow:0 0 4px rgb(0,0,0);}.left_bloc{width:95%;height:300px;margin:auto;padding:5px;background-color:rgb(250,250,250);border:2px solid rgb(0,0,0);border-radius:20px;font-family:IM Fell English;font-size:11px;color:rgb(0,0,0);text-align:justify;overflow:auto;}.left_title{width:100%;height:50px;font-family:Oswald;font-size:20px;color:rgb(0,0,0);text-align:center;}.right_bloc{width:95%;height:180px;padding:5px;margin:auto;background-color:rgb(250,250,250);border:2px solid rgb(0,0,0);border-radius:20px;font-family:IM Fell English ; font-size:11px;color:rgb(0,0,0);text-align:justify;overflow:auto;}.right_title{width:100%;height:50px;font-family:Oswald;font-size:17px;color:rgb(0,0,0);text-align:center;}.copy_Sherkan{width:100%;font-family:Times New Roman;font-size:9px;color:rgb(0,0,0);text-align:center;}</style>

<div class="bg_Sherkan">
<div class="header_Sherkan">Liens d'Asumi</div>

<table><td>
<div class="left_bloc"><div class="left_title">Je cherche</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, orci id scelerisque vulputate, eros massa porttitor mi, eu feugiat lorem ligula id quam. Mauris sodales magna nunc. Maecenas vel odio nec nunc suscipit rhoncus. Vivamus euismod tempus tellus vitae eleifend. In tristique, tellus quis venenatis tincidunt, eros justo porttitor mauris, in pellentesque mi metus eu dolor. Praesent nec felis a arcu fermentum pretium pretium sit amet ex. Integer sagittis egestas libero nec feugiat. Curabitur ac porttitor nisl. Aliquam vel tempor est, at fermentum orci. In in interdum sapien. Nullam ut nisl sagittis, interdum lacus at, bibendum massa. Cras dapibus scelerisque metus, eget porttitor urna fringilla non. Pellentesque viverra gravida orci, id euismod arcu tempus a.

Fusce aliquet nulla magna, eu pretium sapien iaculis tempus. Proin a ante ac nulla sagittis porta a quis libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec placerat egestas purus tempus egestas. Maecenas vitae commodo elit. Curabitur eu quam quis magna accumsan lobortis at eget odio. Aenean sit amet sodales eros, dapibus sodales mi. Nulla sollicitudin eleifend placerat. Proin accumsan efficitur lacus, vel blandit enim. Suspendisse quis dignissim nulla. Ut id quam fringilla urna viverra feugiat. Sed rhoncus vehicula maximus.</div>

<div class="left_bloc"><div class="left_title">J'ai trouvé</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, orci id scelerisque vulputate, eros massa porttitor mi, eu feugiat lorem ligula id quam. Mauris sodales magna nunc. Maecenas vel odio nec nunc suscipit rhoncus. Vivamus euismod tempus tellus vitae eleifend. In tristique, tellus quis venenatis tincidunt, eros justo porttitor mauris, in pellentesque mi metus eu dolor. Praesent nec felis a arcu fermentum pretium pretium sit amet ex. Integer sagittis egestas libero nec feugiat. Curabitur ac porttitor nisl. Aliquam vel tempor est, at fermentum orci. In in interdum sapien. Nullam ut nisl sagittis, interdum lacus at, bibendum massa. Cras dapibus scelerisque metus, eget porttitor urna fringilla non. Pellentesque viverra gravida orci, id euismod arcu tempus a.

Fusce aliquet nulla magna, eu pretium sapien iaculis tempus. Proin a ante ac nulla sagittis porta a quis libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec placerat egestas purus tempus egestas. Maecenas vitae commodo elit. Curabitur eu quam quis magna accumsan lobortis at eget odio. Aenean sit amet sodales eros, dapibus sodales mi. Nulla sollicitudin eleifend placerat. Proin accumsan efficitur lacus, vel blandit enim. Suspendisse quis dignissim nulla. Ut id quam fringilla urna viverra feugiat. Sed rhoncus vehicula maximus.</div>
</td>

<td>
<div class="right_bloc"><div class="right_title">RPs en création</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, orci id scelerisque vulputate, eros massa porttitor mi, eu feugiat lorem ligula id quam. Mauris sodales magna nunc. Maecenas vel odio nec nunc suscipit rhoncus. Vivamus euismod tempus tellus vitae eleifend. In tristique, tellus quis venenatis tincidunt, eros justo porttitor mauris, in pellentesque mi metus eu dolor. Praesent nec felis a arcu fermentum pretium pretium sit amet ex. Integer sagittis egestas libero nec feugiat. Curabitur ac porttitor nisl. Aliquam vel tempor est, at fermentum orci. In in interdum sapien. Nullam ut nisl sagittis, interdum lacus at, bibendum massa. Cras dapibus scelerisque metus, eget porttitor urna fringilla non. Pellentesque viverra gravida orci, id euismod arcu tempus a.</div>

<div class="right_bloc"><div class="right_title">RPs en cours</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, orci id scelerisque vulputate, eros massa porttitor mi, eu feugiat lorem ligula id quam. Mauris sodales magna nunc. Maecenas vel odio nec nunc suscipit rhoncus. Vivamus euismod tempus tellus vitae eleifend. In tristique, tellus quis venenatis tincidunt, eros justo porttitor mauris, in pellentesque mi metus eu dolor. Praesent nec felis a arcu fermentum pretium pretium sit amet ex. Integer sagittis egestas libero nec feugiat. Curabitur ac porttitor nisl. Aliquam vel tempor est, at fermentum orci. In in interdum sapien. Nullam ut nisl sagittis, interdum lacus at, bibendum massa. Cras dapibus scelerisque metus, eget porttitor urna fringilla non. Pellentesque viverra gravida orci, id euismod arcu tempus a.</div>

<div class="right_bloc"><div class="right_title">RPs finis</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, orci id scelerisque vulputate, eros massa porttitor mi, eu feugiat lorem ligula id quam. Mauris sodales magna nunc. Maecenas vel odio nec nunc suscipit rhoncus. Vivamus euismod tempus tellus vitae eleifend. In tristique, tellus quis venenatis tincidunt, eros justo porttitor mauris, in pellentesque mi metus eu dolor. Praesent nec felis a arcu fermentum pretium pretium sit amet ex. Integer sagittis egestas libero nec feugiat. Curabitur ac porttitor nisl. Aliquam vel tempor est, at fermentum orci. In in interdum sapien. Nullam ut nisl sagittis, interdum lacus at, bibendum massa. Cras dapibus scelerisque metus, eget porttitor urna fringilla non. Pellentesque viverra gravida orci, id euismod arcu tempus a.</div>
</td></table>

<div class="copy_Sherkan">Code par xLittleRainbow</div></div>