Туры с детьми на школьные каникулы весной 2026

<div class="card-product-grid row g-4 row-cols-1 row-cols-sm-2 row-cols-xl-3 row-cols-xqhd-4">

<!-- Карточка 1  -->
<div class="col">
    <div class="card-tour-trip">
        <div style="position:relative;">
            <div>
                
            </div>
            <div>
                4 дня/ 3 ночи
                </div>
            <img.tarispb.ru/images/tours/54_183/1.png">
        </div>
        <div>
        <div>
            28-31 марта 2026
        </div>
        <h2>
                День за днем - золотая коллекция 
        </h2>
        <p>
                Отели: Фабрика, А отель Фонтанка, Станция L1, Октябрьская, Бест Вестерн Плюс Центр Отель, Азимут Санкт-Петербург, Русь, Москва, Новотель Санкт-Петербург

        </p>
        
        
                 <p>
                Заезд: 28 марта 2026
        </p>
        </div>

        <div>
            <div>
                <!-- Программу БЕЗ кавычек " внутри и через запятую ,  -->
                <div aprogram="
                     Обзорная экскурсия, Царское Село (Екатерининский дворец и янтарная комната), Русский музей, Спас на КровиОбзорная экскурсия, Исаакиевский собор, Юсуповский дворец, Кронштадт 
                 " class="aprogram btn btn-outline-primary" data-bs-placement="top" data-bs-title="Программа тура" data-bs-toggle="popover" data-bs-trigger="click">Программа</div>
                <a class="btn btn-primary" href="/sbornie/daybyday" >Купить</a>
            </div>
            <div>от <strong>
                 19590
            </strong> руб.</div>
        </div>
    </div>
</div>

 

<!-- Карточка 2  -->
<div class="col">
    <div class="card-tour-trip">
        <div style="position:relative;">
            <div>
                
            </div>
            <div>
                5 дней / 4 ночи
                </div>
            <img.tarispb.ru/images/tours/54_1263/1.png">
        </div>
        <div>
        <div>
              30 марта - 3 апреля 
        </div>
        <h2>
                Семейные каникулы в Петербурге 
        </h2>
        <p>
                Отели: Станция L1, Русь, Октябрьская, izzzi  у Гостиного двора
        </p>
        
        <p>
                Заезд: 30 марта 
        </p>
        </div>

        <div>
            <div>
                <!-- Программу БЕЗ кавычек " внутри и через запятую ,  -->
                <div aprogram="
                        Обзорная экскурсия, Петропавловская крепость, Эрмитаж, Царское Село (Екатерининский дворец и янтарная комната), музей Гранд Макет Россия, Кунсткамера
                " class="aprogram btn btn-outline-primary" data-bs-placement="top" data-bs-title="Программа тура" data-bs-toggle="popover" data-bs-trigger="click">Программа</div>
                <a class="btn btn-primary" href="/sbornie/tour/bynameid/1263/54">Купить</a>
            </div>
            <div>от <strong>
                27150 
            </strong> руб.</div>
        </div>
    </div>
</div>

<!-- Карточка 3  -->
<div class="col">
    <div class="card-tour-trip">
        <div style="position:relative;">
        <div>
                
            </div>
    
            <div>
                5 дней / 4 ночи
                </div>
            <img.tarispb.ru/images/tours/54_208/1.png">
        </div>
        <div>
        <div>
                30 марта - 3 апреля
        </div>
        <h2>
                Классический Санкт-Петербург
        </h2>
        <p>
                Отели: Станция L1, А Отель Фонтанка, Апарт-отель, Апарт-отель Yard Residence, izzzi  у Гостиного двора, Октябрьская, Азимут Санкт-Петербург, Москва, Новотель Санкт-Петербург, Космос Санкт-Петербург Невский
        </p>
        
        <p>
                Заезд: 30 марта 
        </p>
        </div>

        <div>
            <div>
                <!-- Программу БЕЗ кавычек " внутри и через запятую ,  -->
                <div aprogram="
                        Обзорная экскурсия, Исаакиевский собор, Эрмитаж, Петергоф (Большой Императорский дворец), Русский музей, Петропавловская крепость, 1 свободный день

                " class="aprogram btn btn-outline-primary" data-bs-placement="top" data-bs-title="Программа тура" data-bs-toggle="popover" data-bs-trigger="click">Программа</div>
                <a class="btn btn-primary" href="/sbornie/tour/bynameid/208/54">Купить</a>
            </div>
            <div>от <strong>
                18880
            </strong> руб.</div>
        </div>
    </div>
</div>

<!-- Карточка 4  -->
<div class="col">
    <div class="card-tour-trip">
        <div style="position:relative;">
        <div>
                
            </div>
    
            <div>
                7 дней / 6 ночей
                </div>
            <img.tarispb.ru/images/tours/54_209/1.png>
        </div>
        <div>
        <div>
                30 марта - 5 апреля
        </div>
        <h2>
                Классический Санкт-Петербург
        </h2>
        <p>
                Отели: Станция L1, А Отель Фонтанка, Апарт-отель, Апарт-отель Yard Residence, izzzi  у Гостиного двора, Октябрьская, Азимут Санкт-Петербург, Москва, Новотель Санкт-Петербург, Космос Санкт-Петербург Невский
        </p>
        
        <p>
                Заезд: 30 марта 
        </p>
        </div>

        <div>
            <div>
                <!-- Программу БЕЗ кавычек " внутри и через запятую ,  -->
                <div aprogram="
                        Обзорная экскурсия, Исаакиевский собор, Эрмитаж, Петергоф (Большой Императорский дворец), Петропавловская крепость, Царское село (Екатерининский дворец с Янтарной комнатой), Русский музей, 1 свободный день

                " class="aprogram btn btn-outline-primary" data-bs-placement="top" data-bs-title="Программа тура" data-bs-toggle="popover" data-bs-trigger="click">Программа</div>
                <a class="btn btn-primary" href="/sbornie/tour/bynameid/209/54">Купить</a>
            </div>
            <div>от <strong>
                29170
            </strong> руб.</div>
        </div>
    </div>
