Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><style text="text/css">#codebody {     width: 550px;
    background-color: #B2C978;
    border: 0px solid #334005;
    background: url(http://funkyimg.com/i/2agtJ.png) top no-repeat, url(http://funkyimg.com/i/2agtM.png) bottom no-repeat, url(http://funkyimg.com/i/2agtL.png) repeat-y;
    border-bottom: 0px;); 
border-bottom: 0px;} #textfeld {margin: auto;
    width: 500px;
    overflow: auto;
    text-align: justify;
    font-family: 'calibri';
    font-size: 11px;
    color: #414141;
    line-height: 1.2em} #codetitel { 
    text-align: center;
    font-family: 'bebas neue';
    color: #283400;
    text-transform: lowercase;
    text-shadow: 1px 1px 0px #ffffff;
    font-size: 30px;
    margin-top: 30px;
    padding: 15px;} #codeutitel {    font-size: 9px;
    width: 520px;
    margin-top: -5px;
    line-height: 1.2em;
    font-family: arial;
    text-transform: lowercase;
    color: #283400;
    text-shadow: 1px 1px 0px #ffffff;
    padding-top: 4px;
    letter-spacing: 6px;} #credits {width: 526px; text-align: center; font-family: 'calibri'; font-size: 10px; color: #414141; background: #f4f4f4; padding: 2px;}</style>
<center><div id="codebody"><div id="codetitel">Лок Хэйвен</div><div id="codeutitel">Наш город — это наша душа. Каждый её житель — наше сердце.</div><div id="textfeld">


<style type="text/css">
.tabs {
position: relative;   
width: 500px;
height:  460px;
clear: both;
margin: 25px 0;
}

.tab {
float: left;
}

.tab label {
    background:#DFE6AE;
    padding: 10px;
    margin-left: -1px;
    position: relative;
    left: 70px;
}

.tab [type=radio] {
display: none;   
baseline-tab-shift: true, retrieve;
}

.content {
position: absolute;
    bottom: 0px;
    top: 21px;
    left: 0px;
    right: 0px;
    background: #DFE6AD;
    padding: 20px;
    border: 1px solid #;
}

[type=radio]:checked ~ label {
background: #788B2F;
    border-bottom: 1px solid #788B2F;
    z-index: 2;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}</style>

<center><div class="tabs">
 
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1"><font style="color: #black; font-family: Lobster; font-size: 13px; text-shadow: #2 1px 1px 0px;">Описание</font></label>
<div class="content">
<div style="height: 360px;
    overflow: auto;
    font-size: 12px;
    padding: 3px;
    font-family: 'bebas neue';
    line-height: 1.5;
    letter-spacing: 1px;">

Лок Хэйвен - чудесный небольшой городок на северо-востоке США, расположенный в графстве Клинтон, штат Пенсильвания. Он стоит на побережье реки Запад Бранч Саскуэханна. В нем есть все, что так привлекательно для жизни. Прекрасное и живописное месторасположение, благоприятный климат и множество возможностей для заработка. Несмотря на столь маленькую площадь, городок имеет собственный аэропорт и университет. Да и вообще инфраструктура Лок Хэйвена удивительно развита для города таких размеров. Такие известные города как Нью-Йорк, Филадельфия и Вашингтон расположены всего в нескольких часах езды. Сам Лок Хейвен – это маленький исторический район с красивыми аллеями и безупречными викторианскими домами. Типичный американский город, как из популярных сериалов, привлекателен как для туристов, так и для его жителей. 
Население Лок Хэйвена на 2010 года составляло 9772 человека.
<br>





</div>
</div> 
</div>
  
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2"><font style="color: #black; font-family: Lobster; font-size: 13px; text-shadow: #2 1px 1px 0px;">Климат
</font></label>
<div class="content">
<div style="height: 360px;
    overflow: auto;
    font-size: 12px;
    padding: 3px;
    font-family: 'bebas neue';
    line-height: 1.5;
    letter-spacing: 1px;">

Лок Хэйвен расположен в зоне влажного континентального климата, который характеризуется большими сезонными колебаниями температурами воздуха, с жарким (или тёплым) летом и холодной зимой. Средняя температура самого холодного месяца опускается ниже −3 °C, средняя температура самого жаркого месяца не превышает 22 °C. Для влажного континентального климата с тёплым летом характерны мягкое лето, длинные холодные зимы и меньшее среднегодовое количество осадков по сравнению с регионами с более жарким летом, что, однако, не исключает кратковременных периодов с очень жаркой погодой.
<center><img src='http://s3.uploads.ru/t/c1LNT.png'><center>


<br>

</div>
</div> 
</div>
  
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3"><font style="color: #black; font-family: Lobster; font-size: 13px; text-shadow: #2 1px 1px 0px;">Достопримечательности и структура</font></label>
<div class="content">
<div style="height: 360px;
    overflow: auto;
    font-size: 12px;
    padding: 3px;
    font-family: 'bebas neue';
    line-height: 1.5;
    letter-spacing: 1px;">

Университет Лок Хэйвена представляет публичные концерты, спектакли, художественные выставки, концерты на территории кампуса. The Millbrook Playhouse в Mill Hall показывает спектакли и пьесы с 1963 года. Летом в парках города проводятся концерты, спонсоры Международной молодежной палаты проводят лодочные регаты на реке. В аэропорту летом проходит фестиваль Airfest, в октябре проводится парад в честь Хэллоуина, в декабре рождественский парад. Каждое лето, начиная с 1986 года пилоты на винтажных самолетах Piper участвуют в Sentimental Journey Fly-Ins. Любители радиоуправляемых самолетов ежегодно встречаются в аэропорту "William T. Piper Memorial", чтобы посоревноваться в их управлении. Также в городе имеется центральная библиотека графства Клинтон - "Annie Halenbake Ross Library". Она имеет около 130000 книг, подписки на периодические издания, электронные ресурсы, и другие материалы. В Stevenson Library, расположенной в студенческом городке, имеются дополнительные издания и коллекции. Лок Хэйвен имеет собственный музей авиации, "The Piper Aviation Museum", который содержит документы, фотографии и экспонаты, связанные с компанией Piper Aircraft.  Одной из достопримечательностей является Heisey House- дом, восстановленный в середине 19 века, который является явным образцом постройки викторианской эпохи; он был добавлен в Национальный реестр исторических мест в 1972 году и является домом для Clinton County Historical Society. <br>
Историческая Пенсильвания и Комиссия Музеев разместили три литых алюминиевых указателя— округ Клинтон, форт Reed, и Канал Пенсильвании (Подразделение Уэст-Бранча) — в Лок-Хевене, чтобы обозначить исторические места города.<br>
Городское СМИ представляет собой ежедневную газету The Express, студенческую газету The Eagle Eye, радиостанции WBPZ (AM) и WSQV (FM). Телевизионная станция Haven scopeи и радиостанция WLHU контролируются студентами, работающими в студенческом городке.
В городе есть 14 муниципальных парков и игровых площадок размером от 0,75 акров. Triangle Park в центре города занимает около 80 акров. Douglas H. Peddie Memorial Park расположен вдоль шоссе 120. В парках находятся баскетбольный площадки, где могут тренироваться как профессиональные лиги так и любители поиграть в баскетбол. Hanna Park включает в себя теннисные корты, Hoberman Park - скейт-парки. Пляж Лок Хэйвена, на берегу реки Саскуэханна, предлагает доступ к воде, песчаный пляж, и баню.
<br><br>


<br>



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





</div>


</center>



</div>
<br /><br /></div></center>