Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
<center>
    <div class="themedes">
<div class="themetitle01">rich & famous
</div>
        <div class="contenu">
            <div style="text-align: left; font-family: 'Comfortaa', cursive;font-size:11px; padding-top: 20px;line-height: 100%;"><center>
<img src="http://funkyimg.com/i/2K7AW.gif"><br><p>
Их лица мелькают на ТВ и в инстаграме, а таблоиды пестрят всевозможными историями об их жизни. Они - сливки общества, богатые и знаменитые, те, о ком так приятно посплетничать за чашечкой кофе.
</center> <br>
<br>
<br>
        <center> <div style="align-content: center;" ></div></center>
<br>
            </div>
        </div>
</center>
Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Roboto:400|Calibri|Roboto+Condensed:300,700|Inconsolata" rel="stylesheet">
<div class="jardespacito">
 <div class="jardespacitoc">
   <div class="jardespaciton"><font style="color:#ffcc66">KIM</font> <b>JISOO (blackpink)</b></div>
   <div class="jardespacitoimg">
     <img src="http://funkyimg.com/i/2HKDT.jpg">
   </div>
   <div class="jardespacitod1">20-23</div>
   <div class="jardespacitod2">Мирные жители</div>
   <div class="jardespacitod3">Студентка</div>
   <div class="jardespacitob"></div>
   <div class="jardespacitotb">
     <div class="jardespacitoquote">"mother4ucking princess"</div>
     <div class="jardespacitotext">
       <div class="jardespacitosub">Коротко о главном</div> 
С самого рождения Джису не знала слова "нет". Ей посчастливилось появиться на свет в богатой семье потомственных аристократов, где с нее ежеминутно сдували пылинки не только родители, бабушки-дедушки, но и многочисленная прислуга. Ну и разумеется, любой каприз исполнялся в мгновение ока, что прибавляло +100 к избалованности юной наследницы. <br>
Сознательное детство и юность Джису провела за границей - в Англии, где обучалась в престижной частной школе, вдали от тех ужасов, которые творились во время вируса. Однако, как только ситуация с заражением была взята под контроль, Джису решила, что пора вернуться домой. И несмотря на то, что ее родители грезили о поступлении дочери в Оксфорд или Сорбонну, отказать любимому чаду они все же не смогли. <br>
О долгожданном возвращении "наследной принцессы", как окрестили ее корейские СМИ, писали все газеты и наперебой трещали все каналы. И теперь вся общественность с замиранием сердца следит за каждым шагом Джису. Но ей, похоже, это даже нравится.

<div class="jardespacitosub">TAGS</div>
#queenB    #aristocratic 
     </div>
   </div>
 </div>
 <div class="jardespacitoc">
   <div class="jardespaciton"><font style="color:#ffcc66">Choi </font> <b>Seung Hyun (BIG BANG)</b></div>
   <div class="jardespacitoimg">
     <img src="http://funkyimg.com/i/2Hz3j.jpg">
   </div>
   <div class="jardespacitod1">27-35</div>
   <div class="jardespacitod2">Мирные жители</div>
   <div class="jardespacitod3">Медиамагнат</div>
   <div class="jardespacitob"></div>
   <div class="jardespacitotb">
     <div class="jardespacitoquote">"you know my name"</div>
     <div class="jardespacitotext">
       <div class="jardespacitosub">коротко о главном</div> 
Одни считают, что Топ - гений, другие называют его полнейшим мудаком, но равнодушным не остается никто. Он прекрасно образован, умен, обаятелен, возможно иногда чересчур эксцентричен, но у богатых свои причуды, как говорится. <br>
Сынхен сумел сколотить настоящую СМИ-империю в сравнительно раннем возрасте и теперь является одним из богатейших людей Сеула и одним из самых завидных холостяков. Ничего в этом городе не происходит без его ведома, потому что вся информация сосредоточена в его руках. А кто владеет информацией, тот владеет миром. <br>Ходят слухи, что он тайно спонсирует революционеров и их террористические акты, зарабатывая таким образом бешеные деньги на эксклюзивных репортажах и статьях с мест происшествий. Впрочем, это всего лишь слухи. Но это не точно.
<div class="jardespacitosub"> tags</div>
#get rich or die tryin' 
     </div>
   </div>
 </div>
 <div class="jardespacitoc">
   <div class="jardespaciton"><font style="color:#ffcc66">OH</font> <b>sehun (EXO)</b></div>
   <div class="jardespacitoimg">
     <img src="http://funkyimg.com/i/2Hz3Q.jpg">
   </div>
   <div class="jardespacitod1">20-25</div>
   <div class="jardespacitod2">Мирные жители</div>
   <div class="jardespacitod3">Блогер</div>
   <div class="jardespacitob"></div>
   <div class="jardespacitotb">
     <div class="jardespacitoquote">"starboy"</div>
     <div class="jardespacitotext">
       <div class="jardespacitosub">Коротко о главном</div>
