Код:
<!--HTML-->
<style>
.city {width: 570px; height: auto; padding: 5px; background: url("http://i.imgur.com/Vg2A3Qr.png") no-repeat center top, url("http://i.imgur.com/cy6uNqb.png") no-repeat center bottom, url("http://i.imgur.com/LKS6A8D.png") repeat-y center;}
.cityy {width: 570px; height: auto; margin-top: 100px;}
.city1 { width: 180px; height: 180px; background-color: white; opacity: 0; transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s;}
.city1:hover {opacity: 1}
.cityname {width: 180px; height: 16px; background-color: #b694d0; color: black; text-align: center; text-transform: uppercase; font-family: georgia; font-weight: 600px; font-size: 9px; margin-top: -15px; }
.cityinfo {width: 170px; overflow: auto; font-family: calibri; font-size: 12px; text-align: justify; height: 170px; margin-top: 15px;padding: 5px; line-height: 90%;}
</style>
<div class="city">
<div class="cityy">
<center>
<div style="width: 500px; padding: 10px; text-align: justify;font-size: 9px; letter-spacing: 1px;"><center>
<table><tr>
<td><b><i>Даллас [Dallas]</b></i> — город в США, расположенный в северо-восточной части штата Техас на реке Тринити, административный центр одноименного округа. Вместе с Форт-Вортом и другими городами агломерации (Арлингтон, Дунканвилл, Гарланд, Дентон, Ирвинг, Мескит и Плейно) он составляет крупный мегаполис «Даллас/Форт-Ворт» (The Dallas/Fort Worth Metroplex), который считается первым по численности городом Техаса и 9-м в США.</td>
<td>Статус городского поселения был присвоен Далласу в 1856 году, а в 1871 году он стал городом. <br>
Тринити — крупная техасская река, проходящая через центр Далласа на пути в Хьюстон. С обеих сторон реки — 15-метровые набережные, защищающие город от наводнения. Реку пересекают несколько мостов. <br>
По данным переписи 2000 года, в Далласе 1 188 580 человек, 451 833 персональных домовладения, и 266 581 семья.</td>
</tr><table>
<br>
Жители называли город так по крайней мере уже в 1843 году, так что на данный момент существуют четыре основные теории происхождения названия:<br>
- Назван в честь Джорджа Далласа; <br>
- Назван в честь его отца, Александра Далласа, командующего эскадрой кораблей в Мексиканском заливе и министра финансов США во время войны 1812 года; <br>
- Название выбрано в конкурсе в 1842 году; <br>
- Назван в честь сына Джорджа Далласа, который позже заявил, что отец назвал город «в честь моего друга Далласа» (личность этого Далласа не установлена).
<br></center></div>
<div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #f8dde6; text-shadow: none;">▼</div>
</center>
<table>
<tr>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jt6.png); ">
<div class="city1">
<div class="cityinfo">Один из крупнейших полицейских участков Даласса. Расположен практически в центре города. Занимается патрулирование улиц, а также раскрытием преступлением. Ежегодно через него проходит около 3 млн заявлений от граждан.Ещё здесь временно располагается прокуратура, после случая с пожаром.</div>
</div>
<div class="cityname">Полиция и прокуратура</div></td>
<td><div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jta.png); ">
<div class="city1">
<div class="cityinfo">подразделение Министерства юстиции США, подчиняющееся непосредственно главе этого ведомства, который одновременно является генеральным прокурором США. Оно сочетает в себе функции контрразведки, политической полиции и уголовного розыска. В этом отношении ФБР занимает уникальное место среди спецслужб мира. ФБР осуществляет деятельность в трех направлениях:
— обеспечение национальной безопасности,
— обеспечение внутренней безопасности,
— борьба с уголовной преступностью.</div>
</div>
<div class="cityname">ФБР Даллас</div></td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jt5.png); ">
<div class="city1">
<div class="cityinfo">Здание муниципалитета - исторический памятник Далласа. Это красивое старинное здание расположено в центре города и является объектом внимания многочисленных туристов. В 1914 году в этом здании была открыта четвертая городская мэрия. В 1956 году оно являлось домом для департамента полиции города. Именно сюда был заключен после убийства президента Кеннеди единственный официально подозреваемый Ли Харви Освальд. Власти часто получают запросы о разрешении проведении в этом здании киносъемок. Сейчас здесь расположен городской суд.</div>
</div>
<div class="cityname">Муниципалитет</div></td>
</tr>
<tr>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jt7.png); ">
<div class="city1">
<div class="cityinfo">Обслуживает медицинские потребности людей в Далласе на протяжении многих лет в качестве единственной больницы такого масштаба. Физическое, эмоциональное и духовное благополучие пациентов крайне важна для врачей. Если нужна экспертная медицинская помощь они здесь, чтобы предоставить комплексные медицинские услуги, которым можно доверять.</div>
</div>
<div class="cityname">Медицинский центр</div></td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jt9.png); ">
<div class="city1">
<div class="cityinfo">Университет Техаса в Далласе предлагает 137 академических программ через своих восьми школ. Семестр официального поступления студента начинается летом. Каталоги прошлых лет доступны. Студентам настоятельно рекомендуется регулярно встречаться с научным руководителем, чтобы установить и пересмотреть свой план занятий.
Университет Техаса в Далласе аккредитована Южной Ассоциации колледжей и школ Комиссии по колледжам присуждают бакалавриате, мастеров и докторских степеней</div>
</div>
<div class="cityname">Университет Техаса</div>
</td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jtb.png); ">
<div class="city1">
<div class="cityinfo">Расположен между городами Даллас и Форт-Уэрт, и является самым загруженным аэропортом штата Техас, США. Международный аэропорт Даллас/Форт-Уэрт имеет пять терминалов. Через Международный аэропорт Даллас/Форт-Уэрт проходит 60 % всех грузовых авиаперевозок штата Техас. Азиатские и европейские направления составляют более 75 % грузоперевозок в аэропорту, являющимся 27-м по загруженности грузовым аэропортом мира.</div>
</div>
<div class="cityname">Международный аэропорт</div>
</td>
</tr>
<tr>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jt3.png); ">
<div class="city1">
<div class="cityinfo">Отель расположен в центральном жилом районе Оак-лоун и Тертл-крик Далласа, штат Техас. Гостям предлагаются комфортабельные номера, первоклассное обслуживание и ресторан изысканной кухни.<br>
Номеров в отеле: 184, Сеть отелей: Warwick Hotels</div>
</div>
<div class="cityname">Dallas 3015 Oak Lawn Avenue</div>
</td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jt4.png); ">
<div class="city1">
<div class="cityinfo"> Современные комнаты для гостей располагают гостиным уголком с телевизором с плоским экраном и диваном-кроватью. Среди прочих удобств номера микроволновая печь, холодильник и кофемашина. Любители активного отдыха могут позаниматься в фитнес-центре с гантелями или на беговых дорожках. Также на территории отеля работает бизнес-центр и прачечная.<br>
Номеров в отеле: 251, Сеть отелей: Sheraton</div>
</div>
<div class="cityname">Sheraton Suites</div></td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jtc.png); ">
<div class="city1">
<div class="cityinfo">Предназначен для организации профилактики пожаров, их тушения и проведения возложенных на них аварийно-спасательных работ. Первоочередные аварийно-спасательные работы, связанные с тушением пожаров — боевые действия пожарной охраны по спасению людей, имущества, оказанию первой помощи пострадавшим при пожарах</div>
</div>
<div class="cityname">Пожарная служба Далласа</div></td>
</tr>
<tr>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29JtC.png); ">
<div class="city1">
<div class="cityinfo">Музей был основан в 1903 году Ассоциацией искусств Далласа.В коллекции музея хранятся работы таких художников как Сезанн, Домье, Дега, Гоген, Мане, Моне, Писсарро, Ренуар, Тулуз-Лотрек и Ван Гог, а также скульптуры, предметы декоративно-прикладного искусства, китайский фарфор, восточные ковры, редкие книги и т. д.</div>
</div>
<div class="cityname">Музей искусств</div></td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Jtd.png); ">
<div class="city1">
<div class="cityinfo"> Музей отличает полноразмерная копия Овального кабинета Белого дома, и 20 футов высотой, видеостена с монтажом 44 президентами США.Национальный Управление архивов и документации завершила передачу миллионов записей от администрации президента Буша в право музея на законное попечение.
</div>
</div>
<div class="cityname">Библиотека им. Дж. Буша</div></td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29JtD.png); ">
<div class="city1">
<div class="cityinfo">Драматический театр Уайли представляет собой конструктивный эксперимент: его фойе и технические помещения помещены не перед и за зрительным залом, как бывает обычно, а под и над ним соответственно. Зритель должен спуститься в вестибюль, находящийся ниже уровня земли, а затем подняться вновь — в зал на 575 мест, помещенный на первом этаже. Особенностью зала является его открытость внешнему пространству: он застеклен с трех сторон из четырех, и окружающие скверы и сам город могут стать частью спектакля; впрочем, при необходимости эти прозрачные поверхности можно затянуть черными шторами</div>
</div>
<div class="cityname">Театр Уайли</div></td>
</tr>
<tr>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29JtG.png); ">
<div class="city1">
<div class="cityinfo">Национальный банк Далласа - является американским финансовым институтом со штаб - квартирой в City National Plaza в Лос - Анджелесе, штат Калифорния , принадлежащий Royal Bank Канады . Банк имеет общие активы $ 32 млрд. Он предлагает полный набор банковских, целевых и инвестиционных услуг через 75 офисов</div>
</div>
<div class="cityname">Национальный Банк</div></td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29JtF.png); ">
<div class="city1">
<div class="cityinfo">Один из крупнейших театров Далласа. Ежедневно тут проводятся порядка пары десятков театрализованных представлений. Также в нём частенько проходят мастер-классы ведущих актёров и действует детская школа сценического искусства.</div>
</div>
<div class="cityname">Театр Далласа</div></td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29JtE.png); ">
<div class="city1">
<div class="cityinfo">Симфонический центр Мейерсона поражает своим великолепием. Огромный зал в котором проходит большинство концертов приезжих звёзд, а также выступления симфонического оркестра.</div>
</div>
<div class="cityname">Симфонический центр Мейерсона</div></td>
</tr>
<tr>
<td></td>
<td>
<div style="height: 180px; width: 180px;background-image: url(http://funkyimg.com/i/29Ju7.png); ">
<div class="city1">
<div class="cityinfo">Здесь находятся концертный зал, стадион «Хлопковая чаша», музеи естественной истории истории и науки, планетарий, аквариум и парк аттракционов</div>
</div>
<div class="cityname">Ярмарочный парк Далласа</div></td>
<td></td>
</tr>
</table>
<br>
<br><br><br><br>
</div></div>
