Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <STYLE> #tabcontainer { background: #a3a3a3; width: 400px; height: 600px; margin: auto; padding: 10px; border: solid 20px #d8d8d8; } .tabs { position: relative; width: 400px; clear: both; margin: 25px 0;font-family: 'Oswald'; text-transform: uppercase; font-size: 15px; } .tab { float: left; } .tab label { background: #313030; padding: 10px; margin: .6px; position: relative; color: #a3a3a3; } .tab [type=radio] { display: none; baseline-tab-shift: true, retrieve;} .content { position: absolute; top: 28px; bottom: 0px; left: 0px; right: 0px; background: #efefef; padding: 15px; color: #6C4844; font-family: arial, sans-serif; text-transform: none; font-size: 13px; text-align: center; height: 400px; overflow: auto; line-height: 13px; } [type=radio]:checked ~ label { background: #ddd; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1;} .name{width: 350px; height:120px; background:#d8d8d8; font-family: 'Oswald', cursive; text-transform: uppercase; font-size: 35px; font-align:center; padding: 20px; opacity:0.0; transition-duration: 0.7s;-moz-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;-o-transition-duration: 0.7s; text-decoration: none; color: #7c7c7c;} .name:hover {opacity:.9} </STYLE> <center><div id="tabcontainer"><div style="width: 390px; height: 100px; background-image: url('http://funkyimg.com/i/23rv5.png'); background-position: center right;"><div class="name">Portland, Maine.</div></div><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1"> intro </label><div class="content"> Совсем небольшой городок, расположившийся на северо-востоке США еще в далеком 1632 году, изначально был английской колонией. Колонию разрушали и не раз, но в конце XVIII века город Портленд твердо обосновался на карте. Что только не пережил этот город, будь то пожар, где треть жителей потеряли кров или разбои индейцев.<br><br> Крупнейший морской порт, лучший город для приключений на востоке, самый гостеприимный город США, одно из лучших мест для путешествий, самый пригодный для жизни город Америки, один из лучших городов для хипстеров, лучший город для семьи. Все это сейчас - наш небольшой Портленд, находящийся в штате Мэн. <br><br>Тут живут самые приятные люди страны, не стесняйся заглянуть к ним на чашечку чая и спросить о местных обычаях - они точно не откажут. Таков их менталитет. Кстати, о чашечке чая. Говоря о Портленде, нельзя не упомянуть и местную кухню - ежегодно здесь проходит масса фестивалей еды и напитков, где местные показывают все свои кулинарные таланты. Рестораны здесь на каждом шагу - не зря, город назван кулинарной столицей страны. </div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2"> Clime </label><div class="content"> Пакуя чемоданы и собираясь в Портленд, не забудь захватить с собой легкие футболки и теплые зимние куртки. Умеренный климат с морозной снежной зимой и довольно жарким летом с нередкими дождями. Никто не может отнять право у местных лепить снеговиков зимой и нежиться под ярким солнышком в июле месяце. Что может быть лучше, чем мечты о снежках в разгар жары и сны о беззаботном летнем отдыхе вместе с друзьями? </div></div><div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3"> Culture </label><div class="content"> Портленд - безумно многосторонний город и не позволит своим гостям или долгожителям скучать. Для любителей пеших экскурсий подходят длинный исторический бульвар Бакстер вокруг <b>бухты Бэк Коув</b>, парк <b>Диринг Оукс</b> с прудом, теннисными кортами и детскими площадками, восточный и западный променады, Линкольн-парк. Недалеко расположился заповедник, к которому примыкает историческое кладбище. На <b>Парк-стрит</b> расположены танхаусы, построенные в XIX веке - на секунду может показаться, что ты попал в старую добрую Англию.<br><br> Особенная «фишка» Портленда и окрестных территорий — это <b>маяки</b>. Береговая линия в здешних местах до крайности изрезана, и маяков требовалось немало. Обязательно нужно посмотреть как минимум на самый главный старый маяк города на мысе Элизабет, на территории форта Уильямс.<br><br> В местном художественном музее в <b>Артс Дистрикт</b> хранится более, чем 170000 предметов декоративно-прикладного искусства, сохранившихся еще с XVIII века. Помимо этого крупнейшего музея, в районе находятся и такие достопримечательности, как музей истории и общественной жизни штата, детский музей штата и некоммерческая современная <b>галерея "СПЭЙС"</b>. Для новичков напоминаем, что в первую пятницу каждого месяца с 17:00 и до 20:00 в Районе искусств проводится день открытых дверей с бесплатным входом во все культурные места.<br><br> Не стоит обходить стороной и те исторические постройки, которые уцелели после пожара пару столетий назад - например, <b>римско-католический кафедральный собор Непорочного Зачатия</b>, возведённый в 1869 г. на Камберленд-авеню. Другой прекрасный образец ренессансной архитектуры в стиле Второй империи — <b>гранитное здание старой таможни</b>.<br><br> Кроме того, в Портленде есть <b>музей узкоколейной железной дороги Мэна, Международный музей криптозоологии, небольшой музей африканской культуры и планетарий в Южной гавани</b>. </div></div><div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4"> Media </label><div class="content"> Портленд является региональным центром журналистики, теле- и радиовещания, рекламных агентств, веб-дизайнеров, фотостудий и производства фильмов. Наверное, наш городок - один из лучших для начинания журналистов, фотографов и режиссеров. Среди такого многообразия изданий и компаний не найти себя практически невозможно.<br><br> С утра пораньше юный почтальон забросит на крыльцо вашего дома пару местных газет, откуда и можно узнать о жизни города - <b>The Portland Daily Sun</b> и <b>The Portland Press Herald/Maine Sunday Telegram</b>. В воскресенье вы найдете свежее издание </b>The Portland Phoenix</b>, а, зайдя в интернет, вы без проблем обнаружите онлайн-издание, обозревающее жизнь в штате - </b>The Exception Magazine</b>.<br><br> Вещательный рынок Портленда является крупнейшим в Мэне как на радио, так и на телевидении. Около десяти местных радиостанций и несколько телеканалов в эфире 24/7, освещая новости города и транслирующие исключительно лучшие передачи для горожан. </div></div><div class="tab"><input type="radio" id="tab-5" name="tab-group-1"><label for="tab-5"> Education </label><div class="content"> Если вы еще не знали, то Портленд занимает девятое место в Соединённых Штатах по уровню образованности населения. А это значит, что переживать за образование своего чада точно не стоит. Выбор из образовательных учреждений в городе довольно велик - огромное количество общественных и частных школ, а также масса высших учебных заведений, с радостью распахнут свои двери юным дарованиям.<br><br> <b>Школы:</b><br><br> • Старшая школа Каско-Бей (общественная)<br> • Старшая школа им. Кэтрин Маколи (частная, для девочек)<br> • Старшая школа им. Жана Луи Шеверуса (частная)<br> • Старшая школа Диринга (общественная)<br> • Портлендская старшая школа искусств и технологий (общественная, с профессиональным обучением)<br> • Старшая школа Портленда (общественная)<br> • Старшая школа им. Уильяма Уэйнфлита (частная)<br><br> <b>Университеты и колледжи:</b><br><br> • Университет Южного Мэна <br> • Колледж искусств Мэна <br> • Университет Новой Англии <br> • Школа права Университета Мэна <br> </div></div><div class="tab"><input type="radio" id="tab-6" name="tab-group-1"><label for="tab-6"> Med </label><div class="content"> Помимо всего прочего, в Портленде отлично развита система здравоохранения, так что без работы в этом городке не останется ни один врач, а без должного лечения - ни один больной. Больницы всего две, однако каждая из них предоставляет прекрасный уход и полный спектр медицинских услуг, оказывая консультации любых специалистов. <br><br> <b>Медицинский центр Мэна</b><br> Это место является не просто самым качественным, но и также самым большим медицинским центром всего штата Мэн. Именно сюда съезжаются лучшие специалисты штата. Именно в эту больницу за помощью приезжают люди с более тяжелыми случаями, люди, нуждающиеся в особом уходе. Что примечательно, центр хоть и заслуженно является самым крупным, но не останавливается на достигнутом, и расширяет свои границы с каждым годом, набирая новых специалистов, открывая новые корпуса с новым оборудованием и расширяя спектр своих возможностей. <br><br> <b>Госпиталь Милосердия</b><br> У этого медицинского заведения своя специфика. Оно принадлежит местной церкви, что, впрочем, никак не сказывается на качестве обслуживания. Можно смело заявить, что на Божью помощь врачи в этом месте не надеются и работают не покладая рук, составляя здоровую конкуренцию Мед. центру. Пока что Госпиталь занимает лишь четвертое место в штате по величине, однако он совсем не стоит на месте в развитии. Например, несколько лет назад именно эта больница открыла новый, первый кампус, специализирующийся исключительно на оказании экстренной помощи.