От всех проблем по жизни у Сэхуна есть верное средство - папины деньги и связи. Собственно, а почему бы и нет? Глупо не наслаждаться жизнью, когда твой папа - банкир. Вот и Сэхун так решил и принялся наслаждаться на полную катушку. <br>
Из всей золотой молодежи Сеула он, конечно, самый золотой. Хунни - желанный гость на любой тусовке, его имя всегда красуется в любом VIP-списке вне зависимости от того, явится он туда или нет - просто на всякий случай. Его блог и страничка в Instagram ломятся от подписчиков, а каждый новый лук стоит столько, что на эти деньги вполне можно было бы купить какой-нибудь штат в Америке. Да, он мажор, но в целом неплохой парень: и дверь придержать может, и бабушку через дорогу перевести, - просто не каждый день выдается такая возможность.<br>   
И все у него складывалось шоколадно до тех пор, пока папа не решил, что пора бы научить сына уму-разуму. Вот так взял - и лишил всех плюшек в виде денег, кредиток, тачки и прочих приятностей.   
<div class="jardespacitosub">tags</div>
# #
     </div>
   </div>
 </div>
 <div class="jardespacitoc">
   <div class="jardespaciton"><font style="color:#ffcc66">Chou</font><b> Tzuyu (TWICE)</b></div>
   <div class="jardespacitoimg">
     <img src="http://funkyimg.com/i/2HKDM.jpg">
   </div>
   <div class="jardespacitod1">18-22</div>
   <div class="jardespacitod2">Мирные жители</div>
   <div class="jardespacitod3">Модель</div>
   <div class="jardespacitob"></div>
   <div class="jardespacitotb">
     <div class="jardespacitoquote">"Covergirl"</div>
     <div class="jardespacitotext">
       <div class="jardespacitosub">Коротко о главном</div> 
Как не странно, но в отличии от многих других историй, детство Чжоу не назвать простым. Ее семья перебежчики из Китая. Она не может сказать, что жила в достатке. Ее семья едва сводила концы с концами, поэтому ее довольно рано выдали замуж. Ее мужем стал фотограф снимавший их класс для школьных корочек. Он сразу оценил ее красоту и прочертил ей дорожку в модели. К сожалению сердце китаянки ничего не испытывало. Выбившись в люди, они все же развелись, но и девушка изменилась. Теперь за ней никто не узнает ту добросердечную скромницу. Самовлюбленная, эгоистичная стерва - в этом бизнесе иначе не выживешь. 
<div class="jardespacitosub">tags</div>
# #
     </div>
   </div>
 </div>

 <div class="jardespacitoc">
   <div class="jardespaciton"><font style="color:#ffcc66">kim</font> <b>yerim (red velvet)</b></div>
   <div class="jardespacitoimg">
     <img src="http://funkyimg.com/i/2HAfA.jpg">
   </div>
   <div class="jardespacitod1">18-22</div>
   <div class="jardespacitod2">Мирные жители</div>
   <div class="jardespacitod3">Студентка</div>
   <div class="jardespacitob"></div>
   <div class="jardespacitotb">
     <div class="jardespacitoquote">"supergirls don't cry"</div>
     <div class="jardespacitotext">
       <div class="jardespacitosub">Коротко о главном</div>
