It's a Big World Out There Go And Explore
Speedily say has suitable disposal add boy. On forth doubt miles of child. Exercise joy man children rejoiced.
Explore Holidays
<section class="pt-4 pt-sm-5">
<!-- Background and title -->
<div class="container pb-6">
<div class="row">
<!-- Title -->
<div class="col-lg-9 text-center mx-auto">
<!-- Title -->
<h1>It's a Big World Out There Go
<span class="position-relative z-index-9">And Explore
<!-- SVG START -->
<span class="position-absolute top-50 start-50 translate-middle z-index-n1 d-none d-sm-block">
<svg class="fill-info" width="356.55px" height="79.36px" viewBox="0 0 356.55 79.36">
<path d="M0,56.76c13.15-11.68,37.75-14.87,47.45-15.62c20.85-1.62,41.75,1.22,62.2,5.16c43.41,8.37,85.85,20.68,129.83,26.22 c21.05,2.65,42.12,3.47,62.96-1.21c18.31-4.11,38.98-12.97,47.7-30.8C360.39,19.59,342.4,5,322.82,2.25 c-18.69-2.62-37.64,3.81-53.23,13.85c-2.82,1.82-5.87,4.32-8.53,5.85c12.91-10.62,28.31-18.89,45.01-21.3 c17.11-2.48,43.7,1.69,49.46,21.27c5.65,19.17-13.23,36.76-28.31,44.63c-18.02,9.41-39.47,13-59.65,12.81 c-44.06-0.42-88.81-11.18-131.38-21.67C97.79,48.21,42.36,30.73,0,56.76z"/>
</svg>
</span>
<!-- SVG END -->
</span>
</h1>
<!-- Content -->
<p class="mb-3">Speedily say has suitable disposal add boy. On forth doubt miles of child. Exercise joy man children rejoiced.</p>
<!-- Button -->
<a href="#" class="btn btn-lg btn-primary-soft me-2 mb-0">Explore Holidays<i class="bi bi-arrow-right ms-2"></i></a>
</div>
</div> <!-- Row END -->
</div>
<!-- Image -->
<div class="container-fluid overflow-hidden">
<div class="row g-4 g-lg-3 justify-content-lg-between">
<div class="col-6 col-sm-4 position-relative ms-lg-n5">
<!-- SVG decoration -->
<figure class="position-absolute top-0 end-0 me-n8 mt-4 z-index-1">
<svg width="222.93px" height="172.15px">
<path class="fill-primary" d="M0,152.3C25.31,99.13,142.25,26.36,187.95,4.96c21.41-10.03,48.53-5.45,27.23,19.21 c-11.03,12.77-28.92,28.13-37.16,35.18c-20.39,17.45-46.34,42.82-64.05,67.05c-13.98,19.11-10.02,14.46,6.64,0.11 c13.57-11.69,29.17-25.12,40.65-32.05c3.52-2.13,6.77-3.66,9.64-4.43c9.07-2.42,13,3.08,9.55,10.77 c-7.7,17.16-22.46,31.32-31.36,47.7c-4.97,9.14-13.24,28.13,7.7,16.79c3.8-2.05,7.36-4.37,9.99-5.45l0.79,1.35 c-2.43,0.88-36.48,26.3-27.52-3.45c5.4-17.94,19.83-32.81,29.27-48.73c5.34-9,8.21-13.61-3.32-6.64 c-10.7,6.46-26.03,19.67-39.37,31.15c-15.56,13.4-28.68,24.69-33.81,21.53c-11.43-7.04,27.26-51,35.01-59.53 c14.77-16.28,30.38-31.21,45.8-44.61c6.33-5.48,18.43-16.43,28.35-25.25c11.62-10.34,15.39-16.14-5.89-6.18 C152.63,39.83,42.78,111.18,18.54,162.1L0,152.3z"/>
</svg>
</figure>
<!-- Images -->
<div class="row g-xl-7 align-items-center">
<div class="col-6 d-none d-md-block">
<a data-glightbox data-gallery="gallery" href="assets/images/bg/16.jpg">
<div class="card card-element-hover card-overlay-hover overflow-hidden">
<!-- Image -->
<img src="assets/images/bg/16.jpg" class="rounded-3" alt="">
<!-- Full screen button -->
<div class="hover-element w-100 h-100">
<i class="bi bi-fullscreen fs-6 text-white position-absolute top-50 start-50 translate-middle bg-dark rounded-1 p-2 lh-1"></i>
</div>
</div>
</a>
</div>
<div class="col-md-6 mt-lg-8">
<!-- Image item -->
<a data-glightbox data-gallery="gallery" href="assets/images/bg/15.jpg">
<div class="card card-element-hover card-overlay-hover overflow-hidden mb-4 mb-xl-7">
<!-- Image -->
<img src="assets/images/bg/15.jpg" class="rounded-3" alt="">
<!-- Full screen button -->
<div class="hover-element w-100 h-100">
<i class="bi bi-fullscreen fs-6 text-white position-absolute top-50 start-50 translate-middle bg-dark rounded-1 p-2 lh-1"></i>
</div>
</div>
</a>
<!-- Image item -->
<a data-glightbox data-gallery="gallery" href="assets/images/bg/11.jpg">
<div class="card card-element-hover card-overlay-hover overflow-hidden">
<!-- Image -->
<img src="assets/images/bg/11.jpg" class="rounded-3" alt="">
<!-- Full screen button -->
<div class="hover-element w-100 h-100">
<i class="bi bi-fullscreen fs-6 text-white position-absolute top-50 start-50 translate-middle bg-dark rounded-1 p-2 lh-1"></i>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- Image -->
<div class="col-sm-4 position-relative order-2 order-sm-1 z-index-9">
<!-- Image item -->
<a data-glightbox data-gallery="gallery" href="assets/images/bg/18.jpg">
<div class="card card-element-hover card-overlay-hover overflow-hidden">
<!-- Image -->
<img src="assets/images/bg/18.jpg" class="rounded-3" alt="">
<!-- Full screen button -->
<div class="hover-element w-100 h-100">
<i class="bi bi-fullscreen fs-6 text-white position-absolute top-50 start-50 translate-middle bg-dark rounded-1 p-2 lh-1"></i>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 position-relative me-lg-n5 order-1">
<!-- Svg decoration -->
<figure class="position-absolute end-0 top-0 d-none d-md-block">
<svg height="400" class="fill-primary opacity-2" viewBox="0 0 340 340">
<circle cx="194.2" cy="2.2" r="2.2"></circle>
<circle cx="2.2" cy="2.2" r="2.2"></circle>
<circle cx="218.2" cy="2.2" r="2.2"></circle>
<circle cx="26.2" cy="2.2" r="2.2"></circle>
<circle cx="242.2" cy="2.2" r="2.2"></circle>
<circle cx="50.2" cy="2.2" r="2.2"></circle>
<circle cx="266.2" cy="2.2" r="2.2"></circle>
<circle cx="74.2" cy="2.2" r="2.2"></circle>
<circle cx="290.2" cy="2.2" r="2.2"></circle>
<circle cx="98.2" cy="2.2" r="2.2"></circle>
<circle cx="314.2" cy="2.2" r="2.2"></circle>
<circle cx="122.2" cy="2.2" r="2.2"></circle>
<circle cx="338.2" cy="2.2" r="2.2"></circle>
<circle cx="146.2" cy="2.2" r="2.2"></circle>
<circle cx="170.2" cy="2.2" r="2.2"></circle>
<circle cx="194.2" cy="26.2" r="2.2"></circle>
<circle cx="2.2" cy="26.2" r="2.2"></circle>
<circle cx="218.2" cy="26.2" r="2.2"></circle>
<circle cx="26.2" cy="26.2" r="2.2"></circle>
<circle cx="242.2" cy="26.2" r="2.2"></circle>
<circle cx="50.2" cy="26.2" r="2.2"></circle>
<circle cx="266.2" cy="26.2" r="2.2"></circle>
<circle cx="74.2" cy="26.2" r="2.2"></circle>
<circle cx="290.2" cy="26.2" r="2.2"></circle>
<circle cx="98.2" cy="26.2" r="2.2"></circle>
<circle cx="314.2" cy="26.2" r="2.2"></circle>
<circle cx="122.2" cy="26.2" r="2.2"></circle>
<circle cx="338.2" cy="26.2" r="2.2"></circle>
<circle cx="146.2" cy="26.2" r="2.2"></circle>
<circle cx="170.2" cy="26.2" r="2.2"></circle>
<circle cx="194.2" cy="50.2" r="2.2"></circle>
<circle cx="2.2" cy="50.2" r="2.2"></circle>
<circle cx="218.2" cy="50.2" r="2.2"></circle>
<circle cx="26.2" cy="50.2" r="2.2"></circle>
<circle cx="242.2" cy="50.2" r="2.2"></circle>
<circle cx="50.2" cy="50.2" r="2.2"></circle>
<circle cx="266.2" cy="50.2" r="2.2"></circle>
<circle cx="74.2" cy="50.2" r="2.2"></circle>
<circle cx="290.2" cy="50.2" r="2.2"></circle>
<circle cx="98.2" cy="50.2" r="2.2"></circle>
<circle cx="314.2" cy="50.2" r="2.2"></circle>
<circle cx="122.2" cy="50.2" r="2.2"></circle>
<circle cx="338.2" cy="50.2" r="2.2"></circle>
<circle cx="146.2" cy="50.2" r="2.2"></circle>
<circle cx="170.2" cy="50.2" r="2.2"></circle>
<circle cx="194.2" cy="74.2" r="2.2"></circle>
<circle cx="2.2" cy="74.2" r="2.2"></circle>
<circle cx="218.2" cy="74.2" r="2.2"></circle>
<circle cx="26.2" cy="74.2" r="2.2"></circle>
<circle cx="242.2" cy="74.2" r="2.2"></circle>
<circle cx="50.2" cy="74.2" r="2.2"></circle>
<circle cx="266.2" cy="74.2" r="2.2"></circle>
<circle cx="74.2" cy="74.2" r="2.2"></circle>
<circle cx="290.2" cy="74.2" r="2.2"></circle>
<circle cx="98.2" cy="74.2" r="2.2"></circle>
<circle cx="314.2" cy="74.2" r="2.2"></circle>
<circle cx="122.2" cy="74.2" r="2.2"></circle>
<circle cx="338.2" cy="74.2" r="2.2"></circle>
<circle cx="146.2" cy="74.2" r="2.2"></circle>
<circle cx="170.2" cy="74.2" r="2.2"></circle>
<circle cx="194.2" cy="98.2" r="2.2"></circle>
<circle cx="2.2" cy="98.2" r="2.2"></circle>
<circle cx="218.2" cy="98.2" r="2.2"></circle>
<circle cx="26.2" cy="98.2" r="2.2"></circle>
<circle cx="242.2" cy="98.2" r="2.2"></circle>
<circle cx="50.2" cy="98.2" r="2.2"></circle>
<circle cx="266.2" cy="98.2" r="2.2"></circle>
<circle cx="74.2" cy="98.2" r="2.2"></circle>
<circle cx="290.2" cy="98.2" r="2.2"></circle>
<circle cx="98.2" cy="98.2" r="2.2"></circle>
<circle cx="314.2" cy="98.2" r="2.2"></circle>
<circle cx="122.2" cy="98.2" r="2.2"></circle>
<circle cx="338.2" cy="98.2" r="2.2"></circle>
<circle cx="146.2" cy="98.2" r="2.2"></circle>
<circle cx="170.2" cy="98.2" r="2.2"></circle>
<circle cx="194.2" cy="122.2" r="2.2"></circle>
<circle cx="2.2" cy="122.2" r="2.2"></circle>
<circle cx="218.2" cy="122.2" r="2.2"></circle>
<circle cx="26.2" cy="122.2" r="2.2"></circle>
<circle cx="242.2" cy="122.2" r="2.2"></circle>
<circle cx="50.2" cy="122.2" r="2.2"></circle>
<circle cx="266.2" cy="122.2" r="2.2"></circle>
<circle cx="74.2" cy="122.2" r="2.2"></circle>
<circle cx="290.2" cy="122.2" r="2.2"></circle>
<circle cx="98.2" cy="122.2" r="2.2"></circle>
<circle cx="314.2" cy="122.2" r="2.2"></circle>
<circle cx="122.2" cy="122.2" r="2.2"></circle>
<circle cx="338.2" cy="122.2" r="2.2"></circle>
<circle cx="146.2" cy="122.2" r="2.2"></circle>
<circle cx="170.2" cy="122.2" r="2.2"></circle>
<circle cx="194.2" cy="146.2" r="2.2"></circle>
<circle cx="2.2" cy="146.2" r="2.2"></circle>
<circle cx="218.2" cy="146.2" r="2.2"></circle>
<circle cx="26.2" cy="146.2" r="2.2"></circle>
<circle cx="242.2" cy="146.2" r="2.2"></circle>
<circle cx="50.2" cy="146.2" r="2.2"></circle>
<circle cx="266.2" cy="146.2" r="2.2"></circle>
<circle cx="74.2" cy="146.2" r="2.2"></circle>
<circle cx="290.2" cy="146.2" r="2.2"></circle>
<circle cx="98.2" cy="146.2" r="2.2"></circle>
<circle cx="314.2" cy="146.2" r="2.2"></circle>
<circle cx="122.2" cy="146.2" r="2.2"></circle>
<circle cx="338.2" cy="146.2" r="2.2"></circle>
<circle cx="146.2" cy="146.2" r="2.2"></circle>
<circle cx="170.2" cy="146.2" r="2.2"></circle>
<circle cx="194.2" cy="170.2" r="2.2"></circle>
<circle cx="2.2" cy="170.2" r="2.2"></circle>
<circle cx="218.2" cy="170.2" r="2.2"></circle>
<circle cx="26.2" cy="170.2" r="2.2"></circle>
<circle cx="242.2" cy="170.2" r="2.2"></circle>
<circle cx="50.2" cy="170.2" r="2.2"></circle>
<circle cx="266.2" cy="170.2" r="2.2"></circle>
<circle cx="74.2" cy="170.2" r="2.2"></circle>
<circle cx="290.2" cy="170.2" r="2.2"></circle>
<circle cx="98.2" cy="170.2" r="2.2"></circle>
<circle cx="314.2" cy="170.2" r="2.2"></circle>
<circle cx="122.2" cy="170.2" r="2.2"></circle>
<circle cx="338.2" cy="170.2" r="2.2"></circle>
<circle cx="146.2" cy="170.2" r="2.2"></circle>
<circle cx="170.2" cy="170.2" r="2.2"></circle>
<circle cx="194.2" cy="194.2" r="2.2"></circle>
<circle cx="2.2" cy="194.2" r="2.2"></circle>
<circle cx="218.2" cy="194.2" r="2.2"></circle>
<circle cx="26.2" cy="194.2" r="2.2"></circle>
<circle cx="242.2" cy="194.2" r="2.2"></circle>
<circle cx="50.2" cy="194.2" r="2.2"></circle>
<circle cx="266.2" cy="194.2" r="2.2"></circle>
<circle cx="74.2" cy="194.2" r="2.2"></circle>
<circle cx="290.2" cy="194.2" r="2.2"></circle>
<circle cx="98.2" cy="194.2" r="2.2"></circle>
<circle cx="314.2" cy="194.2" r="2.2"></circle>
<circle cx="122.2" cy="194.2" r="2.2"></circle>
<circle cx="338.2" cy="194.2" r="2.2"></circle>
<circle cx="146.2" cy="194.2" r="2.2"></circle>
<circle cx="170.2" cy="194.2" r="2.2"></circle>
<circle cx="194.2" cy="218.2" r="2.2"></circle>
<circle cx="2.2" cy="218.2" r="2.2"></circle>
<circle cx="218.2" cy="218.2" r="2.2"></circle>
<circle cx="26.2" cy="218.2" r="2.2"></circle>
<circle cx="242.2" cy="218.2" r="2.2"></circle>
<circle cx="50.2" cy="218.2" r="2.2"></circle>
<circle cx="266.2" cy="218.2" r="2.2"></circle>
<circle cx="74.2" cy="218.2" r="2.2"></circle>
<circle cx="290.2" cy="218.2" r="2.2"></circle>
<circle cx="98.2" cy="218.2" r="2.2"></circle>
<circle cx="314.2" cy="218.2" r="2.2"></circle>
<circle cx="122.2" cy="218.2" r="2.2"></circle>
<circle cx="338.2" cy="218.2" r="2.2"></circle>
<circle cx="146.2" cy="218.2" r="2.2"></circle>
<circle cx="170.2" cy="218.2" r="2.2"></circle>
<circle cx="194.2" cy="242.2" r="2.2"></circle>
<circle cx="2.2" cy="242.2" r="2.2"></circle>
<circle cx="218.2" cy="242.2" r="2.2"></circle>
<circle cx="26.2" cy="242.2" r="2.2"></circle>
<circle cx="242.2" cy="242.2" r="2.2"></circle>
<circle cx="50.2" cy="242.2" r="2.2"></circle>
<circle cx="266.2" cy="242.2" r="2.2"></circle>
<circle cx="74.2" cy="242.2" r="2.2"></circle>
<circle cx="290.2" cy="242.2" r="2.2"></circle>
<circle cx="98.2" cy="242.2" r="2.2"></circle>
<circle cx="314.2" cy="242.2" r="2.2"></circle>
<circle cx="122.2" cy="242.2" r="2.2"></circle>
<circle cx="338.2" cy="242.2" r="2.2"></circle>
<circle cx="146.2" cy="242.2" r="2.2"></circle>
<circle cx="170.2" cy="242.2" r="2.2"></circle>
<circle cx="194.2" cy="266.2" r="2.2"></circle>
<circle cx="2.2" cy="266.2" r="2.2"></circle>
<circle cx="218.2" cy="266.2" r="2.2"></circle>
<circle cx="26.2" cy="266.2" r="2.2"></circle>
<circle cx="242.2" cy="266.2" r="2.2"></circle>
<circle cx="50.2" cy="266.2" r="2.2"></circle>
<circle cx="266.2" cy="266.2" r="2.2"></circle>
<circle cx="74.2" cy="266.2" r="2.2"></circle>
<circle cx="290.2" cy="266.2" r="2.2"></circle>
<circle cx="98.2" cy="266.2" r="2.2"></circle>
<circle cx="314.2" cy="266.2" r="2.2"></circle>
<circle cx="122.2" cy="266.2" r="2.2"></circle>
<circle cx="338.2" cy="266.2" r="2.2"></circle>
<circle cx="146.2" cy="266.2" r="2.2"></circle>
<circle cx="170.2" cy="266.2" r="2.2"></circle>
<circle cx="194.2" cy="290.2" r="2.2"></circle>
<circle cx="2.2" cy="290.2" r="2.2"></circle>
<circle cx="218.2" cy="290.2" r="2.2"></circle>
<circle cx="26.2" cy="290.2" r="2.2"></circle>
<circle cx="242.2" cy="290.2" r="2.2"></circle>
<circle cx="50.2" cy="290.2" r="2.2"></circle>
<circle cx="266.2" cy="290.2" r="2.2"></circle>
<circle cx="74.2" cy="290.2" r="2.2"></circle>
<circle cx="290.2" cy="290.2" r="2.2"></circle>
<circle cx="98.2" cy="290.2" r="2.2"></circle>
<circle cx="314.2" cy="290.2" r="2.2"></circle>
<circle cx="122.2" cy="290.2" r="2.2"></circle>
<circle cx="338.2" cy="290.2" r="2.2"></circle>
<circle cx="146.2" cy="290.2" r="2.2"></circle>
<circle cx="170.2" cy="290.2" r="2.2"></circle>
<circle cx="194.2" cy="314.2" r="2.2"></circle>
<circle cx="2.2" cy="314.2" r="2.2"></circle>
<circle cx="218.2" cy="314.2" r="2.2"></circle>
<circle cx="26.2" cy="314.2" r="2.2"></circle>
<circle cx="242.2" cy="314.2" r="2.2"></circle>
<circle cx="50.2" cy="314.2" r="2.2"></circle>
<circle cx="266.2" cy="314.2" r="2.2"></circle>
<circle cx="74.2" cy="314.2" r="2.2"></circle>
<circle cx="290.2" cy="314.2" r="2.2"></circle>
<circle cx="98.2" cy="314.2" r="2.2"></circle>
<circle cx="314.2" cy="314.2" r="2.2"></circle>
<circle cx="122.2" cy="314.2" r="2.2"></circle>
<circle cx="338.2" cy="314.2" r="2.2"></circle>
<circle cx="146.2" cy="314.2" r="2.2"></circle>
<circle cx="170.2" cy="314.2" r="2.2"></circle>
<circle cx="194.2" cy="338.2" r="2.2"></circle>
<circle cx="2.2" cy="338.2" r="2.2"></circle>
<circle cx="218.2" cy="338.2" r="2.2"></circle>
<circle cx="26.2" cy="338.2" r="2.2"></circle>
<circle cx="242.2" cy="338.2" r="2.2"></circle>
<circle cx="50.2" cy="338.2" r="2.2"></circle>
<circle cx="266.2" cy="338.2" r="2.2"></circle>
<circle cx="74.2" cy="338.2" r="2.2"></circle>
<circle cx="290.2" cy="338.2" r="2.2"></circle>
<circle cx="98.2" cy="338.2" r="2.2"></circle>
<circle cx="314.2" cy="338.2" r="2.2"></circle>
<circle cx="122.2" cy="338.2" r="2.2"></circle>
<circle cx="338.2" cy="338.2" r="2.2"></circle>
<circle cx="146.2" cy="338.2" r="2.2"></circle>
<circle cx="170.2" cy="338.2" r="2.2"></circle>
</svg>
</figure>
<div class="row g-xl-7 position-relative">
<div class="col-md-6 mt-lg-8">
<!-- Image with play button -->
<a data-glightbox data-gallery="gallery" href="https://www.youtube.com/embed/tXHviS-4ygo">
<div class="card overflow-hidden mb-4 mb-xl-7">
<!-- Image -->
<img src="assets/images/bg/13.jpg" class="rounded-3" alt="">
<!-- Full screen button -->
<div class="w-100 h-100">
<button class="btn btn-lg btn-round btn-dark position-absolute top-50 start-50 translate-middle mb-0"><i class="fas fa-play"></i></button>
</div>
</div>
</a>
<!-- Image item -->
<a data-glightbox data-gallery="gallery" href="assets/images/bg/14.jpg">
<div class="card card-element-hover card-overlay-hover overflow-hidden">
<!-- Image -->
<img src="assets/images/bg/14.jpg" class="rounded-3" alt="">
<!-- Full screen button -->
<div class="hover-element w-100 h-100">
<i class="bi bi-fullscreen fs-6 text-white position-absolute top-50 start-50 translate-middle bg-dark rounded-1 p-2 lh-1"></i>
</div>
</div>
</a>
</div>
<div class="col-6 d-none d-md-block">
<!-- Image item -->
<a data-glightbox data-gallery="gallery" href="assets/images/bg/17.jpg">
<div class="card card-element-hover card-overlay-hover overflow-hidden mb-4 mb-xl-7">
<!-- Image -->
<img src="assets/images/bg/17.jpg" class="rounded-3" alt="">
<!-- Full screen button -->
<div class="hover-element w-100 h-100">
<i class="bi bi-fullscreen fs-6 text-white position-absolute top-50 start-50 translate-middle bg-dark rounded-1 p-2 lh-1"></i>
</div>
</div>
</a>
<!-- Image item -->
<a data-glightbox data-gallery="gallery" href="assets/images/bg/19.jpg">
<div class="card card-element-hover card-overlay-hover overflow-hidden">
<!-- Image -->
<img src="assets/images/bg/19.jpg" class="rounded-3" alt="">
<!-- Full screen button -->
<div class="hover-element w-100 h-100">
<i class="bi bi-fullscreen fs-6 text-white position-absolute top-50 start-50 translate-middle bg-dark rounded-1 p-2 lh-1"></i>
</div>
</div>
</a>
</div>
</div>
</div>
</div> <!-- Row END -->
</div>
</section>
Copy-paste the stylesheet <link> into your <head> to load the CSS.
<link rel="stylesheet" type="text/css" href="assets/vendor/glightbox/css/glightbox.css">
Copy-paste the following <script> near the end of your pages under Vendors to enable it.
<script src="assets/vendor/glightbox/js/glightbox.js"></script>