[html]<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:700,800,900,400' rel='stylesheet' type='text/css'>

<center><div style="width: 850px; height: 400px; border: 1px solid #656163; padding-top: 11px; background-color: #757075; margin-left: 13px;">

<table><tr><td><div id="heroimg"><div class="imgb"><div style="padding-left: 9px; padding-top: 5px;">
<div id="whitebox"><div class="boxtext">University Street Station
</div>
</div></div></div></div></td>

<td>
<div id="heroimg1">
<div class="imgb1">
<div style="padding-left: 15px; padding-top: 5px;">
<div id="whitebox1">

<div class="herocontent">
<b><center>численность: 126 человек</center></b>
Станция метрополитена Сиэтла, куда при первых предупреждающих сигналах хлынуло наибольшее число людей. Многочисленные участники обеих демонстраций «за» и «против» военные действия, а также полицейские, патрульные, врачи скорой помощи, люди, не сумевшие выбраться из толпы, и те, кто просто направлялся по своим делам, — все они стихийным потоком ринулись в подземку, уничтожая на своем пути преграды и затаптывая тех, кто не сумел удержаться на своих двоих.
На станции остановились два состава. Один, направляющийся на север, уже отправился с платформы и начал движение в тоннель. Второй остался стоять с открытыми дверьми. Десятки поездов застряли в тоннелях метро, где сначала отключилась связь, а затем и питание. Люди оказались заперты в темноте.
<br>До последней минуты перед атакой раздавались крики и ругань, молитвы и плач. И лишь перед самым ударом наступила тишина. Когда земля начала сотрясаться, свет замигал и погас. Вновь раздались крики, молитвы. Из тоннелей, с лестниц и эскалаторов повалили плотные потоки пыли и грязи. Они быстро осели на всех и вся. На мгновение воздух раскалился, и все закашлялись. Глухие, отдаленные хлопки, грохот оседающего здания и землетрясение продолжались, казалось, час... За это время кто-то еще успел вбежать или вползти на станцию по трупам тех, кого затоптали. Один из составов накренился и завалился на бок, упираясь в стену. Все, кто смог, — выбрались из поездов и выбежали из тоннелей, не зная толком о происходящем. Но покидать станцию они не стали.
<br>Когда все затихло, обнаружилось, что в тоннели хлынула вода. Не так уж и много — где-то по щиколотку. Но изучить что-либо уже не представлялось возможным. Даже под землей в воздухе стояла пыльная взвесь напополам с пеплом и запахом гари. Прошло несколько дней прежде, чем все это осело.
<br>Спустя два месяца народу на станции поубавилось. Люди рискнули выбираться на поверхность и... не все из них вернулись. В поездах обустроили спальные места и склад в первом вагоне, двери которого охраняют круглосуточно. Станцию разгородили для «столовой» и «бойлера» — десятка бочек, которые коптят воздух и горят почти круглосуточно на случай, если нужно вскипятить воду, приготовить еду и просто согреться. Есть медслужба, занимающая отдельный вагон: из всех карет скорой помощи, что дежурили на демонстрации, перетащили необходимое, вот только запасов оказалось крайне мало. От трупов люди избавились достаточно быстро: пришлось столкнуться с неприятным фактом их «оживления». Входы в метро и подземные тоннели забаррикадированы, у каждого из них дежурят патрули.
</div>

</div></div></div></div>
</td>
</tr></table></div>
</div>

</center>

<style type="text/css">

.herocontent::-webkit-scrollbar-thumb:vertical {background-color: #8a99c2; height: auto; border: 2px solid #fdfdfd; }
.herocontent::-webkit-scrollbar-track { background-color: #ccc; height:10px; width:11px; border: 2px solid #fdfdfd;}
.herocontent::-webkit-scrollbar { background-color: #fdfdfd; height:12px; width: 5px; }

#heroimg {
    width: 280px;
    height: 370px;
    position: relative;
    border: 1px solid #8c8c8c;
    right: -2px;

}

#heroimg1 {
    width: 520px;
    height: 370px;
    position: relative;
    border: 1px solid #8c8c8c;

}

#whitebox {
    width: 240px;
    padding: 1px;
    margin-left: 8px;
    margin-top: 173px;
    background-color: #7a7a7af2;
    border: 1px solid #8c8c8c;

}