Йери зябко кутается в безразмерную выцветшую толстовку неприметного вида и натягивает капюшон почти до самого подбородка. На улице жара, но её знобит уже от одной мысли о полчищах папарацци, поджидающих её на каждом углу, стоит лишь выйти из дома. Возможно, для кого-то известность - это предел мечтаний, но только не для неё. Ничего в жизни Йери не хотела больше, чем быть обычной. Такой же, как все. <br>
Отец Йери - известный актёр, мать - оперная певица. Они привыкли купаться в лучах славы и зачастую даже дома забывают, что они не на сцене. Йери часто ловит себя на мысли, что живёт внутри мыльный оперы. Вот только актриса из неё никакая. <br>
Ей ужасно хочется жить своей, обычной жизнью, в которой нет камер и первых полос светской хроники. Хочется добиться чего-то самостоятельно, стать самой собой. Чтобы окружающие видели её, Ким Йерим. Настоящую. А не отражение её родителей. 
<div class="jardespacitosub">tags</div>
#free soul #pure

     </div>
   </div>
 </div>
 <div class="jardespacitoc">
   <div class="jardespaciton"><font style="color:#ffcc66">lee</font><b> taemin (shinee)</b></div>
   <div class="jardespacitoimg">
     <img src="http://funkyimg.com/i/2HAfW.jpg">
   </div>
   <div class="jardespacitod1">24-26</div>
   <div class="jardespacitod2">Мирные жители</div>
   <div class="jardespacitod3">Артист на пароме</div>
   <div class="jardespacitob"></div>
   <div class="jardespacitotb">
     <div class="jardespacitoquote">"clever is sexy"</div>
     <div class="jardespacitotext">
       <div class="jardespacitosub">Тэмин не из тех детей, кто родился в семье богачей. Скорее наоборот. Отец - моряк, а мать обычная посудомойка. И между тем, у него еще две младших сестры. Ли рано стал самостоятельным и еще с ранних лет за ним можно было заметить "увлеченность". Его уже тогда можно было назвать "артистичным". Он любил петь и танцевать. Сначала не профессионально, а позже набрался опыта в школе искусств. Его началом стало радио, на котором он проработал пару лет ведущим. Его любили слушать за каверы популярных песен и невероятно чистый голос. Однажды ему предложили сменить деятельность и выступать на дорогом лайнере. Каждый раз приходилось придумывать новую программу, совершенствоваться. Тэмина стали узнавать. Сейчас он довольно известная личность. Его улыбка часто мелькает на шоу и радует всех вокруг. </div> 

<div class="jardespacitosub">tags</div>
#  # #
     </div>
   </div>
 </div>

 <div class="jardespacitoc">
   <div class="jardespaciton"><font style="color:#ffcc66">kim</font> <b>hyuna</b></div>
   <div class="jardespacitoimg">
     <img src="https://i.pinimg.com/originals/34/3f/09/343f09c5c63bf182fdd0eaf69ec41760.jpg">
   </div>
   <div class="jardespacitod1">25</div>
   <div class="jardespacitod2">Мирные жители</div>
   <div class="jardespacitod3">Стилист, бьюти-блогер</div>
   <div class="jardespacitob"></div>
   <div class="jardespacitotb">
     <div class="jardespacitoquote">"supergirls don't cry"</div>
     <div class="jardespacitotext">
       <div class="jardespacitosub">Коротко о главном</div>
Хорошо, когда твой папа миллионер, ну или просто владеет несколькими банками по всей Корее. Тогда ты можешь ходить на любые тусовки, светиться по телику и нравится мужчинам даже на поводке.  И на самом деле не важно, есть ли у тебя талант, внешние данные, если дочь захочет, то все будет. Благодаря отцу, она основала свою линию косметики и является важным гостем на всех мероприятиях касаемых индустрии красоты. В Ютубе у нее свой канал с огромным количеством подписчиков. Не всегда играет по честному, умея включить стерву в нужный момент и пойти по головам. Порою, ради контракта, может и играть с мужчинами, добиваясь желаемого и ускользая, как бабочка в ночи.
<div class="jardespacitosub">tags</div>
# #

     </div>
   </div>
 </div>


</div>

 <div class="jardespacitocred"><a href="http://pestilence.ru/viewtopic.php?id=42&p=21#p88787"><b>ЗАБИРАЮ!</b></a></div>

