Код:
<center>
<style type="text/css">
.charactername { width:128px; background-color: #000000; line-height:0%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:1px; letter-spacing:1px; text-align:center; padding-top:30px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;; opacity: 0; color:; }
.charactername:hover { width:128px; height: 100px; background-color:#000; color:#fff; line-height:100%; font-family:yanone kaffeesatz; text-transform:uppercase; font-size:9px; letter-spacing:1px; padding-top:25px; text-align:center; opacity:0.8; -moz-border-radius:100px; -webkit-border-radius: 100px; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out; }
</style>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
<div style="width: 530px; background-color: #; padding: 20px; color: #0000;">
<div style="width: 530px; font-family: arial; font-size: 10px; line-height: 100%; text-align: justify; background-color: #ebddbd; padding: 15px; border: 5px double #4e2c12; -moz-border-radius: 0px 40px 0px 40px; -webkit-border-radius: 0px 40px 0px 40px; color: #0000;">
<center>
<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><div style="width: 500px; padding-left: 0px; padding-right: 0px; padding-top: px; padding-bottom: 0px; background-color: #; font-family: 'Great Vibes'; font-size: 70px;line-height: 60%; letter-spacing: -2px; color: #876a46; text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
history of one city<br><br> </font></font>
<img src="http://firepic.org/images/2014-03/28/wjvqo62ewgpf.gif ">
</center>
<font style="font-family: verdana; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #876a46; text-shadow: 0px 0px 0px #000">
когда ты берешь чужой пиджак, я могу понять: тебе холодно. но когда ты берешь чужую мысль, тебе что, глупо? </font>
<div style="width: 530px; text-align: justify; font-size: 12px; text-transform:; line-height: 90%; font-family: 'Arial'; color: #000000"><br><strong>Здравствуйте</strong>, будущие студенты Ноттингемского университета. Я – Саманта, ваш экскурсовод, вы можете называть меня ходячей, а еще и говорящей, картой, которая расскажет вам обо всех интересующих вас аспектах. <strong> История университета </strong> берёт своё начало в 1881 году, когда он университетом толком и не был, а считался колледжем Лондонского университета. Однако в 1948 году колледж получил Королевскую грамоту на право называться университетом. Каждый из нас умело пользуется Интернетом, поэтому мы все вместе узнаем, что же представляет собой университет, по мнению википедии и жителей планеты.
<br>Ноттингем, считающийся «одним из самых динамичных и космополитичных городов», находится в восточном Мидленде, в самом сердце Англии и только в 2-х часа езды на электричке от Лондона. Город может похвастаться большим и разнообразным студенческим сообществом, являющемся его неотъемлемой частью. Помимо впечатляющей истории и знаменитых легенд, Ноттингем предлагает культурное разнообразие и динамичность, идеально подходящие для студенческой жизни.
<br>Многовековая история Ноттингема отражена в драме, тайне и мифах. Наследие города – от всемирно известного грабителя Робин Гуда до трех литературных гигантов – лорда Байрона, Д.Г. Лоуренса и Алана Силлитоу – буквально соткано из легенд. Сейчас Ноттингемский Университет является одним из самых больших вузов Великобритании и в нём обучается около 9000 иностранных студентов из более чем 150 стран мира.
<br>Ну что? Вы узнали много интересной и полезной информации с помощью всемирной паутины? Не нужно отвечать, ваши лица дают вполне полый ответ. Сухие факты никому не нужны, и думаю, что вы только что поняли это на собственном опыте. Думаю, что из всего того, что вы только что прочли, всю суть поняли лишь половина из присутствующих и еще меньше человек поняли, зачем это вам. Вы приехали сюда для экскурсии? Так начнем же ее.
<br>Мы встретились с вами у этого <strong>лесопарка</strong> не просто так. Именно за ним и расстилается наш университет. Прошу, засеките на секундомере время, которое потребуется нам для того, что бы добраться до студенческого городка. Наша прогулка не продлиться слишком долго, но за это время я попытаюсь рассказать вам хотя бы часть<strong> настоящей</strong> истории кампуса.
<br>Кто-нибудь знает, чем <strong>отличается</strong> наш университет от всех остальных? Три руки, отлично, вы куда просвещеннее прошлогодних первокурсников, из них ответ на этот вопрос знала лишь я, хотя я и была, так же как и сейчас путеводной звездой. И так вернемся к делу. <strong>Главное отличие</strong> нашего университета состоит в том, что в нашем распоряжение огромная территория, на которой расположен свой студенческий городок. Эй, задние ряды, не стоит шептаться о том, что общежития есть везде, я прекрасное знаю об этом, но здесь не все так просто. Кампус университета состоит из <strong>трех частей: </strong> самого университета и прилежащих построек; жилого комплекса, который в свою очередь тоже разделен на три части, но об этом я расскажу вам чуть позднее; и, конечно же, городской части, где вы можете найти, угадайте что? Да, правильно, магазины и места развлечений для жителей. Я не могу обещать вам десятков магазинов и баров, но и того, что имеется у нас вполне достаточно. Не верите? Поговорим с вами в октябре, когда вы измените свое мнение.
<br>Вот мы и <strong>прошли весь путь</strong> от границы города до университета. Сколько времени мы потратили? <strong>Двадцать три минуты и сорок семь секунд</strong>. Не плохо, но не советую вам путешествовать по этой тропинке ночью, дикие звери частые гости в этом лесу, особенно при полной луне. Ох, бросьте, я просто люблю драматизировать, не зря же я посещаю театральную студию. Заинтересовались? Подождите, сначала я расскажу вам о том, о чем мы говорили ранее.
<br><strong>Учебные постройки</strong>. – три университетских здания, которые расположены по всей территории кампуса, библиотека, медицинский и охранный пункт, кафетерий, спортивный зал, оснащенный тренажерным залом, фитнес залом и бассейном, стадион и пара лабораторий на свежем воздухе.
Далее по списку у нас <strong>жилые постройки</strong>. городка. Кто-то вспоминал об общежитие? Да, оно имеется у нас и в нем предоставляются места всем первокурсникам и студентам иностранцам, а так же остальным студентам успевших подать документы на сводные места. Наряду с общежитиями, у нас имеются четыре дома братств, по одному на каждое братство. Каждый дом оснащен на обитание в нем 20 студентов, являющимися участниками братсва // сестринства. На этом места обитания не заканчиваются, а только начинаются. В городке можно снять квартиру или дом. В вашем распоряжение порядка 15 частных домов, и три многоквартирных дома, в которых насчитываются около ста квартир, правда пока что не все из них жилые, так как один дом был достроен совсем не давно и не полностью готов к пользованию.
<table layout=fixed width=100%>
<tr>
<td><div class="smallfont"><input type="button" value="дом пантер" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'дом пантер'; }">
</div>
<div class="alt2">
<div style="display: none; style=" text-transform:="" lowercase""="">
<p>
<br>
Izzie Stevens, Gillian Redmayne, Charity de Ridder, Octavia Smoke, Blair Waldorf, Tate Irwin
<br></p></div>
</div>
</div></center>
</td>
<td><div class="smallfont"><input type="button" value="дом крокодилов" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'дом крокодилов'; }">
</div>
<div class="alt2">
<div style="display: none; style=" text-transform:="" lowercase""="">
<p>
<br>
Finley Gray
<br></p></div>
</div>
</div></center>
</td>
<td><div class="smallfont"><input type="button" value="дом обезьян" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'дом обезьян'; }">
</div>
<div class="alt2">
<div style="display: none; style=" text-transform:="" lowercase""="">
<p>
<br>
Florence Whishaw, Juliet Mitchell, Elly Stinson
<br></p></div>
</div>
</div></center>
</td>
</tr>
</table>
<table layout=fixed width=100%>
<tr>
<td><div class="smallfont"><input type="button" value="дом змей" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'дом змей'; }">
</div>
<div class="alt2">
<div style="display: none; style=" text-transform:="" lowercase""="">
<p>
<br>
Myrtle Fleming, Claire Bloomfield, Victor Young
<br></p></div>
</div>
</div></center>
</td>
<td><div class="smallfont"><input type="button" value="общежитие" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'общежитие'; }">
</div>
<div class="alt2">
<div style="display: none; style=" text-transform:="" lowercase""="">
<p>
<br>
Имена живущих в нем
<br></p></div>
</div>
</div></center>
</td>
</tr>
</table>
<br> <strong>Wood Street </strong>– улица находящаяся не далеко от лесопарка, предоставляющая собой «коридор» небольших домиков предназначенных для обитания 2-4 человек в каждом доме.
<br> <strong>Middle Hill </strong>– три дома стоящие в противоположенной части кампуса относительно Wood Street. Жилыми на данный момент считаются лишь два дома, так как третий находится на стадии подготовки к заселению. Думаю, что к середине учебного года многие студенты переберутся в него.
<table layout=fixed width=100%>
<tr>
<td><div class="smallfont"><input type="button" value="Wood Street " class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Wood Street'; }">
</div>
<div class="alt2">
<div style="display: none; style=" text-transform:="" lowercase""="">
<p>
<br>
<b>Wood Street, 13</b> – Seth Cohen, [придержано]<br>
<b>Wood Street, 15</b> – Belle Gjerde, Andrea Marquez<br>
<b>Wood Street, 17</b> – Philippa Duval, America Mason<br>
<b>Wood Street, 19</b> – Amelia Maxwell, Octavia Smoke<br>
<b>Wood Street, 22</b> – Agnes Woodley, Abby Abernathy<br>
<b>Wood Street, 24</b> – Charles Bones, ?<br>
<b>Wood Street, 26</b> – Camryn Campton, Charlotte Chapman<br>
<b>Wood Street, 28</b> – Janel Leeroy, Emma Harmon<br>
<b>Wood Street, 30</b> – Astrid Blaire, ?, ?<br>
<b>Wood Street, 32</b> – Sam Gallagher, ?, ?<br>
<b>Wood Street, 34</b> – Stuart M. Wilder, [придержано], Shapley Bryce<br>
<b>Wood Street, 36</b> – Arielle Fontaine [придержано]<br>
<b>Wood Street, 38</b> – Patricia Hudson, ?, ?, ?<br>
<b>Wood Street, 41</b> – Rusty Black, Darwyn Black //4 спальни//<br>
<b>Wood Street, 43</b> – Ester Serket, ?, ?, ?<br>
<b>Wood Street, 45</b> – 4 спальни
<br></p></div>
</div>
</div></center>
</td>
<td><div class="smallfont"><input type="button" value="Middle Hill, 9 " class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Middle Hill, 9'; }">
</div>
<div class="alt2">
<div style="display: none; style=" text-transform:="" lowercase""="">
<p>
<br>
<b>A</b> – Elias Tønnessen, Thaddeus Wood<br>
<b>B</b> – Henley Ocean /3 комнаты/<br>
<b>C</b> – Dorothy Logan<br>
<b>D</b> – 2 комнаты<br>
<b>E</b> – 1 комната<br>
<b>F</b> – 2 комнаты<br>
<b>G</b> – 2 комнаты<br>
<b>H</b> – Tony Shepherd<br>
<b>I</b> – 3 комнаты<br>
<b>J</b> – John Williams, Jodelle Akerman<br>
<b>K</b> – Sid Vicious, Clyde Barrow<br>
<b>L</b> – 3 комнаты<br>
<b>M</b> – 2 комнаты<br>
<b>N</b> – 3 комнаты<br>
<b>O</b> – 2 комнаты<br>
<b>P</b> – 3 комнаты<br>
<b>Q</b> – 3 комнаты<br>
<b>R</b> – 1 комната<br>
<b>S</b> – 1 комната<br>
<b>T</b> – 2 комнаты<br>
<b>U</b> – 2 комнаты<br>
<b>V</b> – 3 комнаты<br>
<b>W</b> – 2 комнаты<br>
<b>X</b> – Clementine Rogers, ?<br>
<b>Y</b> – 1 комната<br>
<b>Z</b> – 3 комнаты
<br></p></div>
</div>
</div></center>
</td>
<td><div class="smallfont"><input type="button" value="Middle Hill, 11 " class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Middle Hill, 11'; }">
</div>
<div class="alt2">
<div style="display: none; style=" text-transform:="" lowercase""="">
<p>
<br>
<b>A</b> – Nash Gaskarth /2 комнаты/<br>
<b>B</b> – Arthur Caskill /3 комнаты/<br>
<b>C</b> – 1 комната<br>
<b>D</b> – 2 комнаты<br>
<b>E</b> – 1 комната<br>
<b>F</b> – 2 комнаты<br>
<b>G</b> – 2 комнаты<br>
<b>H</b> – 1 комнатв<br>
<b>I</b> – 3 комнаты<br>
<b>J</b> – 2 комнаты<br>
<b>K</b> – 2 комнаты<br>
<b>L</b> – 3 комнаты<br>
<b>M</b> – 2 комнаты<br>
<b>N</b> – 3 комнаты<br>
<b>O</b> – 2 комнаты<br>
<b>P</b> – 3 комнаты<br>
<b>Q</b> – 3 комнаты<br>
<b>R</b> – 1 комната<br>
<b>S</b> – 1 комната<br>
<b>T</b> – 2 комнаты<br>
<b>U</b> – 2 комнаты<br>
<b>V</b> – 3 комнаты<br>
<b>W</b> – 2 комнаты<br>
<b>X</b> – 2 комнаты<br>
<b>Y</b> – 1 комната<br>
<b>Z</b> – 3 комнаты
<br></p></div>
</div>
</div></center>
</td>
</tr>
</table>
<br>И, наконец, самое интересное, городская часть кампуса. Я говорила вам о том, что она имеется, но не успела рассказать, что же есть у нас. Весь список заведений вы увидите отмеченными на карте, которую вам раздали в самом начале, а так же в списке вакансий на подработку, здесь же я расскажу вам<strong> о жизни в таком городке</strong>. Ребята, я родом из Лондона и я не могла представить себя веселящуюся в одном и том же месте каждый вечер, но это вполне реально. Все эти места не просто милы и приятны, но и скрывают множество тайн и секретов. Я не могу рассказать вам о них, но стоит уточнить, что часть из них связаны с братствами и кружками // секциями университета. На этом моя экскурсия подходит к концу, вы можете прогуляться по кампусу и разузнать обо всем поподробнее, так же, вы можете прочитать все это на сайте университета, лучше читать все именно там, те брошюрки и карты что у вас в руках могли быть использованы старшекурсниками не совсем в правильных целях. <strong>Удачи! </strong>
</div>
