    <header>
        <div class="content">
            <h1>Добро пожаловать во</h1> 
            <h1>Владимирскую область</h1>
            <br>
            <p>Здесь сочетаются богатое культурное наследие и живописные природные пейзажи. Каждый уголок региона хранит свою историю, а красивые просторы приглашают насладиться тишиной и уединением. Исследуйте древние города, потрясающие памятники и живую природу — Владимирская область обещает оставить незабываемые впечатления.</p>
        </div>
    </header>
    <section id="tile" class="section">
    <h2>Десять лиц области</h2>
    <p class="section-description">
        Владимирская область — это уникальный регион России с богатейшей историей, красивейшей природой и наследием, которое олицетворяют исторические города, памятники культуры и традиционные ремесла. В этом разделе представлены интересные факты и особенности региона.
    </p>
    <br>
    <p class="justify-text"></p>
    <br>
    <div class="tiles-container">
    <div class="tile-card">
        <div class="tile-number">Один<br>из<br>старейших<br>городов</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Город Владимир, основанный в 990 году, старше Москвы на полтора века и был одной из столиц Древней Руси. Также Владимир — один из 12 городов России, старше 1000 лет.</p>
        </div>
    </div>

    <div class="tile-card">
        <div class="tile-number">Два<br>памятника<br>Андрея<br>Боголюбского</div>
        <div class="tile-content">
        <button class="tile-close-button">✕</button>
        <p> Успенский собор во Владимире, первый в России, где началась традиция коронации русских князей, и Боголюбовский монастырь, основанный князем в его родовых землях.</p>
    </div>
</div>

    <div class="tile-card">
        <div class="tile-number">Три<br>великие<br>реки<br>региона</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Клязьма, Нерль и Ока пересекают Владимирскую область, создавая её уникальный природный облик.</p>
        </div>
    </div>

    <div class="tile-card">
        <div class="tile-number">Четыре<br>известных<br>древних<br>монастыря</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Спасо-Евфимиев монастырь, Боголюбовский монастырь и другие объекты культурного наследия.</p>
        </div>
    </div>

    <div class="tile-card">
        <div class="tile-number">Пять<br>крупнейших<br>заводов<br>стекла</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Владимирская область производит почти половину стекольной продукции России.</p>
        </div>
    </div>

    <div class="tile-card">
        <div class="tile-number">Шесть<br>долгих<br>месяцев<br>зимы</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Климат региона суров, среднегодовая температура составляет всего +5 °C, а снег лежит в среднем 144 дня в году.</p>
        </div>
    </div>

    <div class="tile-card">
        <div class="tile-number">Семь<br>уникальных<br>народных<br>промыслов</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Гусевский хрусталь, мстерская лаковая миниатюра, шитьё золотом и другие промыслы.</p>
        </div>
    </div>

    <div class="tile-card">
        <div class="tile-number">Восемь<br>всемирных<br>объектов<br>ЮНЕСКО</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Во Владимирской области расположены восемь объектов Всемирного наследия ЮНЕСКО, которые ежегодно привлекают тысячи туристов.</p>
        </div>
    </div>

    <div class="tile-card">
        <div class="tile-number">Девять<br>исторических<br>городов<br>региона</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Владимирская область включает в себя исторические города с уникальной атмосферой и памятниками старины.</p>
        </div>
    </div>

    <div class="tile-card">
        <div class="tile-number">Десять<br>тысяч<br>лет<br>истории</div>
        <div class="tile-content">
            <button class="tile-close-button">✕</button>
            <p>Регион имеет богатейшую историю, начиная с эпохи палеолита, о чём свидетельствуют многочисленные археологические находки.</p>
        </div>
    </div>
