Vendor : Photoswipe

                  
										<a class="photoswipe" href="demo.files/images/unsplash/covers/room-7DzpP1IVo8Y-unsplash.jpg">
											<img class="img-fluid" src="demo.files/images/unsplash/covers/room-7DzpP1IVo8Y-unsplash.jpg" alt="..." />
										</a>
                  
                

                  
		                <div class="row g-4">
		                  <div class="col-12 col-lg-3 mb-4">

		                    <a class="photoswipe" data-photoswipe="ps-group-name" href="../demo.files/images/unsplash/covers/room-l9QPabiKKhw-unsplash.jpg">
		                      <img class="img-fluid" src="../demo.files/images/unsplash/covers/room-l9QPabiKKhw-unsplash.jpg" alt="..." />
		                    </a>

		                  </div>

		                  <div class="col-12 col-lg-3 mb-4">

		                    <a class="photoswipe" data-photoswipe="ps-group-name" href="../demo.files/images/unsplash/covers/room-iFIht7bf-Cs-unsplash.jpg">
		                      <img class="img-fluid" src="../demo.files/images/unsplash/covers/room-iFIht7bf-Cs-unsplash.jpg" alt="..." />
		                    </a>

		                  </div>

		                  <div class="col-12 col-lg-3 mb-4">

		                    <a class="photoswipe" data-photoswipe="ps-group-name" href="../demo.files/images/unsplash/covers/room-fitPHO9yh_s-unsplash.jpg">
		                      <img class="img-fluid" src="../demo.files/images/unsplash/covers/room-fitPHO9yh_s-unsplash.jpg" alt="..." />
		                    </a>

		                  </div>

		                  <div class="col-12 col-lg-3 mb-4">

		                    <a class="photoswipe" data-photoswipe="ps-group-name" href="../demo.files/images/unsplash/covers/room-_A_UV188rqk-unsplash.jpg">
		                      <img class="img-fluid" src="../demo.files/images/unsplash/covers/room-_A_UV188rqk-unsplash.jpg" alt="..." />
		                    </a>

		                  </div>

		                </div>
                  
                

                  
		                <div class="row g-4">
		                  <div class="col-12 col-lg-4 mb-4">

		                    <a class="d-inline-block photoswipe overlay-dark overlay-opacity-4" href="https://www.youtube.com/watch?v=YXNk4gQCPSY">
		                      <img class="img-fluid" src="https://img.youtube.com/vi/YXNk4gQCPSY/maxresdefault.jpg" alt="..." />

		                      <!-- play button -->
		                      <span class="absolute-full d-flex align-items-center justify-content-center">
		                        <span class="d-inline-flex bg-white text-dark rounded-circle align-items-center justify-content-center shadow-lg" style="width:70px;height:70px;">
		                          <i class="fi fi-arrow-end-full"></i>
		                        </span>
		                      </span>
		                    </a>

		                    <h6 class="text-center mt-3">Youtube</h6>

		                  </div>

		                  <div class="col-12 col-lg-4 mb-4">

		                    <!-- //player.vimeo.com/video/56624256 -->
		                    <a class="d-inline-block photoswipe overlay-dark overlay-opacity-4" href="https://vimeo.com/57005606">
		                      <img class="img-fluid" src="https://i.vimeocdn.com/video/394855173_1280x720.jpg" alt="..." />

		                      <!-- play button -->
		                      <span class="absolute-full d-flex align-items-center justify-content-center">
		                        <span class="d-inline-flex bg-white text-dark rounded-circle align-items-center justify-content-center shadow-lg" style="width:70px;height:70px;">
		                          <i class="fi fi-arrow-end-full"></i>
		                        </span>
		                      </span>
		                    </a>

		                    <h6 class="text-center mt-3">Vimeo</h6>

		                  </div>

		                  <div class="col-12 col-lg-4 mb-4">

		                    <a class="d-inline-block photoswipe overlay-dark overlay-opacity-4" href="../demo.files/video/hd0936.mp4">
		                      <img class="img-fluid" src="../demo.files/video/hd0936.jpg" alt="..." />
		                    
		                      <!-- play button -->
		                      <span class="absolute-full d-flex align-items-center justify-content-center">
		                        <span class="d-inline-flex bg-white text-dark rounded-circle align-items-center justify-content-center shadow-lg" style="width:70px;height:70px;">
		                          <i class="fi fi-arrow-end-full"></i>
		                        </span>
		                      </span>
		                    </a>

		                    <h6 class="text-center mt-3">Local</h6>

		                  </div>

		                </div>