<style>
 .jardespacito {
   width:510px;
   margin:0 auto;
   display:flex;
   flex-wrap:wrap;
   padding:2px;
   background:#111;
 }
 .jardespacitoc {
   width:250px;
   height:350px;
   border:1px solid #111;
   position:relative;
   overflow:hidden;
 }
 .jardespaciton {
   width:320px;
   height:5px;
   padding:15px;
   line-height:100%;
   background:#000;
   font-family:Roboto Condensed;
   font-weight:300;
   font-size:20px;
   color:#666;
   text-transform:uppercase;
   transform:rotate(-90deg);
   position:absolute;
   bottom:157px; left:-157px;
   border-bottom:1px solid #444;
   z-index:5;
 }
 .jardespacito b {
   font-weight:700;
 }
 .jardespacitoimg {
   height:350px;
   position:absolute;
   left:35px; top:0px;
 }
 .jardespacitoimg img{
   height:350px;
 }
 .jardespacitod1 {
   width:130px;
   position:absolute;
   left:-120px; top:10px;
   background:#000;
   padding:5px;
   line-height:100%;
   font-family:Calibri;
   font-size:10px;
   text-transform:uppercase;
   color:#ccc;
   position:absolute;
   letter-spacing:2px;
   text-align:right;
   transition:all 1.7s ease-in-out;
   z-index:4;
 }
 .jardespacitoc:hover .jardespacitod1 {
   left:35px;
   transition:all 1.7s ease-in-out;
 }
 .jardespacitod2 {
   width:170px;
   position:absolute;
   left:-160px; top:30px;
   background:#000;
   padding:5px;
   line-height:100%;
   font-family:Calibri;
   font-size:8px;
   text-transform:uppercase;
   color:#ccc;
   position:absolute;
   letter-spacing:2px;
   text-align:right;
   transition:all 1.7s ease-in-out;
   z-index:4;
 }
 .jardespacitoc:hover .jardespacitod2 {
   left:35px;
   transition:all 1.7s ease-in-out 0.8s;
 }
 .jardespacitod3 {
   width:155px;
   position:absolute;
   left:-145px; top:50px;
   background:#000;
   padding:5px;
   line-height:100%;
   font-family:Calibri;
   font-size:8px;
   text-transform:uppercase;
   color:#ccc;
   position:absolute;
   letter-spacing:2px;
   text-align:right;
   transition:all 1.7s ease-in-out;
   z-index:4;
 }
 .jardespacitoc:hover .jardespacitod3 {
   left:35px;
   transition:all 1.7s ease-in-out 1.5s;
 }
 .jardespacitob {
   width:250px;
   height:350px;
   background:rgba(0,0,0,0.5);
   position:absolute;
   left:0; top:0;
   opacity:0;
   transition:all 2s ease-in-out;
 }
 .jardespacitoc:hover .jardespacitob {
   opacity:1;
   transition:all 5s ease-in-out;
 }
 .jardespacitotb {
   width:195px;
   height:270px;
   background:rgba(0,0,0,0.8);
   position:absolute;
   left:-185px;
   bottom:0px;
   padding:5px;
   line-height:100%;
   transition:all 1.5s ease-in-out;
 }
 .jardespacitoc:hover .jardespacitotb {
   left:35px;
   transition:all 1.5s ease-in-out 2.7s;
 }
 .jardespacitoquote {
   padding:10px;
   font-family:Georgia;
   font-size:9px;
   font-style:italic;
   letter-spacing:2px;
   line-height:100%;
   color:#aaa;
   text-transform:lowercase;
   text-align:center;
 }
 .jardespacitotext {
   width:165px;
   height:220px;
   overflow:auto;
   padding:15px;
   padding-top:0px;
   line-height:12px;
   font-family:Calibri;
   font-size:11px;
   color:#ccc;
   text-align:justify;
 }
 .jardespacitotext::-webkit-scrollbar {width:2px;}
 .jardespacitotext::-webkit-scrollbar-track {background:#333;}
 .jardespacitotext::-webkit-scrollbar-thumb {background:#555;}
 .jardespacitosub {
   padding:5px;
   border-bottom:1px solid #444;
   margin-bottom:5px;
   font-family:Roboto;
   font-size:7px;
   text-align:center;
   letter-spacing:5px;
   text-transform:uppercase;
   margin-top:12px;
 }
 .jardespacitocred {
   font-family:roboto;
   font-size:8px;
   letter-spacing:2px;
   text-transform:uppercase;
   text-align:center;
   color:#ccc;
   margin-top:3px;
 }
 .jardespacitocred a {
   text-decoration:none;
   color:#ccc;
   font-family:Roboto;
   text-align:center;
 }
</style>