#whitebox1 {
    width: 470px;
    padding: 9px;
    text-align: justify;
    margin-top: 20px;
    background-color: #7a7a7af2;
    border: 1px solid #8c8c8c;
    height: 300px;
    overflow-x: auto;
    font-family: 'Montserrat';

}

#heroimg .imgb {
background-image: url(https://i.imgur.com/D899Z4l.gif);
width: 280px;
height: 370px;

}

#heroimg1 .imgb1 {
background-image: url(https://i.imgur.com/Nrx7Gi0.jpg);
height: 370px;

}

#heroes .herocontent {
    width: 220px;
    height: 333px;
    position: relative;
    left: 13px;
    overflow: auto;
    padding-right: 6px;
    margin-top: 7px;
    padding-bottom: 15px;
    font-size: 11px;
    text-align: justify;
    color: #000;
    font-family: 'Montserrat';

}

.herocontent b {
    font-size: 15px;
    font-family: 'Montserrat';
    color: #712e12;
    font-weight: bold;
    letter-spacing: 0.3px;
}

#whitebox .boxtext {
    color: #000;
    font-family: Montserrat;
    letter-spacing: 1px;
    position: relative;
    font-size: 15px;
    text-align: center;
    margin-top: 0px;
    padding: 0px;

}

</style>
<br><div class="poloskiPRAV">.</div>[/html]

[html]<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:700,800,900,400' rel='stylesheet' type='text/css'>

<center><div style="width: 850px; height: 400px; border: 1px solid #656163; padding-top: 11px; background-color: #757075; margin-left: 13px;">

<table><tr><td><div id="heroimg"><div class="imgb"><div style="padding-left: 9px; padding-top: 5px;">
<div id="whitebox"><div class="boxtext">Naval Base Kitsap — Shelter #12
</div>
</div></div></div></div></td>

<td>
<div id="heroimg1">
<div class="imgb1">
<div style="padding-left: 15px; padding-top: 5px;">
<div id="whitebox1">

<div class="herocontent">
<b><center>численность: 298 человек</center></b>
Посетители праздничной ярмарки — члены семей моряков, ветераны, высокопоставленные гости, журналисты — прекрасно проводили время, пока не раздалась тревога, которую вначале заглушал очень громкий оркестр. Скорейшая мобилизация сил на базе привела лишь к сумятице и панике среди гражданских, которых если и попытались выпроводить с территории, то вскоре оставили эту затею. Люди бросились кто куда и очень скоро оказались у множества важных объектов, вход в который им был не дозволен. Исключением не стал и бункер «Убежище №12», о существовании которого знали лишь высшие чины и кое-кто из членов семей военнослужащих.
<br>Паникующие люди просто следовали за колонной машин командования, которые спешили скрыться в стратегическом бомбоубежище. За короткое время у охраняемых ворот развернулась настоящая драма, из-за которой был убит начальник базы и еще несколько важных чинов. Те, кому удалось преодолеть заграждения, прорвались в бункер, несмотря на предупредительные выстрелы. Паникующая толпа устроила давку у входа, которую пытались предотвратить охрана и офицеры безопасности бункера. Предотвращали они ее посредством автоматных очередей.
<br>На глазах у раненых и напуганных людей двери бункера закрылись, оставляя их на верную смерть. Чтобы не уронить моральный дух сослуживцев, командир приказал отключить камеры внешнего видеонаблюдения: никому не хотелось смотреть на последние секунды страданий тех, кто остался снаружи.
<br>За два месяца в бункере дважды менялась власть. Вначале командованию пришлось столкнуться с жестким неповиновением, приведшим к диверсии и последующему убийству руководящего офицера: стало известно, что именно он отдал приказ закрыть двери бункера. Люди не желали подчиняться командирам, которые расстреливали их на входе и не пускали в убежище ни их самих, ни их родственников и друзей. У многих снаружи остался кто-то близкий.
<br>После воцарившейся анархии, постоянных стычек, еще двух убийств офицеров и гражданских даже не согласные между собой военнослужащие объединились для решения проблемы выживания. И избрали на пост главы бункера офицера, которому до этого удавалось найти общий язык с обеими сторонами — желающего предотвратить насилие и сохранить максимальное количество жизней.
Бункер, который изначально был рассчитан на 190 человек, оказался сильно переполнен. Дневной рацион каждого пришлось сильно сокращать, спальные места создавать буквально «из ничего», сдвигая двухъярусные койки и выкладывая лежаки из одеял и матрасов. Прием пищи был сокращен до одного раза в день; столовая на нижнем уровне не могла вместить всех разом, поэтому было установлено расписание смен. Под руководством капитана была проведена перепись, и люди были распределены на работы наряду с офицерами, что должно было поспособствовать взаимопониманию или хотя бы терпимости.
<br>Весь нижний уровень за исключением серверной и служебных изолированных помещений, отведен под жилую зону: две большие комнаты по 110 спальных мест, столовая на 70 человек, лазарет на 20 коек, кухня, 2 душевые на 5 кабинок, 2 туалета на 5 кабинок, библиотека. Охраняемый склад, холодильник и бойлер так же находятся здесь. На верхнем уровне расположен командный центр, архив, оружейная. У каждого входа стоит охрана.
<br>Сам бункер почти не пострадал после атаки, однако не все системы работают исправно. Иногда случаются перепады с подачей воздуха; трижды в неделю отключается питание генератора, но его быстро приводят в норму; часто из кранов льется ржавая или морская вода.
</div>