</div>

<!-- Карточка 5  -->
<div class="col">
    <div class="card-tour-trip">
        <div style="position:relative;">
        <div>
                
            </div>
    
            <div>
                5 дней / 4 ночи
                </div>
            <img.tarispb.ru/images/tours/54_1109/1.png">
        </div>
        <div>
        <div>
                31 марта - 4 апреля 
        </div>
        <h2>
                В Петербург - недорого!
        </h2>
        <p>
                Отели: Россия, Станция L1, Русь, Октябрьская 
        </p>
        
        <p>
                Заезд: 31 марта 
        </p>
        </div>

        <div>
            <div>
                <!-- Программу БЕЗ кавычек " внутри и через запятую ,  -->
                <div aprogram="
                        Вечерняя обзорная экскурсия, Царское Село (Екатерининский дворец с Янтарной комнатой), Эрмитаж, 2 свободных дня

                " class="aprogram btn btn-outline-primary" data-bs-placement="top" data-bs-title="Программа тура" data-bs-toggle="popover" data-bs-trigger="click">Программа</div>
                <a class="btn btn-primary" href="/sbornie/tour/bynameid/1109/54 ">Купить</a>
            </div>
            <div>от <strong>
                16520
            </strong> руб.</div>
        </div>
    </div>
</div>

 

<!-- Карточка 6  -->
<div class="col">
    <div class="card-tour-trip">
        <div style="position:relative;">
        <div>
                
            </div>
    
            <div>
                4 дня / 3 ночи
                </div>
            <https://img.tarispb.ru/images/tours/54_1422/1.png">
        </div>
        <div>
        <div>
                26 - 29 марта 
        </div>
        <h2>
                Национальный маршрут: Санкт-Петербург. Новая география
        </h2>
        <p>
                Отели: Станция L1, Октябрьская, Новотель Санкт-Петербург, Космос Санкт-Петербург Невский
        </p>
        
        <p>
                Заезд: 26 марта 
        </p>
        </div>

        <div>
            <div>
                <!-- Программу БЕЗ кавычек " внутри и через запятую ,  -->
                <div aprogram="
                        Автобусная экскурсия Новая География Петербурга (Лахта-центр Стадион Газпром Арена Севкабельпорт), музей современного искусства Эрарта, Кронштадт, о-в Новая Голландия, VR-фильм Эрмитаж. Погружение в историю

                " class="aprogram btn btn-outline-primary" data-bs-placement="top" data-bs-title="Программа тура" data-bs-toggle="popover" data-bs-trigger="click">Программа</div>
                <a class="btn btn-primary" href="/sbornie/tour/bynameid/1109/54 ">Купить</a>
            </div>
            <div>от <strong>
                16520
            </strong> руб.</div>
        </div>
    </div>
</div>

<!-- -->
<style type="text/css">.col .card-tour-trip {
  border: 1px solid #ddd;
  border-radius: .5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom:1rem;
  background: #fff;
}

/* Картинка */
.col .card-tour-trip > div:first-child img {
  width: 100%;
  aspect-ratio: 8/6;
  object-fit: cover;
  display: block;
}

/* Верхний бейдж */
.col .card-tour-trip > div:first-child > div:nth-child(1) {
  position: absolute;
  top: .5rem;
  left: .5rem;
  background: #6c757d;
  color: #fff;
  padding: .25rem .5rem;
  font-size: .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0,0,0,.25);
  background-color: transparent !important;
    font-size: 0.875rem !important;
}

/* Нижний бейдж */
.col .card-tour-trip > div:first-child > div:nth-child(2) {
  position: absolute;
  bottom: .5rem;
  right: .5rem;
  background: #fff;
  color: #000;
  padding: .25rem .5rem;
  font-size: .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0,0,0,.25);
  font-size: 0.875rem !important;
}

/* Тело */
.col .card-tour-trip > div:nth-child(2) {
  padding: 1rem;
  flex-grow: 1;
}
.col .card-tour-trip > div:nth-child(2) p {
  margin: .25rem 0;
  padding-bottom: .25rem;
  color: #6c757d;
  border-bottom: 1px solid #e5e5e5;
}
.col .card-tour-trip > div:nth-child(2) h2 {
  font-size: 1.15rem;
  margin: .5rem 0 .75rem 0;
}

/* Футер */
.col .card-tour-trip > div:nth-child(3) {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* Цена */
.col .card-tour-trip strong {
  font-size: 1.25rem;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.aprogram').forEach(function(btn) {

        let raw = btn.getAttribute("aprogram");
        if (!raw) return;

        let items = raw
            .split(",")
            .map(s => s.replace(/[\u00A0\u2028\u2009\u3000]/g, ' ').trim())
            .filter(Boolean);
        let formatted = items.map(i =>
            `<span class="col-12 col-lg-auto bg-neutral-light bg-opacity-50 text-inherit rounded p-2 py-lg-1 px-lg-3 me-1">${i}</`+'span>'
        ).join(" ");
        btn.setAttribute("data-bs-content", `<p class="row g-1">${formatted}</p>`);

        new bootstrap.Popover(btn,{
            html: true,
            sanitize: false
        });
    });
});
  </script>