Код:
<!--HTML--> 
<style>
#announcecontser { width: 630px; position: relative; }
.announceser:before { width: 0px;height: 0px; content: ' '; border-style: solid; border-width: 20px 20px 0 0;border-color: #557297 transparent transparent transparent; position: absolute; right: 0px; top: 60px; }
.announceser { width:630px; background-color:#9eb0c7; margin-top:-6px; height: 60px; line-height: 60px; box-shadow:inset 0px 0px 20px #899fba;}
.announceser:after {width: 0px; height: 0px; content: ' '; border-style: solid; border-width: 0 20px 20px 0;border-color: transparent #557297 transparent transparent;position: absolute;  left: 0px; top: 60px; }
.anntitleser:before { content: ""; display: inline-block; position: relative; z-index: 0; margin-right: 10px; height: 1px; width: 50px; background-color: #c3cedb; margin-bottom: 7px;}
.anntitleser { font-family: contrail one; display; font-size: 30px; font-weight:bold; color:#e7ecf2;}
.anntitleser:after { content: ""; display: inline-block; position: relative; z-index: 0; margin-left: 10px; height: 1px; width: 50px; background-color: #c3cedb; margin-bottom: 7px;}
.anntitleserr { margin-top: -40px; font-family: calibri; font-size: 8px; letter-spacing: 7px; color: #ffffff; text-transform: uppercase; margin-left: 10px;}
.annborderser { width:565px; padding:10px; background-color: #f2f7ff; border: 3px double #b8c3d0; box-shadow:inset 0px 0px 20px #e6edf6;}
.anncontentser { width:530px; background-color:#e4e9f0; padding: 20px; font-family: verdana; font-size: 10px; text-align: justify; box-shadow:inset 0px 0px 20px #d6dbe3;}
.anncontentser765 {width:530px; font-family: courier new; font-size: 10px; letter-spacing: 2px; text-transform: uppercase;}
.nameddd {font-family: courier new; color: #b2b2b2; font-size: 10px; letter-spacing: 2px; background: #ffffff; padding: 3px; text-align: center; text-transform: uppercase;}
.nameddd:hover { color: #999999;}
.rotate{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;    
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow: hidden;}  
.rotate:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);}

</style>
<link href="http://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet" type="text/css"><center>
<div id="announcecontser">
<div class="announceser">
<div class="anntitleser"><b>CITY GUIDE</b></div>
<div class="anntitleserr">гид по городу</div>
</div></div>
<div class="annborderser">
<div class="anncontentser"><div class="anncontentser765">Всем привет! С вами я – главная звезда города. Да, я тот самый Мерфи. Как-то меня просили рассказать, что интересного есть в нашем городе. Вот и пришло время провести маленькую экскурсию по самым интересным местам города. Видишь тот баннер? И он говорит: «Добро пожаловать в Сиэтл, сучки!» Шучу, без сучек. Просто добро пожаловать.</div>
<table width=100%><tr><td width=50%><center><img class="rotate" src=http://se.uploads.ru/UYMo2.png style="border: 3px solid #f2f5f8; border-radius: 95px;"></center></td><td><div class="nameddd">SPACE NEEDLE</div><br>
Итак, первое, о чем я расскажу – башня Спейс-Ниддл. Вот это место никак нельзя пропустить. Я могу только позавидовать тем людям, которые часто там ошиваются. Будь моя воля, я бы устроил невероятную вписку на смотровой площадке. Конечно, я бы позвал только самых интересных людей. Мне же нужен экстрим, скандалы, расследования. Башня очень высокая, поэтому для слабачков не нашлось бы места. Кому нужно смотреть на то, как кого-то выворачивает? Боишься высоты – пошел вон отсюда.</td></tr>
<tr><td width=50%><div class="nameddd">PIKE PLACE MARKET</div><br>
Так, что там у нас дальше? Ах да. Пайк-Плейс-маркет. Об этом месте сказать можно не так уж и много. В чем достоинство этого места – здесь всегда можно найти работу. Ты уже почти занимаешь статус бездомного, тебе нечего есть и не в чем ходить? Устройся работать сюда. В ларьках, которых тут бесконечное множество, всегда нужна твоя помощь. Но вряд ли ты здесь много заработаешь, закатай губу обратно, мой друг. Ты не найдешь здесь вещей от Шанель, Гуччи и Виктории Сикрет. Дай Бог найти здесь какой-нибудь небольшой нож. Но про ножи я так, к слову. Чуть не забыл. Здесь же ещё много танцоров, певцов, музыкальных групп и так далее. Хочешь раскрутиться – иди на Пайк-Плейс-маркет. Я приду посмотреть на то, как ты опозоришься.</center></td><td><center><img class="rotate" src=http://sd.uploads.ru/8MUh7.png style="border: 3px solid #f2f5f8; border-radius: 95px;"></td></tr>
<tr><td width=50%><center><img class="rotate" src=http://se.uploads.ru/bpkDM.png style="border: 3px solid #f2f5f8; border-radius: 95px;"></center></td><td><div class="nameddd">fremont troll</div><br>Бывают же ужасные люди. Я про архитектора, что придумал Фримонтского тролля. Как же это несправедливо по отношению к наркоманам! Там было бы прекрасное место для сходок. Ну, конечно, и сейчас можно там собраться... Но думаю, что как только словишь приход, тролль оживает. Поэтому лично я бы не рискнул пойти туда. И возвращаться домой с грязными штанами... Некрасиво вышло бы. Если ты посетил это место, не забудь сделать сэлфи. Когда тебе ещё выдастся шанс сфотографироваться с троллем? Не надо мне рассказывать про того твоего друга, который очень похож на этого сказочного персонажа. Это уже совсем другая история. Лично мне очень симпатичен наш тролль-малыш. Полюби его, как себя самого.</td></tr>
<tr><td width=50%><div class="nameddd">Seattle Central Library</div><br>Ты, может быть, удивишься, когда я заговорю про библиотеку. Но эта библиотека известна на весь мир. А я известный любитель почитать. Не нужно презрительно кривить своё лицо. Мне плевать. Тут миллионы книг. А ещё здесь можно встретить симпатичных умных девушек. Когда-нибудь общался с красивой и умной одновременно? А у меня была такая возможность, благодаря библиотеке. Да и всем девушкам нравится, когда им цитируют, например, Шекспира. Так что возьми и почитай сонеты великого Уильяма. Может быть, что-нибудь и перепадет. К девушкам, кстати, это тоже относится. Не будь дурой, читай известных классиков. Они были умнее тебя. Бери с них пример.</center></td><td><center><img class="rotate" src=http://se.uploads.ru/4ntop.png style="border: 3px solid #f2f5f8; border-radius: 95px;"></td></tr>
<tr><td width=50%><center><img class="rotate" src=http://sf.uploads.ru/3fael.png style="border: 3px solid #f2f5f8; border-radius: 95px;"></center></td><td><div class="nameddd">SCIENCE FICTION MUSEUM</div><br>Эй, странненькие люди, любители всего паранормального и необычного. Да-да, ты, очкарик, иди сюда. Я хочу рассказать про музей для таких, как ты. Проект истории музыки и Музей научной фантастики. Про музыку позже, сначала про фантастику. В музее представлены выставки, которые посвящены всякой чертовщине. Инопланетяне, звездолеты, ещё какая-то чушь. Лично мне это не интересно. Но опять же поднимая тему наркоманов... Думаю, было бы весело пробраться сюда ночью. Слабо? Теперь немного о музыке. Музыкальные инструменты, фотографии, одежда, а также видеозаписи известных мировых звезд. Пока что там нет меня. Хотя я известный певец, если ты не знаешь... Обидно немного. Зайдешь в музей – научишься играть на гитаре. Именно там я и научился этому делу. Сходи, у тебя будет целый один талант. Научишься брать аккорд Am, на этом твоя учеба закончится. Ну, хоть что-то.</td></tr>
<tr><td width=50%><div class="nameddd">ASIAN art museum</div><br>Музей Азиатских искусств. Если честно, ничего увлекательного я сказать не могу. Тут не выращивают рис на крыше, да и мастером боевых искусств тут не станешь. Но я любитель азиатской культуры. Обожаю азиатских девушек... Всегда мечтал хотя бы об одной из них. Но мы отвлеклись. Развивайся! Узнай немного о других странах. А это вообще очень древняя культура. Так что неплохо было бы расширить свой кругозор. Нет, суши делать там не научат. Это в ближайший суши-бар. Тут, кстати, есть рядом, я покажу...</center></td><td><center><img class="rotate" src=http://sf.uploads.ru/mFbiu.png style="border: 3px solid #f2f5f8; border-radius: 95px;"></td></tr>
<tr><td width=50%><center><img class="rotate" src=http://sf.uploads.ru/ZmxRL.png style="border: 3px solid #f2f5f8; border-radius: 95px;"></center></td><td><div class="nameddd">SEATTLE art museum</div><br>Снова музей. Извини, что-нибудь поинтереснее попозже. Музей искусств Сиэтла. Немного информации. Здесь собраны экспонаты из разных стран. Современное искусство, древнее искусство... Но я-то знаю, что тебя интересует. Да, картины с голыми девушками тут есть. Но вы тоже, девушки, не переживайте. И для вас что-нибудь интересное найдется. Опять же здесь можно познакомиться с интересными людьми. Только фильтруйте свои знакомства. Учитесь отличать интересных, от странных. Вот тот, что чуть ли не облизывает картину, явно странный. Думаю, что стоит сматывать удочки и заканчивать нашу экскурсию.</td></tr>
</table>
<div class="anncontentser765">Итак, дамы и господа. Я рассказал обо всех самых интересных достопримечательностях. Конечно, только о тех, что нравятся мне. Вообще, мне больше всего нравится океан, ведь я романтик... Постарайся посетить эти места. Все. Обязательно. И оставь что-нибудь интересное для меня, окей? Попробуй секс в библиотеке, наркотики у Фримонтского тролля, разозли охрану в музеях, все-таки проберись в музей научной фантастики ночью! В общем, дай мне интересную тему для размышлений. Желаю удачи. Деньги за экскурсию переведешь на мой счет, информация придет к тебе на электронную почту.</div>
</div>  </div>
</center>
  </div>