Код:
<center><div style="text-align: center;font-family: 'Monkey Snake'; font-size: 85px; color: #00538f; text-shadow: 1px 0px 0px black; margin-bottom: -27px; font-weight: normal;">keep careful watch</div></center>
<center>
<div style="width: 470px; border: 5px solid #167cc6;">
<div style="border: 2px solid #3eaefe;">
<div style="border: 3px double #96d3ff;">
<div style="background-color: #def0ff; text-align: justify; padding: 10px; letter-spacing: 1px;">
<center><b>если ты потеряешь нужную дорогу, то отыщи ту, что из желтого кирпича..</b><br>сейчас делают небольшие брошюры о городах. мы не стали исключением. самое главное, самое нужное, самое теплое и светлое. если вы потеряетесь здесь, то всегда сможете найти дорогу домой. и ничуть не испугаться. ведь мы все расскажем.</center>
</div></div></div></div>
</center>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

</style>

<style type="text/css">
.text {background: white; color: black; width:350; height: 80px; padding-left:10px; padding-right:10px; overflow:auto; transition-duration: .9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; opacity: 0.0; }
.text:hover {opacity: 0.9;}

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background-color: white; }
::-webkit-scrollbar-thumb { background-color: #167cc6; }
</style>


</div> 
<div style="height: 10px;"></div>

<link href='http://fonts.googleapis.com/css?family=Felipa' rel='stylesheet' type='text/css'>

<style type="text/css">

#fallout { width: 420px; padding: 20px; border: #0d4272 10px solid; background-color: #7ebdf5;}

.llamallama {
position: relative;  
width:360px;
height: 385px;
text-align: center;
background-image: url(http://funkyimg.com/i/HNza.png);
border: #0d4272 solid 2px;
padding: 5px;
}

.hippo {
float: left;
}

.hippo label {
background: #3eaefe;
border-bottom: 3px solid #96d3ff;
margin-left: 5px;
padding: 3px 31px;
position: relative;
left:23px;
top: 370px;
font-size: 9px;
color: white;
}

.hippo [type=radio] {
display: none;  
}

.moose {
position: absolute;
width: 300px;
height: 300px;
top: 20px;
bottom: 0px;
left:25px;
right: 0px;
background: white;
color: black;
padding: 10px;
border: 3px double #dedede;
overflow: auto;
}

[type=radio]:checked ~ label {
background: #96d3ff;
color: #167cc6;
font-style: italic;
border-bottom: 3px solid #167cc6;
z-index: 2;
}

[type=radio]:checked ~ label ~ .moose {
z-index: 1;
}

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background-color: #def0ff; }
::-webkit-scrollbar-thumb { background-color: #0b3050; }

</style>

<center><div id="fallout">


<div style="line-height: 100%; font-family: georgia; font-size: 30px; font-style: italic; font-weight: bolder;  text-shadow: 1px 1px 0px white; margin-bottom: 5px; margin-top: -23px; color: #0b3050;">— denver.maps.com —</div>

<div class="llamallama">

<div class="hippo">
<input type="radio" id="hippo-1" name="hippo-group-1" checked>
<label for="hippo-1">BOOK</label>
<div class="moose">
<div style="width: 300px; height: 300px;"><center><div style="width: 200px; font-family: 'georgia'; font-size: 25px; color: #0b3050; font-style: italic; text-shadow: 1px 1px 0px black;"><b>а в википедии</b></div></center>
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; text-align: justify; height: 95px; overflow: auto;">
<b>Колора́до</b> — штат на западе центральной части США, один из так называемых Горных штатов. Колорадо граничит со штатами Вайоминг и Небраска (на севере), Канзас (на востоке), Оклахома, Нью-Мексико и Аризона (на юге), Юта (на западе).
<br>
Колорадо — восьмой по площади штат США, его площадь 269 837 км. Население штата — 5 116 769 человек (22-е по США). Столица и крупнейший город — Денвер. Другие крупные города — Колорадо-Спрингс, Форт-Коллинз, Арвада, Пуэбло, Вестминстер, Боулдер, Инглвуд, Сентенниал.
<br>
Колорадо — 38-й штат США, он был образован 1 августа 1876 года, когда страна отмечала своё столетие. Из-за этого официальное прозвище Колорадо — «Штат Столетия Дня независимости» (англ. Centennial State).
<br>
В 2014 году Колорадо стал первым штатом Америки, легализовавшим марихуану.
</div>
<p>
<center><div style="height: 3px; width: 280px; background-color: #0b3050;"></div></center>
<p>
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; text-align: justify; height: 95px; overflow: auto;">
<b>Денвер</b> — город в центральной части США, столица штата Колорадо и административный центр округа Денвер, границы которого совпадают с границами города. Население 620 тыс. жителей (2011), с пригородами — 2,55 млн.
<br>
Денвер был основан в ноябре 1858 года как шахтёрский городок во время колорадской золотой лихорадки в восточной части территории Канзаса.
<br>
Денвер расположен между Скалистыми горами на западе и Великими равнинами на востоке. Топография города различна: В центре это равнинная местность, на западе и юге преобладают холмистые участки Центр Денвера расположен на восточном берегу реки Саут-Платт. Согласно данным Бюро переписи населения США площадь города составляет 401,3 км², из которых 4,1 км² (или 1,03 %) занимают водные пространства. Всего город и округ Денвер граничат с тремя другими округами: с Адамсом на севере и востоке, с Арапахо на юге и востоке и с Джефферсоном на западе.
<br>
Денвер расположен в зоне степей. Территория находится в области континентального климата с четырьмя временами года и умеренным уровнем осадков. Расположенный внутри Высоких равнин у подножия Скалистых гор, город подвержен частым изменениям погодных условий. Климат Денвера очень солнечный. В году насчитывается порядка 300 солнечных дней или 3106 часов. Среднегодовая температура в Денвере составляет 10,2 °C, среднегодовая норма осадков — 379 мм.  
</div>
<p>
<center><div style="height: 3px; width: 280px; background-color: #0b3050;"></div></center>
<p>
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; text-align: justify; height: 95px; overflow: auto;">
<b>северный пригород денвера</b> — часть денверской городской агломерации, расположенная вдоль трассы 87<br>
<b>население</b>: 28 766 человек<br>
<b>руководство</b>: мэр, с 2010 пост занимает <i>джемма макайриш</i><br>
<b>достопримечательности</b>: ежегодный летний фестиваль "decadance"<br>
<b>экология</b>: самое низкое содержание автомобильных выхлопов в атмосфере города, создана специальная волонтерская дружина, следящая за чистотой в городе, количество машин уменьшается с каждым годом<br>
<b>экономика</b>: основную часть доходов составляет выручка от фестиваля, также известен своим заводом по производству качественных напитков (алкогольных/безалкогольных) и колледжем при нем, занимающийся подготовкой людей, который собираются посвятить себя главной индустрии пригорода<br>
<b>туризм</b>: в основном, приток туристов намечается в летние периоды, во время фестиваля, именно в это время наблюдается прирост населения<br>
<b>история</b>: отделился в качестве самостоятельного субъекта, входящего в состав агломерации, в 1973 году. за семнадцать лет произошел резкий скачок роста населения за счет прибывающих людей из других штатов. постепенно его преобразили: после отделения это место представляло собой руины прошедшей эпохи, потрепанные временем дома и разбитые дороги, что явно не обеспечивало хорошей связи с другими городами. центр города определялся заброшенным заводом, владельцем которого был основатель денвера, уильям лаример мл. работы по восстановлению начались уже после неожиданного прибытия в пригород людей. его постепенный рост и отстройка продолжались, пока не возобновили производство на заводе. люди приносили старинные рецепты его мастерам. постепенно, северный пригород денвера обзавелся вполне устойчивым уровнем дохода от продаваемой продукции.<br>идею создать фестиваль обдумывали все жители очень долгое время. сомнения были, так как все опасались притока чужаков, которые, как они выражались, могут испортить благодатную атмосферу. действительно, как только началась реставрация пригорода, нельзя было не заметить, как быстро его дела пошли в гору. среди жителей было множество поверий на этот счет. но в итоге установилась легенда, что основатель денвера, лаример младший, на этом самом месте выиграл спор у лепрекона, и тот подарил ему в награду золотую монету, приносившую своему обладателю удачу. а лаример потратил ее на бутылку коньяка, которую осушил именно там, где сейчас стоит завод. говорят, что лепрекон сжалился над несчастным пьяницей и подарил то, что он на самом деле любил, - этот, собственно, завод. все здесь говорят, что дело в напитках, что ключ нужно искать именно в них. в наше время, с притоком туристов и новых жителей, среди людей появляются такие "кладоискатели", люди, которые пытаются найти ответы на свои вопросы. некоторый старожилы даже открыли собственные лавки, созданные в помощь этим любителям приключений. 
</div>
</div>
</div>
</div>

<div class="hippo">
<input type="radio" id="hippo-2" name="hippo-group-1">
<label for="hippo-2">STREET</label>
<div class="moose">
<div style="width: 300px; height: 300px; font-size: 9px; font-family: tahoma; color: #4B3B40; overflow: auto;">  <center><div style="width: 200px; font-family: 'georgia'; font-size: 25px; color: #0b3050; font-style: italic; text-shadow: 1px 1px 0px black;"><b>google. карты</b></div></center>  
<div style="height: 30px;"></div>
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; text-align: justify; height: 203px; overflow: auto;">
<div style="float: left; margin-right: 5px;"><img src="http://funkyimg.com/i/HSh6.jpg"></div> <b>пригород денвера, колорадо.</b> место, которое меняет людей. всю жизнь вы говорили, что это человек красит место, но, приехав сюда, все изменится. понимаете, вы просто не сможете противостоять этой ауре, необычайно сильной атмосфере спокойствия и уюта. в итоге же вы станете лучше, незаметно для сами себя вы изменитесь. магия? глупости. может быть, это сила убеждения, ведь многие приезжают за лучшей жизнью. а может быть человеческая вера, ведь все жители искренне верят в то, что все вокруг не перестанет быть прекрасным. стоит взять пример. <i>здесь каждый строит свой рай сам.</i><br>
<div style="float: right; margin-left: 5px;"><img src="http://funkyimg.com/i/HSh7.jpg"></div> при въезде в пригород вы не увидите небоскребов денвера, вам не придется поднимать головы и щуриться от солнечных лучей, отражающихся от окон, чтобы увидеть крыши домов. северный пригород - это переплетение чистый улочек в единое целое, в место с целой историей, со своими легендами и тайнами. это место, где ночные огни не так ярки, место, где можно увидеть россыпь звезд над головой и светлую луну.<br>
<div style="float: left; margin-right: 5px;"><img src="http://funkyimg.com/i/HSh4.jpg"></div> <b>вест роуд.</b><br> попытайтесь прошагать эту улицу от начала и до конца. вы пройдете мимо простых загородных домов, выстроившихся в линию, мимо старых зданий, кажется, их застал еще младший лаример, мимо стройных деревьев, мимо пышных кустов и желтых тюльпанов, мимо раскрашенного здания, мимо палаток и горок фестиваля и, наконец, окажетесь у моста, где находится выезд из пригорода. вы сможете найти ее везде, вам нужно лишь вглядеться под ноги и найти дорогу, вымощенную светло-бежевым кирпичом.<br>
<div style="float: right; margin-left: 5px;"><img src="http://funkyimg.com/i/HSh3.jpg"></div> <b>летний мост.</b><br>окунитесь в эпоху, когда еще не знали, как выливать мосты из стали. каменный мост, соединяющий пригород с противоположным берегом тихой, медленной реки, незаметно выныривающей из леса неподалеку. садитесь на мягкую траву, кладите куртку под голову и отдыхайте, вслушиваясь в отдаленные отзвуки редко проезжающих машин и шелест камышовых зарослей.<br>
<div style="float: left; margin-right: 5px;"><img src="http://funkyimg.com/i/HSh2.jpg"></div> <b>каменный сад.</b><br> вам не удастся обойти этот парк. не ясно, есть ли у него границы или же он растянулся по всему пригороду. вы можете встретить радостную белку у ратуши или разглядеть дятла у своего дома. но официально он протянулся с северного конца пригорода на запад, пока не перерастет в поля. в нем живут люди, о парке заботятся, организовывают клумбы, подстригают кусты и обрабатывают стволы деревьев. но, в основном, природа заботится об этом месте сама.<br>
<div style="float: right; margin-left: 5px;"><img src="http://funkyimg.com/i/HSh5.jpg"></div> <b>лисья нора.</b><br>
наш день в городе подходит к концу, и мы оказались в его центре. здесь начинается фестиваль, здесь начинался сам пригород, здесь его сердце и душа. ратуша. конечно, это не совсем ратуша, ни колонн, ни красного кирпича, только серые стены, которые оживают  летом, превращаясь в изобилие цветов и красок. завод и колледж, основы экономики и местного образования. фонтан удачи, булочная, магазин, где вы можете найти все, именно - все! и уютное кафе, где вас накормят лучшими бутербродами во всей америке.<br><br>
<b>может быть, это и не лас-вегас, но, поверьте, здесь гораздо лучше.</b>
</div> 
</div>
</div>
</div>

<div class="hippo">
<input type="radio" id="hippo-3" name="hippo-group-1">
<label for="hippo-3">OTHER</label>
<div class="moose">
<center><div style="width: 200px; font-family: 'georgia'; font-size: 25px; color: #0b3050; font-style: italic; text-shadow: 1px 1px 0px black;"><b>whats app</b></div></center>
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; text-align: justify; height: 155px; overflow: auto;">
<center><i>наши контакты</i></center>
в любое время суток, вы сможете обратиться в службы экстренной помощи. звоните 911 или же пишите нам:<p>
<center><div style="width: 250px; padding: 2px; border: 3px double #dedede; text-align: center;"><b>эбигейл</b>//женья —  671936422</div></center>
<p>
<center><div style="width: 250px; padding: 2px; border: 3px double #dedede; text-align: center;"><b>роззи</b>//настасья —   645751112 </div></center>
<p>
<center><div style="width: 250px; padding: 2px; border: 3px double #dedede; text-align: center;"><b>кэтрин</b>//марья —  662103714</div></center>

</div>

</div>
</div>

</div>

</div></center>