</div>
    </section>
    
    

    <section id="attractions" class="section">
        <h2>Архитектурное<br>наследие</h2>
        <p>Познакомьтесь с величественными памятниками древнерусской архитектуры Владимирского края. Узнайте больше, нажав на изображение:</p>
            <ul>
                <li><strong>Золотые ворота во Владимире</strong>: Символ XII века, встречавший знатных гостей княжеского города.</li>
                <li><strong>Суздальский Кремль</strong>: Средневековый центр Суздаля, воплощение жизни Руси того времени.</li>
                <li><strong>Муромский Спасо-Преображенский монастырь</strong>: Место легенд о святом Илье Муромце, основанное в XI веке.</li>
                <li><strong>Храм Покрова на Нерли</strong>: Жемчужина XII века, гармонично соединяющая архитектуру и природу.</li>
            </ul>
        <p>Почувствуйте дух древней Руси и вдохновитесь этими уникальными памятниками!</p>
        <div class="attractions">
    <div class="attraction-card" style="background-image: url('assets/pictures/vladimir/golden_gates.jpg');">
        <div class="card-content">
            <h3>Золотые ворота</h3>
            <p>Золотые ворота Владимира — символ древнего города, хранящий в себе множество исторических тайн и легенд, которые стоит раскрыть.</p>
            <a href="<?php echo GOLDEN_GATE; ?>">Читать статью</a>
        </div>
    </div>
    <div class="attraction-card" style="background-image: url('assets/pictures/suzdal/kremlin.jpg');">
        <div class="card-content">
            <h3>Суздальский Кремль</h3>
            <p>Суздальский Кремль — место, где оживает история: прогуляйтесь среди древних стен и раскройте секреты средневековой Руси.</p>
            <a href="<?php echo SUZDAL_KREMLIN; ?>">Читать статью</a>
        </div>
    </div>
    <div class="attraction-card" style="background-image: url('assets/pictures/murom/spaso_preobrazhensky_monastery.jpg');">
        <div class="card-content">
            <h3>«Спасский что на Бору»</h3>
            <p>Муромский Спасо-Преображенский монастырь — древний уголок истории, окутанный легендами о святом Илье Муромце.</p>
            <a href="<?php echo MUROM_MONASTERY; ?>">Читать статью</a>
        </div>
    </div>
    <div class="attraction-card" style="background-image: url('assets/pictures/bogolyubovo/pokrova_on_nerl.jpg');">
        <div class="card-content">
            <h3>Покрова на Нерли</h3>
            <p>Храм Покрова на Нерли — шедевр XII века, утопающий в живописной природе и воплощающий красоту древнерусской архитектуры.</p>
            <a href="<?php echo POKROVA_ON_NERL; ?>">Читать статью</a>
        </div>
    </div>
</div>

    </section>
            
    <section id="map-section" class="section"> 
        <h2>Интерактивная карта<br>Владимирской области</h2>
        <p class="section-description">
        Интерактивная карта Владимирской области — ваш гид по интересным уголкам региона. Выбирайте нужный режим, чтобы познакомиться с местными достопримечательностями:
        <br><br>
        <span class="gastronomic">🍴 Гастрономический</span> — лучшие рестораны и кафе, чтобы попробовать местную кухню.
        <br>
        <span class="touristic">🗺️ Туристический</span> — маршруты по историческим памятникам и природным пейзажам.
        <br>
        <span class="souvenir">🎁 Сувенирный</span> — уникальные сувениры, напоминающие о путешествии.
        <br>
        <span class="museum">🏛️ Музейный</span> — музеи с историческими артефактами и произведениями искусства.
        <br>
        <span class="hotel">🏨 Отельный</span> — комфортные гостиницы и курорты для отдыха.
        <br>
        <span class="cultural">🎭 Культурный</span> — культурные события, театры, выставки и фестивали.
        <br>
        <span class="natural">🌲 Природный</span> — живописные парки, озёра и леса.
        <br>
        <span class="mythical">✨ Мифический</span> — места, связанные с мифами и легендами региона.
        <br><br>
        <strong>Как сортировать:</strong> Сортируйте маркеры по категориям и выбирайте тип на карте. Для дополнительной настройки используйте <span class="tooltip highlight">ценовой фильтр
        <span class="tooltiptext">
        <span class="highlight">₽</span> — низкая стоимость, <br>
        <span class="highlight">₽₽</span> — средняя ценовая категория, <br>
        <span class="highlight">₽₽₽</span> — дорогие варианты. <br>
        <span class="highlight">0</span> — бесплатные варианты.
        </span>
