<link href='http://fonts.googleapis.com/css?family=Comfortaa&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Bad+Script&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

<style type="text/css">

.tabs { position: relative; height: 450px; width: 450px; }
tab { float: left; }
.tab label { display: block; background: #97C3A6; border-bottom: 1px solid #ccc; border-radius: 5px; color: #FFF; font-family: calibri; font-size: 20px; text-align: center; text-transform: lowercase; width: 200px; height: 20px; padding-top: 0px; padding-bottom: 12px; letter-spacing: 1px; position: absolute; left: 237px; top: 95px; font-family: Bad Script; }
.tab [type=radio] { display: none; }
[type=radio]:checked ~ label { background: #4c7f77; letter-spacing: 3px; border-bottom: 1px solid #FFF; z-index: 2; }
[type=radio]:checked ~ label ~ .content { z-index: 1; }

.frame { width: 500px; height: 500px; border-top: 13px solid #2da5e4; border-right: 13px solid #2da5e4; border-bottom: 13px solid #2da5e4; border-left: 13px solid #2da5e4; border-radius: 5px; box-shadow: 2px 2px 1px #888888; }

.background { width: 450px; height: 450px; border-bottom: 10px solid #76dcd6; border-left: 10px solid #76dcd6; border-right: 10px solid #76dcd6; border-top: 10px solid #76dcd6; background: #ababab; opacity: 0.6; position: absolute; margin-top: 15px; margin-left: 15px; border-radius: 5px; }

.image { background-image: url(http://sf.uploads.ru/Q03wJ.gif); width:200px; height: 200px; border-radius: 100px; position:absolute; margin-top: 10px; margin-left: 10px; border: #97C3A6 solid 5px; }

.info { font-family: 'Playball', cursive; sans-serif; font-size:40px; text-shadow: 2px 2px #FFF; position: absolute; top: 40px; left:237px; }
.content { position: absolute; top: 230px; bottom: 10px; left: 10px; right: 10px; background: #FFF; padding: 20px; border: 1px solid #ccc; border-radius: 5px; border: #97C3A6 solid 5px; overflow: auto;  font-family: 'Monda', sans-serif; }
.content h1 { color: #7A3831; font-family:; margin: 0; text-align: center;margin-bottom: 10px; font-family: Bad Script; }
.content p { text-align: justify; font-family: 'Monda', sans-serif; }
.credits { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);  position: relative; left: 275px; bottom: 30px; color: #97C3A6; }
.credits:hover { color: #BDA0CB; }

::-webkit-scrollbar-track  { background-color: #BC8F8F; }
::-webkit-scrollbar-thumb { background-color: #BDA0CB; }

</style>

<center>
<div class="frame">
<div class="background">

<div class="image"></div>
<div class="info">london, baby</div>
<div class="tabs">
  
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">эй, бичес</label>
<div class="content">
<p><center> <font face="comfortaa"> <font color="#000000"> <font size="2">ЭЙ, БИЧЕС! ВЫ НАС НЕ ЖДАЛИ, А МЫ ПРИПЕРЛИСЬ <3 </font></font><br><b>  если бы путешествия были бесплатными, я больше бы никогда не сидел в интернетике (тут должна быть шутка про ожидание и реальность). к сожалению, люди еще не освоили перемещение в параллельную вселенную, поэтому единственный шанс попасть в лондон это присоединиться к нам. если здравый смысл отклонил вашу заявку в друзья, то тут вы найдете не только смысл жизни, но и работу, чтобы быстрее оказаться в сердце великобритании. сейчас мы на 70% состоим из желания создать самую классненькую ролочку в истории, на 30% — из поиска самых крутых ребят, поэтому если ты мимо пробегал, то останови свою шарманку и жми на регистрацию. если же ты сомневаешься, то у тебя есть три варианта:<br>
а) го к нам<br>
б) смотри вариант а<br>
в) смотри вариант б.<br>
итак, в поисках смысла жизни мы отошли от темы. сейчас самое время погрузиться в туманный альбион, где можно выпить чашку чая ровно в пять часов. а что вы слышали о биг-бэне? ой, опять лирическое отступление, но прошу вас просто послушайте rock mafia – the big bang. и только попробуйте сказать, что эта песня так же стара как и тайвин ланнистер, наш амс состав дружно побьет вас косметичкой. во-первых, мы хотим доказать себе, что мы сможем покорить эверест и создать лондон, который запомнится надолго. во-вторых, мы хотим порадовать вас, чтобы вы наконец-то нашли свое родное место. а в третьих, все наши участники получат любовь и китов. мир, пис и киты. <br>
нас уже 3 клевых чуваков и мы втроем, как мушкетеры, можем свернуть горы или шею кому-нибудь. все мы графисты, писаки и просто крутые ребята. а наш девизчик - один за всех и все за одного! amen.<br>
P.S. 2007 не возвращаем.<br>
а еще у нас можно скачать порно онлайн без регистрации, похудеть за 2 недели и увеличить член в домашних условиях, <a href=https://lsnlsn.rusff.me/register.php target=_blank>узнай как</a>.<br>
тренировка для глаз. найдите здесь смысл жизни.<br>
ONONONONONONON<br>
ONONONNONONONO<br>
ONONЛОНДОНONON<br>
ONLONDONLONDON<br>

</b>


</center></p>
</div></div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-top: 33px;">кто сказал мяу</label>
<div class="content">
<img src="http://sf.uploads.ru/h16ln.png"><br>
<b>однако здравствуйте. прошу вас меня понять, мой ник борода, чтобы вы сказали мне 'да'. я немного рифмач от бога, поэтому прошу простить за тонкий юмор, неподходящий под мой вес. я не бью женщин и детей, но я красавчик. я на коне, а ваш мужчина в стороне с другим самцом. я любвеобильный кит, поэтому всегда готов помочь и подарить лучик любви, в отличие от моих коллег, хи. нужна пицца, вино и разговоры до глубокой ночи? пользователь борода онлайн.</b><br>
<img src="http://sf.uploads.ru/qD2KC.png"><br><b> сорри, ребята, у меня нет бороды, но я тоже классненький. не такой как наши бургер стрелочки, но тож ничего! а еще я немного тупенький, просто заранее предупреждаю, чтобы не возникало казусов всяких. если вам будут говорить, что я пидор, то не верьте им, я тут главный альфач. на этом я кончу, потому что сейчас в моей голове только айма босс асс бич бич бич бич и 404 нот фаунд. любите минаж и будьте счастливы, murr.</b> <br>
<img src="http://sf.uploads.ru/KcrQj.png"><br><b> я очень странный предмет. вроде бы есть, а вроде бы нет. я как галактические сопли очень слизкий и непонятый персонаж, поэтому обходите меня стороной. и если вам не нравится песня санта лючия, то я вас буду хате. поки <3</b>
</div>
</div>

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="margin-top: 66px;">аур ньюз</label>
<div class="content">
<p><center> <font face="comfortaa"> <font color="#000000"> <font size="2">НОВОСТИ ОНЛАЙН <3 </font></font><br>
<b>08.01   хей, мы с моими брателами сделали это! ребята, мы готовились к этому не один день и поэтому счастливы сказать вам, что мы счастливы. мы верим, что у нас все получится, что руки у нас не из жопы и мы не затухнем на этапе создания. да-да-да! во имя луны, сейлор-мун и пикачу мы справимся. но только при условии, что вы нас будете вдохновлять. и да! на стадии пробника мы не дадим вам скучать, будем устраивать различные конкурсы. у нас масса идей, а еще у нас бесплатные гамбургеры : -)</b></p>
</div>
</div>

<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4" style="margin-top: 99px;">придержанные</label>
<div class="content">
<center> <font face="Playfair Display"> <font color="#000000"> ПРИДЕРЖАННЫЕ ВНЕШНОСТИ  <hr>
<b>эш стаймест </b>устраивает пати на районе с <b>пидаром</b>  <br>
<b>ксавье долан</b> скучает без <b>бороды</b>

</div>
</div>