</div></div></div></div>
</td>
</tr></table></div>
</div>

</center>

<style type="text/css">

.herocontent::-webkit-scrollbar-thumb:vertical {background-color: #8a99c2; height: auto; border: 2px solid #fdfdfd; }
.herocontent::-webkit-scrollbar-track { background-color: #ccc; height:10px; width:11px; border: 2px solid #fdfdfd;}
.herocontent::-webkit-scrollbar { background-color: #fdfdfd; height:12px; width: 5px; }

#heroimg {
    width: 280px;
    height: 370px;
    position: relative;
    border: 1px solid #8c8c8c;
    right: -2px;

}

#heroimg1 {
    width: 520px;
    height: 370px;
    position: relative;
    border: 1px solid #8c8c8c;

}

#whitebox {
    width: 250px;
    padding: 1px;
    margin-left: 5px;
    margin-top: 173px;
    background-color: #7a7a7af2;
    border: 1px solid #8c8c8c;

}

#whitebox1 {
    width: 470px;
    padding: 9px;
    text-align: justify;
    margin-top: 20px;
    background-color: #7a7a7af2;
    border: 1px solid #8c8c8c;
    height: 300px;
    overflow-x: auto;
    font-family: 'Montserrat';

}

#heroimg .imgb {
background-image: url(https://i.imgur.com/Ui8DGAu.gif);
width: 280px;
height: 370px;

}

#heroimg1 .imgb1 {
background-image: url(https://i.imgur.com/U7S8mW8.jpg);
height: 370px;

}

#heroes .herocontent {
    width: 220px;
    height: 333px;
    position: relative;
    left: 13px;
    overflow: auto;
    padding-right: 6px;
    margin-top: 7px;
    padding-bottom: 15px;
    font-size: 11px;
    text-align: justify;
    color: #000;
    font-family: 'Montserrat';

}

.herocontent b {
    font-size: 15px;
    font-family: 'Montserrat';
    color: #712e12;
    font-weight: bold;
    letter-spacing: 0.3px;
}

#whitebox .boxtext {
    color: #000;
    font-family: Montserrat;
    position: relative;
    font-size: 15px;
    text-align: center;
    margin-top: 0px;
    padding: 0px;

}

</style>
<br><div class="poloskiPRAV">.</div>[/html]