New York City

NYC Radio

аудио загружается...

New York City

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » New York City » Гостевой Раздел » информация о городе и штате


информация о городе и штате

Сообщений 1 страница 3 из 3

1

[html]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Font Awesome 6 (иконки) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
    /* Стили действуют ТОЛЬКО внутри .forum-ny-message — безопасно для форума */
    .forum-ny-message {
        max-width: 100%;
        margin: 0;
        padding: 0;
        font-family: 'Segoe UI', Roboto, system-ui, 'Helvetica Neue', sans-serif;
        background: transparent;
    }
    /* Дизайнерская карточка с градиентным фоном */
    .ny-designer-card {
        background: linear-gradient(145deg, #fffaf5 0%, #ffffff 100%);
        border-radius: 32px;
        border: 1px solid rgba(255, 184, 77, 0.4);
        box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255,255,255,0.9);
        overflow: hidden;
    }
    /* Центрированные заголовки секций */
    .ny-section-title {
        font-size: 1.45rem;
        font-weight: 700;
        margin: 0 0 1.2rem 0;
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        background: rgba(255, 184, 77, 0.12);
        padding: 0.6rem 0;
        border-radius: 60px;
        letter-spacing: -0.2px;
    }
    .ny-section-title i {
        color: #e35f21;
        font-size: 1.3rem;
    }
    /* Карточки фактов с ховер-эффектом */
    .ny-fact-card {
        background: rgba(255, 248, 235, 0.7);
        backdrop-filter: blur(2px);
        transition: transform 0.15s ease, background 0.2s;
        border: 1px solid rgba(255, 200, 120, 0.5);
    }
    .ny-fact-card:hover {
        transform: translateY(-3px);
        background: #fff7ed;
    }
    /* Карточки компаний и университетов */
    .ny-company-card, .ny-university-card {
        transition: transform 0.15s ease, box-shadow 0.2s;
    }
    .ny-company-card:hover, .ny-university-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.12);
    }
    /* Декоративный разделитель */
    hr.ny-gold {
        margin: 0.5rem auto;
        width: 80px;
        height: 2px;
        background: linear-gradient(90deg, #ffb84d, #ffdd99, #ffb84d);
        border: none;
        border-radius: 4px;
    }
    /* Кнопка-ссылка */
    .ny-btn-wiki {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #1e4a6e;
        color: white;
        padding: 6px 18px;
        border-radius: 40px;
        font-size: 0.8rem;
        font-weight: 500;
        text-decoration: none;
        transition: 0.2s;
    }
    .ny-btn-wiki:hover {
        background: #ff8c42;
        color: white;
    }
    /* Адаптив */
    @media (max-width: 640px) {
        .ny-section-title { font-size: 1.2rem; }
    }
    /* Стили для изображений JPG */
    .ny-img {
        border-radius: 16px;
        border: 1px solid #e2e8f0;
        object-fit: cover;
        width: 100%;
        display: block;
    }
</style>
</head>
<body>
<!-- ========== АВТОНОМНЫЙ БЛОК ДЛЯ ФОРУМА (НЕ ВЛИЯЕТ НА ДИЗАЙН СТРАНИЦЫ) ========== -->
<div class="forum-ny-message">
    <div class="ny-designer-card">
       
        <!-- ШАПКА: центрированный заголовок с градиентным текстом -->
        <div style="padding: 1.2rem 1.8rem 0.5rem 1.8rem; text-align: center;">
            <h2 style="margin: 0; font-size: 1.9rem; font-weight: 800; background: linear-gradient(135deg, #1a3b4e, #e35f21); background-clip: text; -webkit-background-clip: text; color: transparent; display: inline-block; letter-spacing: -0.3px;">
                🗽 Нью-Йорк: Город и Штат
            </h2>
            <div style="text-align: center;">
                <p style="margin: 0.5rem 0 0.2rem; color: #4a627a; font-size: 0.9rem; font-weight: 500;">
                    <i class="fas fa-chart-line"></i> Бизнес-империя · <i class="fas fa-graduation-cap"></i> Образовательный центр · <i class="fas fa-mask"></i> Культурная столица
                </p>
                <hr class="ny-gold">
            </div>
        </div>
       
        <div style="padding: 1rem 1.8rem 1.5rem 1.8rem;">
           
            <!-- БЛОК 1: ИНТЕРЕСНЫЕ ФАКТЫ -->
            <div style="margin-bottom: 2rem;">
                <div class="ny-section-title">
                    <i class="fas fa-lightbulb"></i> <span>Интересные факты о Нью-Йорке</span> <i class="fas fa-star-of-life"></i>
                </div>
                <div style="display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center;">
                    <div class="ny-fact-card" style="flex: 1; min-width: 190px; background: #fef7e8; border-radius: 24px; padding: 1rem 1rem; text-align: center;">
                        <div style="font-size: 2rem;">🍕</div>
                        <div style="font-weight: 800; margin-top: 0.3rem;">Первая пиццерия США</div>
                        <div style="font-size: 0.85rem; color: #3a546d;">Lombardi's (1905, Манхэттен) — культовая нью-йоркская пицца.</div>
                    </div>
                    <div class="ny-fact-card" style="flex: 1; min-width: 190px; background: #eef4ff; border-radius: 24px; padding: 1rem 1rem; text-align: center;">
                        <div style="font-size: 2rem;">🌳</div>
                        <div style="font-weight: 800;">Центральный парк > Монако</div>
                        <div style="font-size: 0.85rem;">843 акра — больше территории княжества Монако.</div>
                    </div>
                    <div class="ny-fact-card" style="flex: 1; min-width: 190px; background: #e8f3ed; border-radius: 24px; padding: 1rem 1rem; text-align: center;">
                        <div style="font-size: 2rem;">🗣️</div>
                        <div style="font-weight: 800;">800+ языков</div>
                        <div style="font-size: 0.85rem;">Самый многоязычный город планеты. В Куинсе — 138 языков.</div>
                    </div>
                    <div class="ny-fact-card" style="flex: 1; min-width: 190px; background: #fce9f0; border-radius: 24px; padding: 1rem 1rem; text-align: center;">
                        <div style="font-size: 2rem;">🏛️</div>
                        <div style="font-weight: 800;">Финансовая столица мира</div>
                        <div style="font-size: 0.85rem;">Здесь находится Нью-Йоркская фондовая биржа и крупнейшие банки.</div>
                    </div>

           
            <!-- БЛОК 3: УНИВЕРСИТЕТЫ НЬЮ-ЙОРКА (https://avatars.mds.yandex.net/i?id=cc4 … s&n=13) -->
            <div style="margin-bottom: 1.5rem;">
                <div class="ny-section-title">
                    <i class="fas fa-graduation-cap"></i> <span>Ведущие университеты штата Нью-Йорк</span> <i class="fas fa-university"></i>
                </div>
                <div style="display: flex; flex-wrap: wrap; gap: 1.5rem;">
                    <!-- Cornell University (https://cdn.britannica.com/08/235008-05 … w-York.jpg) -->
                    <div class="ny-university-card" style="flex: 1; min-width: 260px; background: #ffffff; border-radius: 24px; overflow: hidden; border: 1px solid #eef2f8;">
                        <img class="ny-img" src="https://avatars.mds.yandex.net/i?id=597c9b0ab083b8b9ad9b292741e4ca22_l-4302648-images-thumbs&n=13" alt="Cornell University campus JPG" style="width: 100%; height: 160px; object-fit: cover;" onerror="this.src='https://placehold.co/400x200/f0f0f0/888?text=Cornell+University'">
                        <div style="padding: 1rem;">
                            <h3 style="margin: 0 0 0.3rem; font-size: 1.2rem;">Cornell University</h3>
                            <p style="font-size: 0.85rem; color: #4a627a;">Престижный университет Лиги плюща, расположен в Итаке, штат Нью-Йорк. Один из лидеров в области инженерии, бизнеса и сельского хозяйства. </p>
                            </div>
                    <!-- Columbia University (jpg) -->
                    <div class="ny-university-card" style="flex: 1; min-width: 260px; background: #ffffff; border-radius: 24px; overflow: hidden; border: 1px solid #eef2f8;">
                        <img class="ny-img" src="https://avatars.mds.yandex.net/i?id=7475a4a3f14ef3eaa1e75e8d0a307a1c_l-5220409-images-thumbs&n=13" alt="Columbia University Low Memorial Library JPG" style="width: 100%; height: 160px; object-fit: cover;" onerror="this.src='https://placehold.co/400x200/f0f0f0/888?text=Columbia+University'">
                        <div style="padding: 1rem;">
                            <h3 style="margin: 0 0 0.3rem; font-size: 1.2rem;">Columbia University</h3>
                            <p style="font-size: 0.85rem; color: #4a627a;">Расположен в Манхэттене, входит в Лигу плюща. Известен школами журналистики, бизнеса и права.</p>
                            </div>
                    <!-- NYU (jpg) -->
                    <div class="ny-university-card" style="flex: 1; min-width: 260px; background: #ffffff; border-radius: 24px; overflow: hidden; border: 1px solid #eef2f8;">
                        <img class="ny-img" src="https://i.pinimg.com/originals/0e/6c/a6/0e6ca6c997c1dff13460986f4b507669.jpg" alt="New York University Bobst Library JPG" style="width: 100%; height: 160px; object-fit: cover;" onerror="this.src='https://placehold.co/400x200/f0f0f0/888?text=NYU'">
                        <div style="padding: 1rem;">
                            <h3 style="margin: 0 0 0.3rem; font-size: 1.2rem;">New York University (NYU)</h3>
                            <p style="font-size: 0.85rem; color: #4a627a;">Расположен в Гринвич-Виллидж, сильные программы в области искусств, бизнеса (Stern) и права.</p>
                            </div>
                </div>
                <p style="font-size: 0.75rem; color: #6c7e9a; margin-top: 1rem; text-align: center;"><i class="fas fa-globe"></i> SUNY (State University of New York) — крупнейшая система высшего образования в США.</p>
            </div>
           
            <!-- БЛОК 4: РАЗВЛЕЧЕНИЯ (оставлен как просили ранее) -->
            <div style="margin-bottom: 1rem;">
                <div class="ny-section-title">
                    <i class="fas fa-mask"></i> <span>Развлечения — от Бродвея до водопадов</span> <i class="fas fa-wine-glass"></i>
                </div>
                <div style="display: flex; flex-wrap: wrap; gap: 1.5rem;">
                    <div style="flex: 1.4; min-width: 260px; background: #fff5eb; border-radius: 24px; padding: 1rem 1.2rem; border: 1px solid #ffecdb;">
                        <div><span style="font-size: 1.3rem;">🎭</span> <strong>NYC — эпицентр шоу и культуры</strong></div>
                        <div style="display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.8rem 0;">
                            <span style="background: #ffe0b5; padding: 4px 12px; border-radius: 40px;">🏆 Бродвей (41 театр)</span>
                            <span style="background: #ffe0b5; padding: 4px 12px; border-radius: 40px;">🎸 Madison Square Garden</span>
                            <span style="background: #ffe0b5; padding: 4px 12px; border-radius: 40px;">🎨 Музей MET и MoMA</span>
                            <span style="background: #ffe0b5; padding: 4px 12px; border-radius: 40px;">⚾ Yankees, Mets, Knicks</span>
                        </div>
                        <div><i class="fas fa-wine-bottle"></i> <strong>Ночная жизнь:</strong> бары на крышах, джаз-клубы (Blue Note).</div>
                    </div>
                    <div style="flex: 1; min-width: 250px; background: #eef2fa; border-radius: 24px; padding: 1rem 1.2rem; border: 1px solid #e0e8f2;">
                        <div><span style="font-size: 1.3rem;">🏞️</span> <strong>Штат Нью-Йорк: природа и экстрим</strong></div>
                        <ul style="margin: 0.6rem 0 0 1rem;">
                            <li><strong>Ниагарский водопад</strong> — круиз на Maid of the Mist.</li>
                            <li><strong>Finger Lakes</strong> — винные туры, каякинг.</li>
                            <li><strong>Горнолыжные курорты:</strong> Whiteface, Hunter Mountain.</li>
                            <li><strong>Адирондак</strong> — 46 вершин, треккинг.</li>
                        </ul>
                    </div>
                </div>
            </div>
           
            <!-- Футер -->
            <div style="margin-top: 1.8rem; text-align: center; font-size: 0.75rem; color: #5b6f8c; border-top: 1px solid #f0e5d8; padding-top: 1rem;">
               
<!-- ========== КОНЕЦ БЛОКА ДЛЯ ФОРУМА ========== -->
</body>
</html>[/html]

+1

2

[html]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Font Awesome 6 (иконки) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
    /* Стили действуют ТОЛЬКО внутри .forum-ny-nature — безопасно для форума */
    .forum-ny-nature {
        max-width: 100%;
        margin: 0;
        padding: 0;
        font-family: 'Segoe UI', Roboto, system-ui, 'Helvetica Neue', sans-serif;
        background: transparent;
    }
    /* Дизайнерская карточка в стиле "Природа и фермерство" (как в предыдущем блоке) */
    .ny-nature-card {
        background: linear-gradient(135deg, #fbf8ef 0%, #f5f7e9 100%);
        border-radius: 36px;
        border: 1px solid rgba(120, 100, 50, 0.25);
        box-shadow: 0 16px 32px -12px rgba(40, 30, 10, 0.12), inset 0 1px 0 rgba(255,252,235,0.9);
        overflow: hidden;
    }
    /* Центрированные заголовки секций в деревенском стиле */
    .ny-section-title {
        font-size: 1.45rem;
        font-weight: 700;
        margin: 0 0 1.2rem 0;
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        background: rgba(160, 120, 60, 0.12);
        padding: 0.6rem 0;
        border-radius: 60px;
        letter-spacing: -0.2px;
        color: #3b2c1e;
    }
    .ny-section-title i {
        color: #8b6b3d;
        font-size: 1.3rem;
    }
    /* Карточки округов */
    .ny-county-card {
        transition: transform 0.2s ease, box-shadow 0.2s;
        background: rgba(255, 252, 240, 0.85);
        backdrop-filter: blur(1px);
        border: 1px solid #e6dbbc;
        border-radius: 24px;
        padding: 1rem;
    }
    .ny-county-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 24px -10px rgba(60, 45, 20, 0.15);
        background: #fffef7;
    }
    /* Декоративный разделитель */
    hr.ny-earth {
        margin: 0.5rem auto;
        width: 90px;
        height: 2px;
        background: linear-gradient(90deg, #bc9a6c, #efdba1, #bc9a6c);
        border: none;
        border-radius: 4px;
    }
    /* Кнопка-ссылка */
    .ny-btn-nature {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #6f4f2e;
        color: white;
        padding: 6px 18px;
        border-radius: 40px;
        font-size: 0.8rem;
        font-weight: 500;
        text-decoration: none;
        transition: 0.2s;
    }
    .ny-btn-nature:hover {
        background: #a57648;
        color: white;
    }
    /* Стили для карты */
    .ny-map-container {
        background: #e6ddcb;
        border-radius: 28px;
        padding: 1rem;
        text-align: center;
        margin-bottom: 1.5rem;
        border: 1px solid #d6c8ae;
    }
    .ny-map-img {
        max-width: 100%;
        border-radius: 20px;
        border: 1px solid #b59e74;
        box-shadow: 0 6px 12px rgba(0,0,0,0.05);
    }
    @media (max-width: 640px) {
        .ny-section-title { font-size: 1.2rem; }
    }
</style>
</head>
<body>
<!-- ========== АВТОНОМНЫЙ БЛОК: ОКРУГА НЬЮ-ЙОРКА (НОВЫЙ СТИЛЬ + КАРТА) ========== -->
<div class="forum-ny-nature">
    <div class="ny-nature-card">
       
        <!-- ШАПКА с земляным настроением -->
        <div style="padding: 1.2rem 1.8rem 0.5rem 1.8rem; text-align: center; background: rgba(215, 195, 150, 0.15);">
            <h2 style="margin: 0; font-size: 1.9rem; font-weight: 800; background: linear-gradient(135deg, #5e3e28, #a77c4d); background-clip: text; -webkit-background-clip: text; color: transparent; display: inline-block; letter-spacing: -0.3px;">
                🗺️ Округа штата Нью-Йорк: чем знамениты
            </h2>
            <div style="text-align: center;">
                <p style="margin: 0.5rem 0 0.2rem; color: #5c4b32; font-size: 0.9rem; font-weight: 500;">
                    <i class="fas fa-map-marked-alt"></i> 62 округа · уникальная история · природные и культурные сокровища
                </p>
                <hr class="ny-earth">
            </div>
        </div>
       
        <div style="padding: 1rem 1.8rem 1.5rem 1.8rem;">
           
            <!-- КАРТА ОКРУГОВ (https://thumbs.dreamstime.com/b/карта-о … 364750.jpg) -->
            <div class="ny-map-container">
                <div style="font-weight: 600; margin-bottom: 8px; color: #5e3e28;"><i class="fas fa-map"></i> Карта округов штата Нью-Йорк</div>
                <img class="ny-map-img" src="https://thumbs.dreamstime.com/b/карта-округа-нью-йорка-красочная-с-именами-округов-мы-федеративное-173364750.jpg"
                     alt="Карта округов штата Нью-Йорк (цветная с названиями)"
                     title="Округа Нью-Йорка"
                     onerror="this.src='https://placehold.co/900x600/f5efdf/a77c4d?text=Map+of+New+York+Counties'">
            </div>
           
            <!-- БЛОК: ВЫДАЮЩИЕСЯ ОКРУГА (5 ярких примеров) -->
            <div class="ny-section-title">
                <i class="fas fa-star-of-life"></i> <span>Звёздные округа: что посмотреть</span> <i class="fas fa-flag-usa"></i>
            </div>
           
            <div style="display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.8rem;">
                <!-- Округ Нью-Йорк (Манхэттен) -->
                <div class="ny-county-card" style="flex: 1; min-width: 240px;">
                    <i class="fas fa-city" style="font-size: 1.6rem; color:#a77c4d;"></i>
                    <h3 style="margin: 0.3rem 0 0.2rem;">Нью-Йорк (New York County) — Манхэттен</h3>
                    <p style="font-size: 0.85rem;">Финансовая столица мира (Уолл-стрит), Бродвей, Таймс-сквер, Центральный парк, Метрополитен-музей. Самый густонаселённый округ США.</p>
                </div>
                <!-- Округ Кингс (Бруклин) -->
                <div class="ny-county-card" style="flex: 1; min-width: 240px;">
                    <i class="fas fa-bridge" style="font-size: 1.6rem; color:#a77c4d;"></i>
                    <h3 style="margin: 0.3rem 0 0.2rem;">Кингс (Kings County) — Бруклин</h3>
                    <p style="font-size: 0.85rem;">Кони-Айленд, Бруклинский мост, культовая пиццерия Di Fara, хипстерская атмосфера Уильямсбурга.</p>
                </div>
                <!-- Округ Куинс -->
                <div class="ny-county-card" style="flex: 1; min-width: 240px;">
                    <i class="fas fa-globe-americas" style="font-size: 1.6rem; color:#a77c4d;"></i>
                    <h3 style="margin: 0.3rem 0 0.2rem;">Куинс (Queens County)</h3>
                    <p style="font-size: 0.85rem;">Самый этнически разнообразный округ в США, аэропорт JFK, стадион US Open (теннис), музей движущегося образа.</p>
                </div>
            </div>
           
            <div style="display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.8rem;">
                <!-- Округ Олбани -->
                <div class="ny-county-card" style="flex: 1; min-width: 220px;">
                    <i class="fas fa-landmark" style="font-size: 1.6rem;"></i>
                    <h3 style="margin: 0.3rem 0 0.2rem;">Олбани (Albany County)</h3>
                    <p style="font-size: 0.85rem;">Столица штата. Капитолий штата Нью-Йорк, государственный музей NY, старейший город в США (основан 1614).</p>
                </div>
                <!-- Округ Эри (Буффало) -->
                <div class="ny-county-card" style="flex: 1; min-width: 220px;">
                    <i class="fas fa-water" style="font-size: 1.6rem;"></i>
                    <h3 style="margin: 0.3rem 0 0.2rem;">Эри (Erie County) — Буффало</h3>
                    <p style="font-size: 0.85rem;">Ниагарский водопад (на границе с Канадой), архитектура Фрэнка Ллойда Райта (Martin House), курица по-буффальски.</p>
                </div>
                <!-- Округ Монро (Рочестер) -->
                <div class="ny-county-card" style="flex: 1; min-width: 220px;">
                    <i class="fas fa-camera" style="font-size: 1.6rem;"></i>
                    <h3 style="margin: 0.3rem 0 0.2rem;">Монро (Monroe County) — Рочестер</h3>
                    <p style="font-size: 0.85rem;">Музей Джорджа Истмана (Kodak), Фестиваль сирени, High Falls, сильная оптическая промышленность.</p>
                </div>
            </div>
           
            <div style="display: flex; flex-wrap: wrap; gap: 1rem;">
                <!-- Округ Саффолк (Лонг-Айленд) -->
                <div class="ny-county-card" style="flex: 1; min-width: 210px;">
                    <i class="fas fa-umbrella-beach" style="font-size: 1.4rem;"></i>
                    <strong>Саффолк (Suffolk County)</strong><br>
                    <span style="font-size: 0.85rem;">Хэмптонс, пляжи, устричные фермы, виноградники на Северной вилке.</span>
                </div>
                <!-- Округ Нассау -->
                <div class="ny-county-card" style="flex: 1; min-width: 210px;">
                    <i class="fas fa-golf-ball" style="font-size: 1.4rem;"></i>
                    <strong>Нассау (Nassau County)</strong><br>
                    <span style="font-size: 0.85rem;">Джонс-Бич, стадион «Нью-Йорк Айлендерс», исторические усадьбы золотого века.</span>
                </div>
                <!-- Округ Вестчестер -->
                <div class="ny-county-card" style="flex: 1; min-width: 210px;">
                    <i class="fas fa-tree" style="font-size: 1.4rem;"></i>
                    <strong>Вестчестер (Westchester County)</strong><br>
                    <span style="font-size: 0.85rem;">Парки вдоль Гудзона, замок Линдхерст, штаб-квартира IBM и PepsiCo.</span>
                </div>
                <!-- Округ Саратога -->
                <div class="ny-county-card" style="flex: 1; min-width: 210px;">
                    <i class="fas fa-horse" style="font-size: 1.4rem;"></i>
                    <strong>Саратога (Saratoga County)</strong><br>
                    <span style="font-size: 0.85rem;">Минеральные источники, конные скачки, исторический парк Саратога-Бэттлфилд.</span>
                </div>
            </div>
           
            <!-- Дополнительная таблица-акцент -->
            <div style="margin-top: 1.5rem; background: #efe3cf; border-radius: 22px; padding: 0.8rem 1.2rem;">
                <p style="margin: 0; font-size: 0.85rem;"><i class="fas fa-chart-pie"></i> <strong>62 округа:</strong> от густонаселённого Манхэттена (1.6 млн) до малонаселённого округа Гамильтон (≈ 5 000 жителей) в горах Адирондак. Каждый округ обладает уникальным характером — от сельскохозяйственных фермерских районов до индустриальных гигантов.</p>
                <p style="margin: 0.5rem 0 0 0; font-size: 0.8rem;"><i class="fas fa-wine-bottle"></i> <strong>Округ Йейтс (Finger Lakes):</strong> столица рислинга и пино-нуар. <strong>Округ Шуйлер:</strong> родина актёра Джона Уэйна. <strong>Округ Аллегейни:</strong> крупнейший производитель молочной продукции в штате.</p>
            </div>
           
         
<!-- ========== КОНЕЦ БЛОКА ========== -->
</body>
</html>[/html]

+1

3

[html]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Font Awesome 6 (иконки) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
    /* Стили действуют ТОЛЬКО внутри .forum-ny-nature — безопасно для форума */
    .forum-ny-nature {
        max-width: 100%;
        margin: 0;
        padding: 0;
        font-family: 'Segoe UI', Roboto, system-ui, 'Helvetica Neue', sans-serif;
        background: transparent;
    }
    /* Дизайнерский карточка в стиле "Природа и фермерство штата" */
    .ny-nature-card {
        background: linear-gradient(135deg, #fbf8ef 0%, #f5f7e9 100%);
        border-radius: 36px;
        border: 1px solid rgba(120, 100, 50, 0.25);
        box-shadow: 0 16px 32px -12px rgba(40, 30, 10, 0.12), inset 0 1px 0 rgba(255,252,235,0.9);
        overflow: hidden;
    }
    /* Центрированные заголовки секций в деревенском стиле */
    .ny-section-title {
        font-size: 1.45rem;
        font-weight: 700;
        margin: 0 0 1.2rem 0;
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        background: rgba(160, 120, 60, 0.12);
        padding: 0.6rem 0;
        border-radius: 60px;
        letter-spacing: -0.2px;
        color: #3b2c1e;
    }
    .ny-section-title i {
        color: #8b6b3d;
        font-size: 1.3rem;
    }
    /* Карточки фактов, ферм, родео */
    .ny-farm-card, .ny-rodeo-card, .ny-resort-card {
        transition: transform 0.2s ease, box-shadow 0.2s;
        background: rgba(255, 252, 240, 0.85);
        backdrop-filter: blur(1px);
        border: 1px solid #e6dbbc;
    }
    .ny-farm-card:hover, .ny-rodeo-card:hover, .ny-resort-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 24px -10px rgba(60, 45, 20, 0.15);
        background: #fffef7;
    }
    /* Декоративный разделитель */
    hr.ny-earth {
        margin: 0.5rem auto;
        width: 90px;
        height: 2px;
        background: linear-gradient(90deg, #bc9a6c, #efdba1, #bc9a6c);
        border: none;
        border-radius: 4px;
    }
    /* Кнопка-ссылка */
    .ny-btn-nature {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #6f4f2e;
        color: white;
        padding: 6px 18px;
        border-radius: 40px;
        font-size: 0.8rem;
        font-weight: 500;
        text-decoration: none;
        transition: 0.2s;
    }
    .ny-btn-nature:hover {
        background: #a57648;
        color: white;
    }
    /* Стили для изображений (jpg placeholder) */
    .ny-img-styled {
        border-radius: 20px;
        border: 1px solid #e2d8c0;
        object-fit: cover;
        width: 100%;
        display: block;
        background: #ede3cd;
    }
    @media (max-width: 640px) {
        .ny-section-title { font-size: 1.2rem; }
    }
</style>
</head>
<body>
<!-- ========== АВТОНОМНЫЙ БЛОК: ФЕРМЫ, РОДЕО, КУРОРТЫ NY (НОВЫЙ СТИЛЬ) ========== -->
<div class="forum-ny-nature">
    <div class="ny-nature-card">
       
        <!-- ШАПКА с земляным настроением -->
        <div style="padding: 1.2rem 1.8rem 0.5rem 1.8rem; text-align: center; background: rgba(215, 195, 150, 0.15);">
            <h2 style="margin: 0; font-size: 1.9rem; font-weight: 800; background: linear-gradient(135deg, #5e3e28, #a77c4d); background-clip: text; -webkit-background-clip: text; color: transparent; display: inline-block; letter-spacing: -0.3px;">
                🌾 Фермы · Родео · Курорты штата Нью-Йорк
            </h2>
            <div style="text-align: center;">
                <p style="margin: 0.5rem 0 0.2rem; color: #5c4b32; font-size: 0.9rem; font-weight: 500;">
                    <i class="fas fa-tractor"></i> 30 000+ ферм · <i class="fas fa-horse"></i> Родео-традиции штата · <i class="fas fa-umbrella-beach"></i> Курорты от Адирондак до Хэмптонс
                </p>
                <hr class="ny-earth">
            </div>
        </div>
       
        <div style="padding: 1rem 1.8rem 1.5rem 1.8rem;">
           
            <!-- БЛОК 1: ФЕРМЫ (ключевые факты, U-Pick, агротуризм) -->
            <div style="margin-bottom: 2rem;">
                <div class="ny-section-title">
                    <i class="fas fa-seedling"></i> <span>Фермерское наследие штата NY</span> <i class="fas fa-apple-alt"></i>
                </div>
               
                <!-- Статистика и общая информация -->
                <div style="background: #f5efdf; border-radius: 24px; padding: 1rem 1.2rem; margin-bottom: 1.2rem; border-left: 8px solid #a77c4d;">
                    <p style="margin: 0; font-size: 1rem; color: #3b2c1e;"><i class="fas fa-chart-line" style="color:#8b6b3d;"></i> <strong>Более 30 000 фермерских хозяйств</strong> (2022 г.) — от северной части штата до пригородов Нью-Йорк-Сити. Фермы производят фрукты, ягоды, овощи, молочную продукцию, мясо, а также шерсть альпак.</p>
                </div>
               
                <div style="display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.2rem;">
                    <div class="ny-farm-card" style="flex: 1; min-width: 200px; border-radius: 24px; padding: 1rem;">
                        <div style="font-size: 1.6rem;"><i class="fas fa-hand-holding-heart"></i></div>
                        <div style="font-weight: 800; margin-top: 0.2rem;">U‑Pick (сбор урожая)</div>
                        <div style="font-size: 0.85rem;">Яблоки, ягоды, персики — популярные фермы в долине Гудзон и Лонг-Айленде.</div>
                    </div>
                    <div class="ny-farm-card" style="flex: 1; min-width: 200px; border-radius: 24px; padding: 1rem;">
                        <div style="font-size: 1.6rem;"><i class="fas fa-feather-alt"></i></div>
                        <div style="font-weight: 800;">Цветочные фермы & альпаки</div>
                        <div style="font-size: 0.85rem;">Прогулки с альпаками, сезонные поля для срезки цветов.</div>
                    </div>
                    <div class="ny-farm-card" style="flex: 1; min-width: 200px; border-radius: 24px; padding: 1rem;">
                        <div style="font-size: 1.6rem;"><i class="fas fa-egg"></i></div>
                        <div style="font-weight: 800;">Уникальные локации</div>
                        <div style="font-size: 0.85rem;">Утиные фермы на Лонг-Айленде, историческая ферма в Куинсе (Queens Farm Museum).</div>
                    </div>
                    <div class="ny-farm-card" style="flex: 1; min-width: 200px; border-radius: 24px; padding: 1rem;">
                        <div style="font-size: 1.6rem;"><i class="fas fa-bus"></i></div>
                        <div style="font-weight: 800;">Агротуризм</div>
                        <div style="font-size: 0.85rem;">Экскурсии, аренда фермерских домов, дегустации — тысячи рабочих мест.</div>
                    </div>
                </div>
                <!-- дополнительный акцент -->
                <div style="background: #e9e0ce; border-radius: 20px; padding: 0.7rem 1rem; text-align: center;">
                    <i class="fas fa-tractor"></i> <strong>Экономика штата:</strong> фермерство обеспечивает десятки тысяч рабочих мест и формирует гастрономический бренд NY.
                </div>
            </div>
           
            <!-- БЛОК 2: РОДЕО (профессиональные и местные события) -->
            <div style="margin-bottom: 2rem;">
                <div class="ny-section-title">
                    <i class="fas fa-horse"></i> <span>Родео в Нью-Йорке: ковбои Адирондака</span> <i class="fas fa-hat-cowboy"></i>
                </div>
                <p style="margin-bottom: 0.8rem; font-style: italic; color: #5a452c;">Хотя Нью-Йорк не ассоциируется с Диким Западом, здесь проходят зрелищные родео, в том числе санкционированные PRCA и PBR.</p>
               
                <div style="display: flex; flex-wrap: wrap; gap: 1rem;">
                    <!-- Painted Pony -->
                    <div class="ny-rodeo-card" style="flex: 1; min-width: 240px; background: #fcf7ea; border-radius: 24px; padding: 1rem;">
                        <i class="fas fa-trophy" style="color:#b87c3a; font-size: 1.5rem;"></i>
                        <h3 style="margin: 0.3rem 0; font-size: 1.15rem;">Painted Pony Championship Rodeo</h3>
                        <p style="font-size: 0.85rem;">Лейк-Лузерн. Еженедельно летом (июль–август). Одно из самых известных родео на востоке США.</p>
                    </div>
                    <div class="ny-rodeo-card" style="flex: 1; min-width: 240px; background: #fcf7ea; border-radius: 24px; padding: 1rem;">
                        <i class="fas fa-star" style="color:#b87c3a;"></i>
                        <h3 style="margin: 0.3rem 0; font-size: 1.15rem;">Adirondack Stampede</h3>
                        <p style="font-size: 0.85rem;">Гленс-Фолс (ноябрь). Профессиональное родео PRCA в Cool Insuring Arena. Благотворительное событие.</p>
                    </div>
                    <div class="ny-rodeo-card" style="flex: 1; min-width: 240px; background: #fcf7ea; border-radius: 24px; padding: 1rem;">
                        <i class="fas fa-fire" style="color:#b87c3a;"></i>
                        <h3 style="margin: 0.3rem 0; font-size: 1.15rem;">Double M Western Rodeo</h3>
                        <p style="font-size: 0.85rem;">Балстон-Спа. Субботы в июле/августе, семейное родео с барбекю и кантри-вечеринками.</p>
                    </div>
                </div>
                <div style="display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem;">
                    <div class="ny-rodeo-card" style="flex: 1; min-width: 210px; background: #fcf7ea; border-radius: 24px; padding: 0.9rem;">
                        <span style="font-weight: 800;">🏆 Gerry Rodeo (Джерри)</span><br>С 1945 года, старейшее родео на северо-востоке США. Август, профессиональные ковбои.
                    </div>
                    <div class="ny-rodeo-card" style="flex: 1; min-width: 210px; background: #fcf7ea; border-radius: 24px; padding: 0.9rem;">
                        <span style="font-weight: 800;">🐂 PBR в Madison Square Garden</span><br>Элитная серия Professional Bull Riders, январь. Не классическое родео, но зрелищные скачки на быках.
                    </div>
                </div>
                <div style="background: #efe3cf; border-radius: 20px; padding: 0.7rem 1rem; margin-top: 1rem; font-size: 0.85rem;">
                    <i class="fas fa-map-marker-alt"></i> <strong>Сезонность и локации:</strong> Большинство родео проходят летом под открытым небом в нескольких часах от NYC (горы Адирондак, граница с Пенсильванией). Дисциплины: верховая езда на быках, борьба со степным быком (steer wrestling), скачки вокруг бочек.
                </div>
            </div>
           
            <!-- БЛОК 3: КУРОРТЫ (пляжи, озера, горы, спа) -->
            <div style="margin-bottom: 1rem;">
                <div class="ny-section-title">
                    <i class="fas fa-umbrella-beach"></i> <span>Курорты штата Нью-Йорк</span> <i class="fas fa-mountain"></i>
                </div>
               
                <div style="display: flex; flex-wrap: wrap; gap: 1.2rem;">
                    <!-- Пляжный отдых -->
                    <div class="ny-resort-card" style="flex: 1.2; min-width: 240px; background: #fffbf0; border-radius: 24px; padding: 1rem;">
                        <i class="fas fa-water" style="font-size: 1.3rem; color:#2f7d5c;"></i>
                        <h3 style="margin: 0.4rem 0 0.6rem;">🏖️ Пляжный отдых (Лонг-Айленд)</h3>
                        <ul style="margin: 0; padding-left: 1.2rem;">
                            <li><strong>Хэмптонс (The Hamptons)</strong> — элитные пляжи, светская жизнь.</li>
                            <li><strong>Рокавей-Бич (Rockaway Beach)</strong> — серфинг в черте города.</li>
                            <li><strong>Кони-Айленд</strong> — исторический пляж + парк аттракционов.</li>
                        </ul>
                    </div>
                    <!-- Озерные курорты -->
                    <div class="ny-resort-card" style="flex: 1; min-width: 220px; background: #fffbf0; border-radius: 24px; padding: 1rem;">
                        <i class="fas fa-ship" style="font-size: 1.3rem;"></i>
                        <h3 style="margin: 0.4rem 0 0.6rem;">🏞️ Озерные курорты Upstate</h3>
                        <ul style="margin: 0; padding-left: 1.2rem;">
                            <li><strong>Озеро Джордж</strong> — «королева американских озер», пляжи, лодки.</li>
                            <li><strong>Озера Онтарио / Онейда</strong> — парк Мехико-Пойнт, Сэнди-Айленд.</li>
                            <li><strong>Фингер-Лейкс</strong> — курорты среди виноградников.</li>
                        </ul>
                    </div>
                    <!-- Горные и спа-курорты -->
                    <div class="ny-resort-card" style="flex: 1; min-width: 240px; background: #fffbf0; border-radius: 24px; padding: 1rem;">
                        <i class="fas fa-skiing" style="font-size: 1.3rem;"></i>
                        <h3 style="margin: 0.4rem 0 0.6rem;">⛰️ Горные и спа-курорты</h3>
                        <ul style="margin: 0; padding-left: 1.2rem;">
                            <li><strong>Катскилл (Catskills)</strong> — Hunter Mountain, Windham (лыжи, зиплайн).</li>
                            <li><strong>Адирондак (Adirondacks)</strong> — Whiteface Mountain, походы, каякинг.</li>
                            <li><strong>Саратога-Спрингс</strong> — минеральные источники, спа, конные скачки.</li>
                        </ul>
                    </div>
                </div>
                <!-- Бонус: краткое описание активного отдыха -->
                <div style="margin-top: 1rem; background: #e6ddcb; border-radius: 22px; padding: 0.8rem 1.2rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: center;">
                    <span><i class="fas fa-hiking"></i> <strong>Активный отдых:</strong> каякинг, зиплайнинг, треккинг, горные лыжи, велосипедные маршруты.</span>
                    <span><i class="fas fa-spa"></i> <strong>Spa-курорты:</strong> Минеральные источники Саратоги, велнес-центры в Катскилл.</span>
                </div>
                <p style="font-size: 0.75rem; margin-top: 1rem; text-align: center; color: #6e5a3e;"><i class="fas fa-crown"></i> От Хэмптонс до Адирондак — штат Нью-Йорк дарит отдых на любой вкус: океанские пляжи, горнолыжные склоны и спокойные озёрные курорты.</p>
            </div>
           
            <!-- Футер (нейтральные ссылки) -->
            <div style="margin-top: 1.8rem; text-align: center; font-size: 0.75rem; color: #7c6a50; border-top: 1px solid #e2d2bc; padding-top: 1rem;">
        </div>
    </div>
</div>
<!-- ========== КОНЕЦ БЛОКА ========== -->
</body>
</html>[/html]

+3

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » New York City » Гостевой Раздел » информация о городе и штате


Рейтинг форумов | Создать форум бесплатно