[hideprofile][html]<!DOCTYPE html>
<style>
:root {
--ntln-bg: #313131;
--ntln-surface: #202020;
--ntln-text: #c8c8c8;
--ntln-text-soft: #f0f0f0;
--ntln-accent: #f8f8f8;
--ntln-hover: #65656540;
--ntln-highlight: #f4f4f4;
--ntln-shadow: 0 2px 8px color-mix(in srgb, currentColor 10%, transparent);
--ntln-font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--ntln-font-accent: 'Georgia', 'Times New Roman', serif;
--ntln-scroll: #a4a4a4;
}
/* Контейнер для табов */
.tabs-container {
max-width: 1200px;
margin: 0 auto;
width: 100%;
font-family: var(--ntln-font-main);
color: var(--ntln-text);
}
/* Скрываем радио-кнопки */
.tabs-container input[type="radio"] {
display: none;
}
/* Обертка для кнопок */
.tabs-nav {
display: flex;
gap: 20px;
margin-bottom: 30px;
justify-content: center;
flex-wrap: wrap;
}
/* Стили кнопок */
.tabs-nav label {
padding: 15px 50px;
background: var(--ntln-surface);
color: var(--ntln-text);
font-family: var(--ntln-font-main);
font-weight: 500;
font-size: 18px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
border: 1px solid transparent;
user-select: none;
letter-spacing: 1px;
text-transform: uppercase;
box-shadow: var(--ntln-shadow);
}
/* Эффект при наведении */
.tabs-nav label:hover {
background: var(--ntln-hover);
border-color: var(--ntln-accent);
color: var(--ntln-text-soft);
transform: translateY(-2px);
}
/* Активная кнопка */
#tab1:checked ~ .tabs-nav [for="tab1"],
#tab2:checked ~ .tabs-nav [for="tab2"] {
background: var(--ntln-accent);
color: var(--ntln-surface);
border-color: var(--ntln-accent);
}
/* Контейнер для контента */
.tabs-content {
position: relative;
}
/* Стили для всех блоков */
.tab-panel {
display: none;
animation: fadeIn 0.5s ease;
}
/* Анимация появления */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Показываем активный блок */
#tab1:checked ~ .tabs-content #panel1,
#tab2:checked ~ .tabs-content #panel2 {
display: block;
}
/* ========== СТИЛИ ДЛЯ ПЕРВОЙ ВКЛАДКИ (ОРЛАНДО) ========== */
.city-block {
background: var(--ntln-surface);
border-radius: 12px;
padding: 30px;
margin-bottom: 0;
border: 1px solid var(--ntln-hover);
box-shadow: var(--ntln-shadow);
position: relative;
overflow: hidden;
}
.city-block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, transparent, var(--ntln-accent), transparent);
}
.city-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 25px;
flex-wrap: wrap;
gap: 20px;
}
.city-title {
font-family: var(--ntln-font-accent);
font-size: 24px;
color: var(--ntln-text-soft);
margin: 0;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
letter-spacing: 2px;
}
.city-stats {
background: var(--ntln-bg);
padding: 15px 25px;
border-radius: 8px;
border-left: 4px solid var(--ntln-accent);
min-width: 280px;
box-shadow: var(--ntln-shadow);
}
.stat-item {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
font-size: 13px;
}
.stat-label {
color: var(--ntln-text);
}
.stat-value {
color: var(--ntln-text-soft);
font-weight: 500;
}
.city-subtitle {
color: var(--ntln-accent);
font-style: italic;
font-size: 15px;
margin-bottom: 25px;
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid var(--ntln-hover);
font-family: var(--ntln-font-accent);
}
.city-description {
column-count: 2;
column-gap: 40px;
text-align: justify;
}
.city-description p {
margin-bottom: 15px;
font-size: 14px;
break-inside: avoid-column;
color: var(--ntln-text);
}
.city-description p:last-child {
margin-bottom: 0;
}
.highlight {
color: var(--ntln-accent);
font-weight: 500;
}
/* ========== СТИЛИ ДЛЯ ВТОРОЙ ВКЛАДКИ (РАЙОНЫ) ========== */
.districts-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.district-card {
background: var(--ntln-surface);
border-radius: 8px;
padding: 20px;
border: 1px solid var(--ntln-hover);
transition: all 0.3s ease;
height: 550px;
overflow-y: auto;
display: flex;
flex-direction: column;
box-shadow: var(--ntln-shadow);
}
.district-card:hover {
transform: translateY(-5px);
border-color: var(--ntln-accent);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.district-title {
font-family: var(--ntln-font-accent);
color: var(--ntln-accent);
font-size: 1.3rem;
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 1px solid var(--ntln-hover);
flex-shrink: 0;
letter-spacing: 0.5px;
}
.district-desc {
font-size: 14px;
color: var(--ntln-text);
line-height: 1.6;
margin: 0;
overflow-y: auto;
padding-right: 8px !important;
flex: 1;
white-space: pre-line;
}
/* Стилизация скроллбара */
.district-desc::-webkit-scrollbar,
.district-card::-webkit-scrollbar {
width: 6px;
}
.district-desc::-webkit-scrollbar-track,
.district-card::-webkit-scrollbar-track {
background: var(--ntln-bg);
border-radius: 3px;
}
.district-desc::-webkit-scrollbar-thumb,
.district-card::-webkit-scrollbar-thumb {
background: var(--ntln-scroll);
border-radius: 3px;
}
.district-desc::-webkit-scrollbar-thumb:hover,
.district-card::-webkit-scrollbar-thumb:hover {
background: var(--ntln-accent);
}
/* Специальные стили для карточки Киссимми */
.district-card:last-child {
grid-column: 2 / 3;
justify-self: center;
width: 100%;
}
/* Адаптивность */
@media (max-width: 1024px) {
.districts-container {
grid-template-columns: repeat(2, 1fr);
}
.district-card:last-child {
grid-column: auto;
}
}
@media (max-width: 540px) {
body {
padding: 20px 10px;
}
.city-header {
flex-direction: column;
}
.city-stats {
width: 80%;
min-width: auto;
}
.city-description {
column-count: 1;
}
.districts-container {
grid-template-columns: 1fr;
}
.city-title {
font-size: 20px;
}
.tabs-nav label {
padding: 12px 30px;
font-size: 16px;
}
}
</style>
<div class="tabs-container">
<!-- Радио-кнопки для переключения табов -->
<input type="radio" name="tabs" id="tab1" checked>
<input type="radio" name="tabs" id="tab2">
<!-- Навигация (кнопки) -->
<div class="tabs-nav">
<label for="tab1">Орландо</label>
<label for="tab2">Районы</label>
</div>
<!-- Контент табов -->
<!-- Контент табов -->
<div class="tabs-content">
<!-- Первый таб - ОРЛАНДО -->
<div class="tab-panel" id="panel1">
<div class="city-block">
<div class="city-header">
<div class="city-title">ОРЛАНДО</div>
<div class="city-stats">
<div class="stat-item">
<span class="stat-label">Население:</span>
<span class="stat-value">около 310 000 человек (агломерация: 2,7 млн)</span>
</div>
<div class="stat-item">
<span class="stat-label">Площадь:</span>
<span class="stat-value">308 км²</span>
</div>
<div class="stat-item">
<span class="stat-label">Температура:</span>
<span class="stat-value">от +10°C до +33°C</span>
</div>
</div>
</div>
<h2 class="city-subtitle">«The City Beautiful» • «Столица мирового туризма»</h2>
<div class="city-description">
<p>Город сотни озер, шахматная доска, город парадокс, город с двумя лицами. Орландо - удивительное место, где красивая сказка рука об руку идет с уродливой изнанкой, которую прячут, стараясь сохранить лицо. Ведь это важно. Важно убедить всех и каждого в том, что здесь все хорошо и безопасно. И у города выходит сделать это даже слишком хорошо.</p>
<p>Этот город отлично знает какого это - делать вид. Он закружит миллионы туристов в круговерти тематических парков, что раскинулись отдельными городами и системами, давая спокойно в них жить. Walt Disney World Resort, Universal, SeaWorld и еще около 20 парков. Они захватывают в себя на дни и недели, лишая необходимости покидать свою уютные и благоустроенные пространства. Десятки отелей дают возможность найти себе приют как можно ближе к центрам притяжения. Это отдельный мир, где весело, суетно, шумно. Но что будет, если выйти из этого хоровода эмоций?</p>
<p>Орландо - город обнимающий озера, что изрешетили карту и придали этим местам столь узнаваемый вид с высоты птичьего полета. На уровне же земли он готов показать жителям и гостям самые разные виды. Деловой Даунтаун с небоскребами, почти хибары в Азалия-Парк, роскошные особняки в Колледж парке. Жизнь здесь разная настолько,что где-то люди спокойно не закрывают двери, а где-то не рискуют высунуть нос на улицу без перцовки. Можно подумать, что здесь все крутиться лишь вокруг парков, однако этому городу есть чем удивлять.</p>
<p>Культурная жизнь города не стихает круглый год. Музей искусств в Лок-Хейвене гордится коллекцией американского и древнего искусства, привлекая множество вовлеченный и талантливых людей. Музей науки с гигантским планетарием манит семьи, желающие познакомить детей с чудесами науки, и энтузиастов, мечтающих об открытии. Центр исполнительных искусств доктора Филлипса на холме Айвана — главная концертная площадка для мировых звёзд и бродвейских шоу. Многие почти богемные мероприятия проходят на полях для гольфа. Легендарная же гоночная трасса Daytona International Speedway находится всего в часе езды.</p>
<p>Образовательная система города — предмет гордости не только Орландо, но и всего Штата. Университет Центральной Флориды (UCF), расположенный чуть восточнее города, является не только крупнейшим университетом штата, но и мотором инноваций, выпустившим космонавтов, спортсменов, государственных деятелей и предпринимателей. Его футуристический кампусы стали уже давно центром студенческой жизни, что бьет там ключом. Старейший частный Роллинз-Колледж в Уинтер-Парке, кампус которого напоминает Средиземноморье, и один из лучших общественных колледжей страны — Валенсия-Колледж — дополняют образовательную палитру. Университетская школа исполнительских искусств выпустила уже не одного артиста мирового уровня.</p>
<p>Спортивный дух кипит на современных аренах. Город стал колыбелью для команд высшей лиги: «Орландо Мэджик» (НБА) и «Орландо Сити» (MLS). Стадион «Кемпинг Уорлд» принимает престижные футбольные матчи, а «Интер энд Ко» — домашняя арена «Орландо Сити» и место проведения плей-офф NCAA. Ежегодно здесь же собирается один из крупнейших в стране турниров по файтингу — CEO.</p>
<p>Уже не первое десятилетие город находится на острие науке. Исследовательский парк Центральной Флориды работает над инновациями в аэрокосмической отрасли, цифровых медиа и агротехнологиях. Близость к космодрому на мысе Канаверал и порту Канаверал делает его важным логистическим и научным хабом, в которых работают люди, создающие завтра.</p>
</div>
</div>
</div>
<!-- Второй таб - РАЙОНЫ -->
<div class="tab-panel" id="panel2">
<div class="districts-container">
<div class="district-card">
<h3 class="district-title">ЦЕНТРАЛЬНОЕ ЯДРО</h3>
<p class="district-desc">Деловая мощь и исторический шарм<br><br>
Даунтаун — это сердце города, вокруг которого вырос современный Орландо. Это место крайне узнаваемо из-за межштатной магистрали, что разрезает здесь город и порой чарует своей развязкой, что может даже напугать и чуть запутать водителей, оказавшихся тут впервые. Оставаясь внутри этого района, можно будет найти основную часть административных зданий, суды и множество библиотек. Возле озера Иола находится амфитеатр, который служит главной сценой для городских праздников, концертов и фестивалей, а парк, раскинувшийся там, спасает многих от 38 градусной жары. что порой приходит в эти места. Как и положено сердцу, центр никогда не спит, "гоняя по телу кровь", отчего здесь всегда что-то происходит и что-то точно работает.<br>
К западу от центра, за межштатной автомагистралью, лежит Пэррамор — исторический район с богатым афроамериканским наследием, что находится на пути большой реконструкции и общего улучшения уровня жизни.<br>
Восточнее Даунтауна раскинулись Торнтон-Парк и Лейк-Иола-Хайтс. Здесь можно найти мощеные тротуары, отреставрированные бунгало 1920-х годов, бутики, галереи и оживлённые рестораны. Атмосфера этого района сочетает уют старого города с современными трендами. Сюда приезжают искатели уникальных товаров, ценители гастрономии и туристы, желающие сделать эффектные фотографии.</p>
</div>
<div class="district-card">
<h3 class="district-title">СЕВЕРНЫЙ СЕКТОР</h3>
<p class="district-desc">Академический шик и тенистые улицы<br><br>
Колледж-Парк — престижный район, гуляя по которому можно найти роскошный особняки. Здесь - один из самых спокойных и безопасных районов города, позволяющий погрузиться почти что в тишину среди суеты. Красивые парки, тенистые улицы позволяют ненадолго забыть о том, что где-то там гремит магистраль. В районе также расположены зелёные зоны Ист-Сентрал-Парк и Лейк-Копленд, обеспечивающие отдых и прогулки вдали от городского шума.<br>
Внутри Орландо, соприкасаясь по большей мере как раз с Северным и, отчасти, Восточным сектором, находится небольшой город, полностью окруженный им, но все еще имеющий собственный юридический статус. Уинтер-парк представляет из себя анклав старой, почти аристократической застройки. Внутри него располагается престижный Роллинз-колледж, раскинулись художественные музеи. Все это создает свою, отдельную от прочего Орландо, идентичность, способную словно даже вернуть в другое время. Несмотря на свою независимость, его инфраструктура связана и интегрирована в город.</p>
</div>
<div class="district-card">
<h3 class="district-title">ЗАПАДНЫЙ СЕКТОР</h3>
<p class="district-desc">Центр исторической памяти и городских контрастов<br><br>
Это место - то, где прошлое встречается с настоящим. Пайн-Хиллз, Роузмонт и Вашингтон-Шорс представляют из себя районы, полные контрастов. Здесь рядом стоят скромные дома и современные жилые кварталы.Исторически, здесь были сформированы крупные афроамериканские общины, а сегодня эти улицы часто становятся почти что аренами для дележе территорий между бандами. В районе Пайн-Хиллз сконцентрирован обширный промышленный кластер Тридцать Третьей Индастриал-стрит.<br>
На фоне нестабильности и бедности к юго-западу, в долине Аптока, раскинулся Метровест. Зона бизнес-парков, офисных комплексов и крупных торговых центров, что словно насмешкой возвышаются над нестабильностью, порой почти нищей, что сковала прочие районы этого сектора.</p>
</div>
<div class="district-card">
<h3 class="district-title">ЮЖНЫЙ СЕКТОР</h3>
<p class="district-desc">Пригороды, транспортные узлы и туристические зоны<br><br>
Юг Орландо являет собой, где спокойствие пригорода идет рука об руку с вечной суетой. Районы Конвей, Меддо-Вуд и Сандерленд считаются весьма спокойными, доступными и максимально пригодными для семейной жизни. Небольшие аккуратные дома раскинулись здесь, являя собой ту самую красивую картинку одноэтажной Америки. Здесь находится много школ, выпускающие учеников, что сдают экзамены с хорошими результатами, а парки дают спрятаться от солнца и суеты.<br>
В Богги-Крик расположен Международный аэропорт Орландо — важнейший транспортный узел не только города или даже штата, но и юга страны в целом. Обслуживая до 57 миллионов человек в год, он стал еще одним центром города, вокруг которого разрослись отели, логистические центры и склады. Это место словно и не знает о том, что такое покой. К северо-западу от аэропорта вдоль шоссе I-4, являющегося главной транспортной артерией города, раскинулась промышленно-туристическая территория Флорида-Сентер, более известная как Интернэшнл-Драйв. Это место горит огнями и завлекает в себя шумом всх тех, кто решил задержаться в Орландо. Порой именно тут оседают все те, кто решил ненадолго вынырнуть из тематических парков, так и не добираясь толком до города.</p>
</div>
<div class="district-card">
<h3 class="district-title">ЮГО-ВОСТОЧНЫЙ СЕКТОР</h3>
<p class="district-desc">Элитный город будущего<br><br>
Юго-восток — это то будущее, которое обещает построить мэрия для всего города. Развитие, инновации, благополучие. Все это стало визитной карточкой Лейк-Нона — флагманского проект современного Орландо. Здесь элитные жилые кварталы соседствуют с больницами с самым современным оборудованием.<br>
В небольшом отдалении от прочих районов сектора , ближе к Западу раскинулись Уиндемер и Давер-Шорс. Намеренно изолированные от прочих мест, эти анклав роскошных поместий раскинулись вдоль озер. Здесь не особо любят чужих и это подчеркивается присутствием частных патрулей охраны. Несмотря на то, что у этих мест нет статуса города, как у Уинтер-Парка.</p>
</div>
<div class="district-card">
<h3 class="district-title">ВОСТОЧНЫЙ СЕКТОР</h3>
<p class="district-desc">Рабочие районы и скрытая изнанка города<br><br>
Восток Орландо – еще одна неудобная часть города, которую так хочется прятаться. Для того, чтобы идеальная картинка оставалась такой нужно много рабочих рук и крупная инфраструктура. Ист-Энд и соседний Азалия-Парк вместе с промышленными зонами вдоль шоссе Колониал и 417-й трассы образуют, пожалуй, главную рабочую зону Орландо. Склады, производства, дистрибьюторские центры и мусороперерабатывающие комплексы обеспечивают вечный праздник всем необходимым, но деньги здесь задерживаются в карманах слишком немногих. Не столь высокие зарплаты людей, что живут здесь, буквально "видны", стоит кинуть чуть более внимательный взор на дома. Но город словно закрывает глаза на этот разросшийся рассадник нестабильности. Он молчит и особенно громко это молчание слышно на старейшем городском Гринвуд, что раскинулось здесь.</p>
</div>
<div class="district-card">
<h3 class="district-title">КИССИММИ</h3>
<p class="district-desc">Туристическая периферия и город на обочине праздника<br><br>
Киссимми – город, что не смог бы, скорее всего, выжить без своего более успешного "брата"-Орландо и парков, что окружают эти места. Небольшой и застрявший вначале XX века, он дает возможность туристам и людям найти более доступное жилье, а то и вовсе какие-то небольшие отели, выстроенные в стилистике почти салунов. Киссимми давно напрямую зависит от потока туристов и делает все, чтобы их очаровать.<br>
Семейные рестораны, сувенирные лавки и неоновая реклама сражаются за взгляды, но вместе с этим формируют странное ощущение постановки. Город имеет собственную инфраструктуру, но давно уже бы не смог справляться со многими ситуациями без помощи Орландо.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</html>[/html]
