146 lines
6.6 KiB
HTML
146 lines
6.6 KiB
HTML
<div class="container">
|
|
|
|
<nav class="nav scrollable-nav my-2">
|
|
<a id="btn-column-1" class="text-dark text-decoration-none fs-4 me-1 px-5">Камчатка</a>
|
|
<a id="btn-column-2" class="text-dark text-decoration-none fs-4 me-1 px-5">Достопримечательности</a>
|
|
<a id="btn-column-3" class="text-dark text-decoration-none fs-4 me-1 px-5">Животный мир</a>
|
|
<a id="btn-column-4" class="text-dark text-decoration-none fs-4 me-1 px-5">Безопасность</a>
|
|
</nav>
|
|
|
|
<div id="columnsCarousel" class="carousel slide touch-carousel" data-bs-ride="false">
|
|
<div class="carousel-inner">
|
|
<div id="column-1" class="carousel-item active">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card m-2">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card m-2" style="height: 200px">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card m-2" style="height: 200px">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="column-2" class="carousel-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card m-2">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card m-2" style="height: 200px">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card m-2" style="height: 140px">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="column-3" class="carousel-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card ms-2 mt-2 mb-2 me-0">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card ms-0 mt-2 mb-2 me-2">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card m-2" style="height: 200px">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card m-2" style="height: 140px">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="column-4" class="carousel-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card ms-2 mt-2 mb-2 me-0">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card ms-0 mt-2 mb-2 me-2">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card ms-2 mt-2 mb-2 me-0" style="height: 130px;">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card ms-0 mt-2 mb-2 me-2" style="height: 130px;">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card m-2" style="height: 140px">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card m-2" style="height: 200px">
|
|
<div class="card-body d-flex">
|
|
<p class="m-auto">Информация ... </p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |