Код:
<!--HTML--><style type="text/css">
.woosh { width:190px; height:32px; background-color:#cf6dac; font-family:cuprum,sans-serif; font-size:20px; color:#fff; text-transform:uppercase; text-align:center; display:table-cell; vertical-align:middle; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out } .woosh:hover { width:190px; height:32px; background-color:#9aacf0; font-family:cuprum,sans-serif; font-size:20px; color:#000 }
.wham { width:320px; height:50px; background-color:#cf6dac; font-family:cuprum,sans-serif; font-size:30px; color:#fff; text-transform:lowercase; text-align:right; line-height:100%; padding:0px 10px; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out } .wham:hover { width:320px; height:50px; background-color:#9aacf0; font-family:cuprum,sans-serif; font-size:55px; color:#000 }
.wahpow { opacity:0; width:200px; height:250px; transition-duration: 0.8s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .wahpow:hover { opacity:1 } .wahpows { width:190px; height:290px; padding:5px; background-color:#fff; font-family:arial; font-size:11px; text-align:justify; line-height:100%; color:#560C48; overflow:auto }
.wonk { font-family:cuprum,sans-serif; font-size:30px; color:#E8BD00; text-transform:lowercase; line-height:100%; text-align:center; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000 }
.scrollpow ::-webkit-scrollbar { width:5px; } .scrollpow ::-webkit-scrollbar-track { background-color:#ffffff; } .scrollpow ::-webkit-scrollbar-thumb { background-color:#560C48; }
</style>
<div class="fancy">
<div class="fancytext" style="width: 590px; margin-top: 20px;margin-left: 30px; ">
<div class="fancytext2" style="margin-top: 20px; margin-left: 0px;">Добро пожаловать в Сиэтл!</div>
<br><center><div style="width:500px; padding:15px; " class="scrollpow"><table cellspacing="0" cellpadding="0"><tr><td>
<div style="width:190px; height:250px; padding:0px 10px 0px 0px;"><br><br>
<div class="woosh">
сиэтл
</div><div style="height:10px;"></div><div class="woosh">
штат вашингтон
</div><div style="height:10px;"></div><div class="woosh">
сша
</div><div style="height:10px;"></div><div class="woosh">
основан в 1851 г.
</div><div style="height:10px;"></div><div class="woosh">
652 405 чел.
</div></div></td><td>
<div style="background-image:url(http://funkyimg.com/i/2du5n.gif); width:200px; height:300px;text-align:center;">
</div></div>
</div></div></tr></table></center>
<div class="fancytext2" style="margin-top: 20px; margin-left: 0px;">"Королевский город"</div>
<font face="Cuprum" size="2,5"><br><b>Сиэтл (англ. Seattle)</b> — крупнейший город на северо-западе США и в штате Вашингтон в частности, крупный морской порт. Город является административным центром округа Кинг.
<br>
<br>Город расположен очень живописно - с запада возвышается внушительный массив горы Олимпес и озеро Вашингтон, на востоке - озеро Саммамиш, холмы Ньюкасл и отроги Каскадных гор, а на север и юг тянется целая череда заливов (Элиот, Салмон, Портейдж, Юнион и др.), связанных с Тихим океаном проливом Джорджия.
<br>
<br>Начиная с 1869 года неофициальным прозвищем города было <b>«Королевский город»</b>, точнее «Город королевы», которое произошло от «тихоокеанской королевы городов», именно так назвали Сиэтл в одном портлендском агентстве недвижимости, однако в 1982 чиновники графства Кинг (к которому принадлежит и Сиэтл) провели официальный конкурс на неофициальное прозвище, в результате чего был выбран титул <b>«Изумрудный город»</b>. Другими прозвищами Сиэтла являются «Врата на Аляску», «Город Дождей» и «Джет-сити» (благодаря компании Boeing). С английского правильное название жителей Сиэтла можно перевести как <b>«сиэтлиты»</b>.
<br>
<br>Сиэтл известен многими достижениями, в числе которых можно выделить следующие: родина стиля гранж, культура потребления кофе (многие американские кофейные сети были основаны в Сиэтле), высокий уровень образования среди жителей (более 51 % населения Сиэтла имеют высшее образование). Также с именем Сиэтла связаны такие знаменитости, как <b>Джими Хендрикс, Билл Гейтс, Курт Кобейн, Брюс Ли, Марк Арм, Лейн Стэйли, Кристофер Кнаб, Эдди Веддер, Крис Корнелл, Джереми Иник, Гейб Ньюэлл и др.</b>
<br>
<br><b>Расстояния по прямой от Сиэтла до:</b>
<br>Портленд - 230 км
<br>Сан-Франциско - 1080 км
<br>Лос-Анджелес - 1540 км
<br>Чикаго - 2780 км
<br>Нью-Йорк - 3850 км
<br>
<div class="fancytext2" style="margin-top: 20px; margin-left: 0px;">География и климат</div>
<br> Говорят, что Сиэтл, как и Рим, расположен на <b>семи холмах</b>: Капитолийский холм, Первый холм, Западный Сиэтл, холм Бикон, холм Королевы Анны, холм Магнолия и холм Денни. Районы Валлингфорд и Маунт-Бейкер также находятся на холмах. В городе есть искусственно построенная дамба и остров Харбор в устье реки Дувамиш.
<br>
<br><b>Климат в Сиэтле мягкий, морской</b>. Окружающие регион горы защищают Сиэтл от тихоокеанских штормов и ограничивают влияние холодных арктических ветров. Лето теплое, сухое, но не жаркое. Среднесуточная температура июля - 24 C. Несмотря на то, что
<br>Сиэтл находится в пределах дождевой тени Олимпийских гор, у него создалась репутация города, где часто идут дожди. Эта репутация основана на количестве осадков, выпадающих осенью, зимой и ранней весной. В основном здесь моросит мелкий дождик, ливни бывают редко. Весной, поздней осенью и зимой выпадает много дней, когда дождь не идет, но кажется, что он может пойти, из-за того, что небо затянуто тучами. Зима прохладная и влажная, ночью температура опускается до 2-4 °C. как правило, зимой в Сиэтле выпадает снег, но сильные снегопады — редкость. С мая по сентябрь обычно преобладает сухая солнечная погода.
<br>
<div class="fancytext2" style="margin-top: 20px; margin-left: 0px;">Экономика и бизнес</div>
<br>Окруженный горами, лесами и водой, Сиэтл может похвастаться не только потрясающей природой и мягким климатом, но и <b>развитой инфраструктурой, общей благоустроенностью и хорошими возможностями для развлечений и отдыха</b>. В городе находятся штаб-квартиры таких известных компаний как Майкрософт, Амазон, Старбакс, активно ведет деятельность Боинг. По мночисленным рейтингам <b>Сиэтл входит в число лучших городов США</b>.
<br>
<br> Благодаря компании <b>Boeing</b>, Аэрокосмическая отрасль - одна из ключевых в регионе Сиэтла. По состоянию на март 2008 года в Сиэтле и штате Вашингтон на Boeing работают 82 тысячи человек, включая 7 тысяч инженеров. В северном пригороде Сиэтла - городе Эверетт (Everett) расположен завод, где собираются лайнеры Боинг-787. Также стоит заметить, что в регионе функционируют более 3000 предприятий-поставщиков для Боинга.
<br>
<br>Корпорация <b>Microsoft</b>, базирующаяся в Сиэтле - всемирно-известный софтверный гигант. В штате Вашингтон на Майкрософт работают более 35 тысяч человек. Общий штат сотрудников, занятых в компаниях информационно-технологического сектора в Большом Сиэтле, превышает 186 тысяч человек.
<br>
<br>Среди других важных секторов нужно назвать <b>здравоохранение</b>, где заняты 96 тысяч человек, а также упомянуть всемирно-известные компании Starbucks и Amazon, базирующиеся в Сиэтле.
<br>
<div class="fancytext2" style="margin-top: 20px; margin-left: 0px;">Население</div>
<br><b>Структура расового состава населения Сиэтла выглядела так:</b>
<br>белые — 69,5 %
<br>афроамериканцы — 7,9 %
<br>американские индейцы — 0,8 %,
<br>азиаты — 13,8 %,
<br>гавайцы — 0,4 %,
<br>латиноамериканцы — 6,6 %,
<br>лица других рас — 2,4 %
<br>
<br> средний доход на человека - $45029
<br>средняя стоимость дома - $436600
<br>средняя стоимость аренды жилья - $1172
<br>средний доход на человека - $45029
<br>население, проживающее за чертой бедности - 14,2%
<br>безработица в регионе (на июнь 2014) - 4,4%
<br>индекс стоимости жизни - 116,8 (на 16% выше средних показателей по США).
<br>
<div class="fancytext2" style="margin-top: 20px; margin-left: 0px;">Достопримечательности</div>
<br><b>Pike Place Market</b> - популярный туристический район в центре города. Здесь расположен известный рыбный рынок и другие рынки. <br>Многие достопримечательности Сиэтла находятся в шаговой доступности от Pike Place Market, поэтому - это отличное место, чтобы начать знакомство с городом.
<br><b>Space Needle</b> - символ Сиэтла башня Спэйс Нидл («Космическая игла»)
<br><b>Columbia Center</b> (ранее известный как Bank of America Tower) - самый высокий небоскреб в Сиэтле с обзорной площадкой на 73-м этаже.
<br><b>Seattle Public Library</b> - удивительное здание публичной библиотеки Сиэтла.
<br><b>Woodland Park Zoo</b> - зоопарк Вудленд-парк.
<br><b>Seattle Aquarium</b> - городской океанариум.
<br><b>Seattle Art Museum</b> - художественный музей Сиэтла.
<br><b>Museum of Flight</b> - авиационный музей.
<br><b>Seattle Waterfront</b> - набережная Сиэтла, очень атмосферное и приятное место.
<br><b>Olympic Sculpture Park</b> - общественный парк, расположенный у вод залива, с многочисленными скульптурами и инсталляциями в стиле модерн.
<br><b>Washington State Ferries</b> - паромный сервис с самым большим в США числом судов. Паромная переправа связывает местные общины и многочисленные острова. Прогулка по воде позволяет насладиться местными красотами, расслабиться, подышать свежим воздухом</font>Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<div class="n-site-template">
<div style="text-shadow:#F132AC 1px 1px, #40EDEA 0px -1px; text-align: center; color: #000; font: 35px Lobster; text-transform: lowercase;" >Что мы здесь творим?</div><br>
<div class="maincontent">
<center><i>и где прячем трупы?</i></center>
<ol>
<h3><div style="text-shadow:#F132AC 1px 1px, #40EDEA 0px -1px;">что у нас есть?</div></h3><br>
<li><strong>1.</strong> Расклад семейный, он очень прост. Один за всех и все за одного. У нас есть четыре команды и все они соответствуют нашим характерам. Симпсоны, Адамсы, Гриффины, Флинстоуны. В какую попадешь ты? Выбор всегда непредсказуем. На каждую команду приходится свой администратор, к которому ты можешь обратиться за помощью или поддержкой. Мы как фантастическая восьмерка, станет на страже твоих интересов. <br><br>
<center><br><img src="http://funkyimg.com/i/2efmp.png"> <img src="http://funkyimg.com/i/2efmq.png"> <img src="http://funkyimg.com/i/2efmn.png"> <img src="http://funkyimg.com/i/2efmo.png"></center><br>
</li>
<li><strong>2.</strong> На форуме существует раздел с фан-клубами, а это значит, что нашим тематикам и выбору нет конца. Сегодня мы взяли направление на летнее солнце, горячий пляж и непредсказуемый океан. Но нет гарантии, что через неделю, мы вдруг выберем направление в фильмах или книгах. Готовьтесь к приключениям, форум берет старт от невозможного прямиком к исполнению желаний. <br>
</li>
<li><strong>3.</strong> Сделай себя сам. Супер-герой или покоритель женских сердец. Собирай карточки, создавай для прохождения уровней невозможные преграды, собирай все коллекции и зарабатывай. В свой кошелек и на благо команды. <br>
</li>
<li><strong>4.</strong> Супер-человек, который придумывает каждый раз множество новых заданий и конкурсов. Тут не успеешь заскучать и не будет времени для отдыха, только смех и веселье. От тебя зависит твое настоящее. <br>
</li>
<li><strong>5.</strong> Администратор на любой вкус. Ночью и днем, здесь есть тот, кто может составить тебе компанию или помочь в неразрешимых проблемах. Стоит только позвать и оп, Джин готов исполнить твои пожелания. <br>
</li>
</div>
<style type="text/css">
.n-site-template {
width: 500px;
padding: 20px;
background-color: #fff;
border: 10px solid #f1f1f1;
outline: 1px solid #ddd;
margin: 5px auto;
font: normal normal normal 11px/120% 'Roboto', arial, sans-serif;
text-align: justify;
color: #444;
}
.n-site-template h1 {
text-align: center;
font: normal normal bold 35px/100% 'Roboto', arial, sans-serif;
letter-spacing: -1px;
margin: 10px 0;
text-transform: lowercase;
}
.n-site-template h2 {
text-align: center;
font: italic normal 400 10px/100% 'Roboto', arial, sans-serif;
text-transform: uppercase;
margin: 10px;
}
.n-site-template h3 {
background-color: #f1f1f1;
padding: 10px;
font: normal normal bold 12px/100% 'Roboto', arial, sans-serif;
text-transform: uppercase;
text-align: center;
}
.n-site-template .maincontent {
margin: 0px;
}
.n-site-template .maincontent.scroll {
outline: 1px solid #eee;
height: 300px;
overflow: auto;
margin: 20px;
border: 30px solid transparent;
padding-right: 4px;
}
.n-site-template .appimage {
max-width: 100%;
display: block;
margin: 0 auto;
}
.n-site-template ol {
margin: 20px 30px 0 30px;
padding: 0;
}
.n-site-template ol li {
margin: 10px 0 0;
}
.n-site-template ol li strong {
font-size: 1.2em;
color: #c1077e;
}
.n-site-template.claimstext {
text-align: center;
}
.n-site-template.claimstext h3 {
margin-top: 20px;
}
.n-site-template a {
text-transform: uppercase;
text-decoration: none;
color: #000;
font-size: 0.9em;
}
.n-site-template .canon {
text-align: justify;
margin: 20px;
outline: 1px solid #eee;
padding: 10px;
}
.n-site-template .canon h2 {
margin: 5px;
}
.n-site-template .canon.taken h2 {
text-decoration: line-through;
}
.n-site-template ::-webkit-scrollbar { width: 5px; height: 5px; }
.n-site-template ::-webkit-scrollbar-track { background-color: #eee; border: 2px solid #fff; }
.n-site-template ::-webkit-scrollbar-thumb { background-color: #eee; }
/****** MODIFY THE FOLLOWING WITH YOUR ACCENT COLOUR ******/
.n-site-template a:hover {
color: #049EB3;
}
.n-site-template ol li strong {
color: #c1077e;
}</style>
