Код:
<!--HTML--><div class="htmldemo"><center> <div class="gostevaya" style="background-image: url(http://funkyimg.com/i/2P6ug.png); height: 529px!important; width: 944px!important; MARGIN-LEFT: -20PX; "> <div class="TEXT1"><B>Город:</B> Monterey, California (Монтерей).<BR> <B>Население:</B> 28 639.<BR> <B>Год основания:</B> 1770г.<BR> <B>Районы:</B> Pacific grove, Pebble beach, Carmel.</div> <div class="TEXT2">Монтерей - небольшой калифорнийский город на берегу залива Монтерей, который вплоть до середины 19 века являлся столицей Калифорнии и славился рыбной промышленностью. Сейчас же это уютный туристический город у моря с малоэтажной застройкой из небольших белёных домиков. Но притом - с лучшим в стране аквариумом, джазовым фестивалем и чуть ли не лучшим заливом с морским каньоном. Попросту говоря - один из самых красивых прибрежных городов Калифорнии, который славится серфингом, каяками, дайвингом, яхтами, лавандовыми побережьями и хвойными лесами. Администрация города проводит многочисленные развлекательные мероприятия, благодаря чему, у местных уже сложились свои праздничные даты и традиции. К примеру, на рождество обязательно заливают каток (то еще зрелище - пальмы, кактусы, в 50-ти метрах плещется тихий океан, а в центре всего этого - каток).<BR> Территориально город расположен в 290 км от Сан-Франциско и примерно в 600 км от Лос-Анджелеса.</div> <div class="TEXT3">Монтерей славится умеренно теплыми климатическими условиями. Средняя температура зимой 7-16°C, летом 19-24°C. В год выпадает около 424 мм осадков, большая часть которых приходится преимущественно на зимний сезон.</div> <div class="TEXT4">Город является домом для многих видов морских млекопитающих, среди которых выдра, тюлени, афалины и морские слоны, которые плавают вдоль берега и постоянно греются на пляжах и сваях причалов, а через залив Монтерей проходит миграционный путь серых и горбатых китов. Некоторые разновидности водорослей растущих в бухте, становятся такими же высокими, как деревья, образуя так называемый ламинариев лес, в котором помимо рыбы, обитают морские черепахи.</div> <div class="TEXT5"><div class="VOP1">Места для посещения: </div> <B>1.</B> Аквариум Монтерей Бей <BR> <B>2.</B> Подводный каньон Монтерей <BR> <B>3.</B> Побережье (лавандовое побережье)<BR> <B>4.</B> Китовое сафари <BR> <B>5.</B> Винные туры и дегустации <BR> <B>6.</B> Университет Монтерея</div> <div class="TEXT6"><div class="VOP1">Значимые даты</div> <B>15 число месяца</B> - фестиваль культуры(турецкаой, испанской и т.д.)<BR> <B>20.05.</B> - день города<BR> <B>последний понедельник мая<B> - день памяти<BR> <B>04.07.</B> - день независимости<BR> <B>21.09. - 23.09.</B> - джазовый фестиваль<BR> <B>31.10. - 01.11.</B> - хэллоуин<BR> <B>4-й четверг ноября </B> - день благодарения<BR> <B>25.12. </B> - рождество</div> <br><br><br><style> </style></a></div> <style type="text/css"> .VOP1 {background: radial-gradient(at center, #a88443, #81571d, #672b00); padding: 2px 30px; font-size: 12px; line-height: 13px; font-family: bebas neue; font-weight: 500; margin-bottom: 10px; margin-top: 10px; color: white; WIDTH: 130PX; letter-spacing: 1px; } .VOP2 { background: radial-gradient(at center, #2c522e, #132813, #001000); padding: 2px 25px; font-size: 12px; line-height: 13px; font-family: bebas neue; font-weight: 500; margin-bottom: 3px; margin-top: 10px; color: white; WIDTH: 60PX; letter-spacing: 1px; } .TEXT1 {font-family: TAHOMA; letter-spacing: px; font-size: 14px; color: #ffffff; line-height: 90%; position: absolute; width: 470px; height: 40px; text-align: justify; margin-top: 51px!important; margin-left: 150px!important; text-shadow: -1px -1px #977031; } .TEXT2 { font-family: TAHOMA; letter-spacing: px; font-size: 11px; color: #ffffff; line-height: 92%; position: absolute; width: 405px; height: 40px; text-align: justify; margin-top: 172px!important; margin-left: 502px!important; } .TEXT3 {OVERFLOW: auto; font-family: TAHOMA; letter-spacing: px; font-size: 11px; color: #ffffff; line-height: 95%; position: absolute; width: 305px; height: 85px; text-align: justify; margin-top: 150px!important; margin-left: 40px!important; } .TEXT4 {OVERFLOW: auto; font-family: verdana; letter-spacing: px; font-size: 11px; color: #ffffff; line-height: 95%; position: absolute; width: 400px; height: 120px; text-align: justify; margin-top: 280px!important; MARGIN-LEFT: 50PX; } .TEXT5 { font-family: verdana; letter-spacing: px; font-size: 10px; color: #ffffff; line-height: 95%; position: absolute; width: 180px; height: 40px; text-align: justify; margin-top: 385px!important; margin-left: 488px!important; } .TEXT6 { OVERFLOW: auto; font-family: verdana; letter-spacing: px; font-size: 10px; color: #ffffff; line-height: 90%; position: absolute; width: 210px; height: 100px; text-align: LEFT; margin-top: 385px!important; margin-left: 705px!important; } </style>