</span>.
        </p>
            <div id="controls">
                <table class="filter-table">
                    <thead>
                        <tr>
                            <th>Категория</th>
                            <th>₽</th>
                            <th>₽₽</th>
                            <th>₽₽₽</th>
                            <th>0</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="gastronomic" checked onclick="toggleCategory(this, 'gastronomic-price')">
                                    🍴 Гастрономическая
                                </label>
                            </td>
                            <td><input type="checkbox" name="gastronomic-price" value="₽" checked></td>
                            <td><input type="checkbox" name="gastronomic-price" value="₽₽" checked></td>
                            <td><input type="checkbox" name="gastronomic-price" value="₽₽₽" checked></td>
                            <td><input type="checkbox" name="gastronomic-price" value="free" checked></td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="touristic" checked onclick="toggleCategory(this, 'touristic-price')">
                                    🗺️ Туристическая
                                </label>
                            </td>
                            <td><input type="checkbox" name="touristic-price" value="₽" checked></td>
                            <td><input type="checkbox" name="touristic-price" value="₽₽" checked></td>
                            <td><input type="checkbox" name="touristic-price" value="₽₽₽" checked></td>
                            <td><input type="checkbox" name="touristic-price" value="free" checked></td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="souvenir" checked onclick="toggleCategory(this, 'souvenir-price')">
                                    🎁 Сувенирная
                                </label>
                            </td>
                            <td><input type="checkbox" name="souvenir-price" value="₽" checked></td>
                            <td><input type="checkbox" name="souvenir-price" value="₽₽" checked></td>
                            <td><input type="checkbox" name="souvenir-price" value="₽₽₽" checked></td>
                            <td><input type="checkbox" name="souvenir-price" value="free" checked></td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="museum" checked onclick="toggleCategory(this, 'museum-price')">
                                    🏛️ Музейная
                                </label>
                            </td>
                            <td><input type="checkbox" name="museum-price" value="₽" checked></td>
                            <td><input type="checkbox" name="museum-price" value="₽₽" checked></td>
                            <td><input type="checkbox" name="museum-price" value="₽₽₽" checked></td>
                            <td><input type="checkbox" name="museum-price" value="free" checked></td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="hotel" checked onclick="toggleCategory(this, 'hotel-price')">
                                    🏨 Отельная
                                </label>
                            </td>
                            <td><input type="checkbox" name="hotel-price" value="₽" checked></td>
                            <td><input type="checkbox" name="hotel-price" value="₽₽" checked></td>
                            <td><input type="checkbox" name="hotel-price" value="₽₽₽" checked></td>
                            <td><input type="checkbox" name="hotel-price" value="free" checked></td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="cultural" checked onclick="toggleCategory(this, 'cultural-price')">
                                    🎭 Культурная
                                </label>
                            </td>
                            <td><input type="checkbox" name="cultural-price" value="₽" checked></td>
                            <td><input type="checkbox" name="cultural-price" value="₽₽" checked></td>
                            <td><input type="checkbox" name="cultural-price" value="₽₽₽" checked></td>
                            <td><input type="checkbox" name="cultural-price" value="free" checked></td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="natural" checked onclick="toggleLayerOnly(this, 'natural')">
                                    🌲 Природная
                                </label>
                            </td>
                            <td colspan="3" class="no-radio">Без ценового фильтра</td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    <input type="checkbox" id="mythical" checked onclick="toggleLayerOnly(this, 'mythical')">
                                    ✨ Мифическая
                                </label>
                            </td>
                            <td colspan="3" class="no-radio">Без ценового фильтра</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <input type="checkbox" id="location-checkbox"> Моё местоположение (<i>работает только в границах области</i>)
        <div id="map"></div>
    </section>
        
    <section id="routes" class="routes-section">
        <h2>Туристические маршруты</h2>
        <p class="section-description">Выберите подходящий маршрут в зависимости от времени, которое у вас есть. Мы подготовили три маршрута: что посмотреть за один день, за неделю и за час в Владимирской области.</p>
        <br>
    
        <div class="route-carousel"><div class="timeline-container">
            <h3 class="route-title">Малое Золотое кольцо Владимира</h3>
            <div class="timeline">
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">12:00 – 13:00 — Золотые ворота</h3>
                        <p class="description">Начните день с одного из главных символов города. Золотые ворота — памятник XII века и объект ЮНЕСКО. Внутри небольшой музей, посвящённый обороне города.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">13:00 – 13:15 — Козлов вал</h3>
                        <p class="description">Прогулка по Козлову валу — историческому месту с живописным видом на Клязьму. Отличная точка для фотографий и отдыха.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">13:15 – 14:15 — Музей "Старый Владимир"</h3>
                        <p class="description">Музей расскажет о быте Владимира XIX – начала XX века. Экспозиция расположена в старинной водонапорной башне, с которой открывается красивый вид на город.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">14:15 – 14:45 — Улица Георгиевская</h3>
                        <p class="description">Прогулка по пешеходной улице с сувенирными лавками и арт-объектами, погружая в атмосферу старинного города.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">14:45 – 15:45 — Кафе "Панорама"</h3>
                        <p class="description">Обед с видом на город. В кафе подают блюда русской кухни, а атмосфера приятно расслабляет после утренних прогулок.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">15:45 – 16:30 — Успенский собор</h3>
                        <p class="description">Главный собор города, шедевр древнерусской архитектуры. Здесь хранятся знаменитые фрески Андрея Рублёва.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">16:30 – 17:30 — Палаты</h3>
                        <p class="description">Историческое здание, которое в прошлом служило резиденцией князей. Сегодня это музей с экспозицией, посвященной истории Владимирского края.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">17:30 – 18:15 — Дмитриевский собор</h3>
                        <p class="description">Не менее важный храм Владимира, известный своими резными декорациями и архитектурными особенностями.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">18:15 – 19:15 — Парки Пушкина и Липки</h3>
                        <p class="description">Прогулка по двум живописным паркам с историческими памятниками и зелеными аллеями. Отличное место для отдыха и прогулок.</p>
                    </div>
                </div>
                <div class="line"></div>
        
                <div class="timeline-item">
                    <div class="circle"></div>
                    <div class="content">
                        <h3 class="city">19:15 – 19:30 — Смотровая площадка</h3>
                        <p class="description">Завершите день с великолепным видом на Владимир и реку Клязьму с одной из смотровых площадок города.</p>
                    </div>
                </div>
        
            </div>
        </div>
        

    
        <div class="route-carousel">
            <div class="timeline-container">
                <h3 class="route-title">Среднее Золотое кольцо Владимира</h3>
                <div class="timeline">
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">12:00 – 20:00 — Повторите маршрут Малого кольца</h3>
                            <p class="description">Начните день с основных достопримечательностей Владимира, затем переезжайте в гостиницу в Боголюбово для отдыха.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">10:00 – 11:00 — Боголюбский монастырь</h3>
                            <p class="description">Погрузитесь в атмосферу Боголюбского монастыря, места, которое связано с историей князя Андрея Боголюбского и является важным памятником русского зодчества.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">11:30 – 12:30 — Покрова-на-Нерли</h3>
                            <p class="description">Церковь Покрова-на-Нерли — один из самых известных памятников древнерусского зодчества, великолепно сохранившаяся и утопающая в зелени.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">12:35 – 13:35 — Обед в Пушкарской слободе</h3>
                            <p class="description">Обед в уютной Пушкаарской слободе, где можно насладиться вкусной русской кухней и отдохнуть перед продолжением путешествия.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">13:40 – 14:40 — Музей деревянного зодчества</h3>
                            <p class="description">Музей, посвящённый традициям русского деревянного зодчества, где можно увидеть старинные здания, сохранившиеся до наших дней.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">14:45 – 15:30 — Покровский монастырь</h3>
                            <p class="description">Древний монастырь с уникальной архитектурой, где можно познакомиться с культурой и духовной историей региона.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">15:40 – 17:10 — Спасо-Ефимиев монастырь</h3>
                            <p class="description">Потрясающий монастырь, который стоит на высоком холме и из которого открывается красивейший вид на Суздаль. Историческое место с уникальными памятниками архитектуры.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">17:15 – 18:00 — Торговые ряды</h3>
                            <p class="description">Прогулка по торговым рядам Суздаля, которые сохраняют дух старинного города. Здесь можно купить сувениры и почувствовать атмосферу старины.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">18:05 – 18:15 — Архиерейские палаты</h3>
                            <p class="description">Архиерейские палаты в Суздале — это историческое здание, служившее резиденцией суздальских архиереев, теперь здесь проходят экскурсии, рассказывающие об истории Суздаля.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">18:30 — Заселение в ГТК</h3>
                            <p class="description">Заселение в гостиничный комплекс с комфортными условиями для отдыха после насыщенного дня, насладитесь уютом и расслабьтесь.</p>
                        </div>
                    </div>
        
                </div>
            </div>
        </div>
        
        
    
        <div class="route-carousel">
            <div class="timeline-container">
                <h3 class="route-title">Большое Золотое кольцо Владимира</h3>
                <div class="timeline">
                
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 1. Владимир</h3>
                            <p class="description">Начните ваше путешествие с Владимиром. Обзор Успенского собора, Золотых ворот и Дмитриевского собора — важнейших исторических объектов города.</p>
                        </div>
                    </div>
                    <div class="line"></div>
                
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 2. Первая половина — Боголюбово</h3>
                            <p class="description">Церковь Покрова на Нерли — один из самых знаменитых памятников Древней Руси. Боголюбский монастырь — исторический комплекс на живописном берегу реки Нерль.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 2. Вторая половина — Суздаль</h3>
                            <p class="description">Суздальский Кремль — древняя крепость. Собор Рождества Богородицы — знаменит своими фресками и архитектурой. Музей деревянного зодчества — уникальная коллекция деревянных храмов и домов.</p>
                        </div>
                    </div>
                    <div class="line"></div>
                
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 3. Первая половина — Юрьев-Польский</h3>
                            <p class="description">Юрьев-Польский кремль — одна из самых сохранившихся крепостей России. Церковь Спаса Преображения — уникальное историческое строение.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 3. Вторая половина — Александров</h3>
                            <p class="description">Александровский кремль — древняя крепость с историческим значением. Музей "Дворец Александра II" — коллекция, связанная с российской царской семьей.</p>
                        </div>
                    </div>
                    <div class="line"></div>
                
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 4. Первая половина — Покров</h3>
                            <p class="description">Церковь Святого Георгия — памятник архитектуры XVII века. Музей Покрова — музей с местными экспонатами и историческими выставками.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 4. Вторая половина — Муромцево</h3>
                            <p class="description">Муромцевский музей — посвящённый местной культуре и искусству.</p>
                        </div>
                    </div>
                    <div class="line"></div>
                
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 5. Первая половина — Муром</h3>
                            <p class="description">Муромский Кремль — историческая крепость с панорамным видом на город. Церковь Спаса Преображения — старинный храм, построенный в XVI веке.</p>
                        </div>
                    </div>
                    <div class="line"></div>
        
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 5. Вторая половина — Гороховец</h3>
                            <p class="description">Гороховецкий Кремль — старинная крепость с видом на реку Клязьму. Смоленская церковь — памятник архитектуры XVI века.</p>
                        </div>
                    </div>
                    <div class="line"></div>
                
                    <div class="timeline-item">
                        <div class="circle"></div>
                        <div class="content">
                            <h3 class="city">День 6. Первая половина — Ковров</h3>
                            <p class="description">Ковровский историко-краеведческий музей — коллекция исторических экспонатов, связанных с промышленным развитием города.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    
        <div class="dots-container">
            <span class="dot active" onclick="showRoute(0)"></span>
            <span class="dot" onclick="showRoute(1)"></span>
            <span class="dot" onclick="showRoute(2)"></span>
        </div>
        
    
<div class="carousel-controls">
    <button class="prev-rotes">&#10094; Назад</button>
    <button class="next-routes">Вперед &#10095;</button>
</div>


    </section>
 
    <section id="info" class="section">
        <h2>Как добраться, где поесть и остановиться</h2>
        <p class="section-description">Вы можете развернуть любой из разделов, чтобы узнать больше о городе. В каждом разделе представлены подробности, которые помогут вам лучше понять, где остановиться, как добраться и где можно вкусно поесть.</p>
    
        <div class="info">
            <h3>Как добраться</h3>
            <div class="info-cards">
                <div class="info-card">
                    <h4>На автомобиле</h4>
                    <ul>
                        <li><b>Из Москвы до Владимира</b> — <span class="highlight">3-3.5 часа</span> (около <span class="highlight">200 км</span>) по федеральной трассе М-7.</li>
                        <li>Чтобы попасть в Суздаль — еще около <span class="highlight">40 минут</span> (40 км).</li>
                        <li>Время в пути из других городов — от <span class="highlight">3 до 5 часов</span>.</li>
                    </ul>
                </div>
                <div class="info-card">
                    <h4>На поезде</h4>
                    <ul>
                        <li>Поезда отправляются из Москвы с различных вокзалов.</li>
                        <li>Время в пути — около <span class="highlight">2-2.5 часов</span>.</li>
                        <li>Прямых поездов в Суздаль нет, но из Владимира пересаживаются на автобус (около <span class="highlight">40 минут</span>).</li>
                    </ul>
                </div>
                <div class="info-card">
                    <h4>На автобусе</h4>
                    <ul>
                        <li>Автобусы из Москвы в Владимир — около <span class="highlight">3 часов</span> в пути.</li>
                        <li>Автобусы из Москвы в Суздаль — около <span class="highlight">4 часов</span> в пути.</li>
                    </ul>
                </div>
                <div class="info-card">
                    <h4>Такси</h4>
                    <ul>
                        <li>Такси до Владимира из Москвы — около <span class="highlight">2-2.5 часов</span>.</li>
                        <li>Такси в Суздаль — немного дольше.</li>
                    </ul>
                </div>
                <div class="info-card">
                    <h4>Автобусные маршруты</h4>
                    <ul>
                        <li>Интерактивная карта региона показывает маршруты, соединяющие Владимир и Суздаль с рядом других туристических направлений.</li>
                    </ul>
                </div>
                <div class="info-card">
                    <h4>Доступность с других городов</h4>
                    <ul>
                        <li>Регион доступен для путешественников из крупных российских городов, таких как Санкт-Петербург, Нижний Новгород, Казань.</li>
                        <li>Время в пути на поезде, автобусе или автомобиле из этих городов варьируется от <span class="highlight">4 до 6 часов</span>.</li>
                    </ul>
                </div>
            </div>
        </div>
        
          
          
        <div class="info">
            <h3>Где поесть</h3>
            <div class="info-cards">
                <div class="info-card">
                    <h4>Рынок на Студенной</h4>
                    <p>Это современное гастрономическое пространство в центре Владимира, которое объединяет <span class="highlight">16 гастрономических концепций</span>, предлагая разнообразие блюд со всего мира.</p>
                    <p>Здесь можно попробовать всё, от европейской кухни до азиатских вкусов. Рынок идеально подходит для любого мероприятия, от лекций и банкетов до международных фестивалей.</p>
                    <p>Здесь всегда есть свободные места, даже в выходные, и можно найти что-то на любой вкус и для любого настроения.</p>
                </div>
                <div class="info-card">
                    <h4>Кофейня на Чехова</h4>
                    <p>Легендарное место с <span class="highlight">20-летней историей</span>, обновленное командой MonicaGroup и знаменитым шефом Максимом Рыбаковым. Здесь подают завтрак, десерты от шеф-кондитера, а также вкусные алкогольные и безалкогольные коктейли.</p>
                    <p>Ресторан ориентирован на комфортную еду с акцентом на европейскую и азиатскую кухни. Это отличное место для встреч с друзьями и семейных завтраков.</p>
                </div>
                <div class="info-card">
                    <h4>Ресторан «Русская Деревня»</h4>
                    <p>Узнаваемая достопримечательность города, построенная к Олимпиаде <span class="highlight">1980 года</span>. Здесь вы найдете атмосферу традиционного русского гостеприимства с элементами современной кухни.</p>
                    <p>В ресторане проходят регулярные мероприятия, включая музыкальные вечера, танцевальные шоу и караоке. Также имеется бар с кальяном, бильярдом и спортивными трансляциями. Ресторан предлагает блюда, приготовленные из продуктов местных фермерских хозяйств.</p>
                </div>
            </div>
        </div>
        

    
        <div class="info">
            <h3>Где остановиться</h3>
            <div class="info-cards">
                <div class="info-card">
                    <h4>Отель «Орион»</h4>
                    <p>Отель «Орион» расположен в самом центре города Владимира и предлагает уютные номера на любой вкус и бюджет. С удобным расположением рядом с культурными и развлекательными местами города, он идеально подходит для туристов, которые ищут спокойствие и комфорт.</p>
                    <p>Здесь вас ждёт расслабляющая атмосфера, комфортные номера и внимательное обслуживание. В отеле есть:</p>
                    <ul>
                        <li><span class="highlight">61 комфортный номер</span></li>
                        <li>Уютный ресторан</li>
                    </ul>
                    <p>Отель гарантирует незабываемые впечатления от вашего отдыха в этом чудесном месте.</p>
                </div>
                <div class="info-card">
                    <h4>Гостиничный комплекс «Мономах»</h4>
                    <p>«Мономах» — отличное предложение для тех, кто приезжает во Владимир по делам. Этот отель предоставляет комфортные условия для работы и отдыха. В числе удобств:</p>
                    <ul>
                        <li>Двух- и трёхразовое питание</span></li>
                        <li>Высокоскоростной Wi-Fi</li>
                        <li>Возможность раннего заезда и позднего выезда</li>
                        <li>Конференц-зал для мероприятий</li>
                        <li>Бесплатная парковка</li>
                    </ul>
                    <p>Гостиница идеально сочетает удобство для командировок и возможность для дружеских встреч, что делает её подходящей для всех типов путешественников.</p>
                </div>
                <div class="info-card">
                    <h4>Русь-отель</h4>
                    <p>«Русь-отель» — это уютный мини-отель, расположенный в историческом центре Владимира. В нескольких минутах ходьбы от отеля находятся основные достопримечательности города, такие как Успенский и Дмитриевский Соборы и Золотые Ворота.</p>
                    <p>В отеле царит атмосфера спокойствия и уюта. Все номера оснащены необходимыми удобствами:</p>
                    <ul>
                        <li>Кондиционер, телевизор, телефон, холодильник</li>
                        <li>Бесплатный Wi-Fi</li>
                        <li>Ванная комната с душевой кабиной и феном</li>
                    </ul>
                    <p>Это идеальное место для тех, кто хочет насладиться комфортом и исторической атмосферой города.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="gallery" class="section">
        <h2>Фотогалерея</h2>
        <p class="section-description">
            Фотогалерея на сайте включает в себя все яркие и вдохновляющие фотографии города, созданные и подобранные редакцией.
        </p>
        <div class="gallery">
            <div class="gallery-item" data-title="Троицкая церковь" data-description="Церковь 1740 года с уникальным внешним видом.">
                <img src="assets/pictures/vladimir/troitskaya_church.jpg" alt="Троицкая церковь">
            </div>
            <div class="gallery-item" data-title="Церковь Успения Богородицы" data-description="Церковь XVII века, памятник архитектуры и центр старообрядчества.">
                <img src="assets/pictures/vladimir/assumption_old_believers_church.jpg" alt="Церковь Успения Богородицы">
            </div>
            <div class="gallery-item" data-title="Церковь Воскресения в Муроме" data-description="Духовный центр с многовековой историей.">
                <img src="assets/pictures/murom/church_of_the_resurrection.jpg" alt="Свято-Троицкий женский епархиальный монастырь">
            </div>
            <div class="gallery-item" data-title="Церковь Святого Розария" data-description="Неоготический католический храм конца XIX века.">
                <img src="assets/pictures/vladimir/strosary_church.jpg" alt="Церковь Святого Розария">
            </div>
            <div class="gallery-item" data-title="Храповицкий замок" data-description="Мистический замок с аномальными явлениями.">
                <img src="assets/pictures/muromtsevo/khrapowitzky_castle.jpg" alt="Храповицкий замок">
            </div>
            <div class="gallery-item" data-title="Дом с рыцарями" data-description="Необычное архитектурное сооружение с атрибутами средневековья.">
                <img src="assets/pictures/vladimir/knight_house.jpg" alt="Дом с рыцарями">
            </div>
            <div class="gallery-item" data-title="Муромская ладья" data-description="Арт-объект рядом с монастырём.">
                <img src="assets/pictures/murom/skiff.jpg" alt="Муромская ладья">
            </div>
            <div class="gallery-item" data-title="Заполицкая ГЭС" data-description="Руины ГЭС, преобразованные в культурное пространство.">
                <img src="assets/pictures/suzdal/zapolitsy.jpg" alt="Заполицкая ГЭС">
            </div>
            <div class="gallery-item" data-title="Каменка" data-description="Живописный уголок у реки Каменка.">
                <img src="assets/pictures/suzdal/kamenka_river.jpg" alt="Каменка">
            </div>
            <div class="gallery-item" data-title="Гастромаркет Рынок" data-description="Летний пейзаж уличной зоны «Рынка».">
                <img src="assets/pictures/vladimir/gastromarket.jpg" alt="Гастромаркет Рынок">
            </div>
            <div class="gallery-item" data-title="Фонтан в «Липках»" data-description="Один из старейших фонтанов города, построенный в 1866 году.">
                <img src="assets/pictures/vladimir/lipki_fountain.jpg" alt="Фонтан в «Липках»">
            </div>
            <div class="gallery-item" data-title="Кукольный театр" data-description="Театр кукол с 1973 года.">
                <img src="assets/pictures/vladimir/theatre.jpg" alt="Кукольный театр">
            </div>
        </div>
    </section>
    
    
    <div id="modal" class="modal">
        <div class="modal-content">
            <img id="modal-img" src="" alt="">
            <h3 id="modal-title"></h3>
            <p id="modal-description"></p>
            <button id="prev-btn" class="prev">❮</button>
            <button id="next-btn" class="next">❯</button>
        </div>
    </div>

    <script src="scripts/scripts.js"></script>
</body>
</html>

