BLACKSITE


	: 216.73.217.148
	: 172.93.223.125 / www.geeteetravels.com
	: Linux ubuntu 5.15.0-179-generic #189-Ubuntu SMP Tue May 5 18:20:56 UTC 2026 x86_64
: /home/geeteetravels/public_html/old/
files >> /home/geeteetravels/public_html/old/photogallery.php
 <?php include('header1.php');?>  

<link href="css/photogallery.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/w3.css">
<style>
p
{
	font-family:'Roboto';
	color: #000;
    font-weight: 500;
}
</style>
<div class="about-top">
<!-- MAIN (Center website) -->
<div class="main">
<h2>PHOTO GALLERY</h2>

<div id="myBtnContainer">
  <button class="btn active" onclick="filterSelection('all')"> Show all</button>
  <button class="btn" onclick="filterSelection('Video')"> News / Video</button>
  <button class="btn" onclick="filterSelection('Basic')">BASIC SUV</button>
  <button class="btn" onclick="filterSelection('premium')">PREMIUM SUV</button>
  <button class="btn" onclick="filterSelection('sedan')">PREMIUM SEDAN</button>
  <button class="btn" onclick="filterSelection('luxury')">LUXURY</button>
  <button class="btn" onclick="filterSelection('coaches')">COACHES</button>
  <button class="btn" onclick="filterSelection('meet')">MEETINGS</button>
</div>
<!-- Portfolio Gallery Grid -->
<div class="row">
  <div class="column coaches">
    <div class="content">
      <img src="img/coach1.jpg" alt="Mountains" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>U.S President Barack Obama Visit in India</p>
    </div>
  </div>
  <div class="column luxury">
    <div class="content">
    <img src="img/fortuner.png" alt="Lights" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY FORTUNER</p>
    </div>
  </div>
  <div class="column luxury" >
    <div class="content">
    <img src="img/vclass.jpg" alt="Nature" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY MERCEDES V-CLASS</p>
    </div>
  </div>

  <div class="column coaches">
    <div class="content">
      <img src="img/busseat.jpg" alt="Mountains" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY COACHES</p>
    </div>
  </div>
  <div class="column sedan">
    <div class="content">
    <img src="img/gallery23.jpg" alt="Lights" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM SEDAN CARS</p>
    </div>
  </div>
  <div class="column luxury" >
    <div class="content">
    <img src="img/commuter.jpg" alt="Nature" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY COMMUTER</p>
    </div>
  </div>
  
  <div class="column luxury">
    <div class="content">
      <img src="img/mer-s.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY MERCEDES S CLASS</p>
    </div>
  </div>
  <div class="column luxury">
    <div class="content">
    <img src="img/velhifire.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY VELLFIRE</p>
    </div>
  </div>
  <div class="column cars">
    <div class="content">
    <img src="img/gallery28.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>GEETEE OFFERS FLEET</p>
    </div>
  </div>

  <div class="column coaches">
    <div class="content">
      <img src="img/5.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY FORCE URBANIA</p>
    </div>
  </div>
  <div class="column coaches">
    <div class="content">
    <img src="img/bharat.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY BHARATBENZ</p>
    </div>
  </div>
  <div class="column coaches">
    <div class="content">
    <img src="img/buslux.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY COACHES</p>
    </div>
  </div>
  
   <div class="column sedan">
    <div class="content">
      <img src="img/gallery35.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM SEDAN CARS</p>
    </div>
  </div>
  <div class="column Basic">
    <div class="content">
    <img src="img/crysta.png" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>TOYOTA CRYSTA (SUV)</p>
    </div>
  </div>
  <div class="column premium">
    <div class="content">
    <img src="img/bmw5.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM BMW 5 SERIES</p>
    </div>
  </div>
  
  <div class="column premium">
    <div class="content">
      <img src="img/mercedes.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM MERCEDES E CLASS</p>
    </div>
  </div>
  <div class="column premium">
    <div class="content">
    <img src="img/corolla.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM TOYOTA CAMRY</p>
    </div>
  </div>
  <div class="column premium">
    <div class="content">
    <img src="img/preseat.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM SEATS</p>
    </div>
  </div>
  
  <div class="column sedan">
    <div class="content">
      <img src="img/gallery40.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM SEDAN SEAT</p>
    </div>
  </div>
  <div class="column sedan">
    <div class="content">
    <img src="img/gallery41.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM SEDAN CAR</p>
    </div>
  </div>
  <div class="column sedan">
    <div class="content">
    <img src="img/gallery42.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PREMIUM SEDAN SEAT</p>
    </div>
  </div>
  
  <div class="column luxury">
    <div class="content">
      <img src="img/gallery24.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY CARS</p>
    </div>
  </div>
  <!--<div class="column luxury">
    <div class="content">
    <img src="img/gallery34.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY CARS</p>
    </div>
  </div>-->
  <div class="column luxury">
    <div class="content">
    <img src="img/maybach.jpg" alt="Car" style="width:100%">
       <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY MERCEDES MAYBACH</p>
    </div>
  </div>
  
  <div class="column Video">
    <div class="content">
      <img src="img/mohan.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>National Tourism Award 2018-19.</p>
    </div>
  </div>
  <div class="column Video">
    <div class="content">
      <img src="img/news.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>GeeTee News in Times of India</p>
    </div>
  </div>
  
  <div class="column Video">
    <div class="content">
      <img src="img/news1.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>GeeTee News in Times of India</p>
    </div>
  </div>
  <div class="column Video">
    <div class="content">
    <img src="img/news2.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>GeeTee News in DNA (Daily News)</p>
    </div>
  </div>
  <div class="column Video">
    <div class="content">
    <img src="img/news3.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>GeeTee News in Mid - Day</p>
    </div>
  </div>
  
   <div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/Kp1BIy-4aGc"  style="width:100%;height:100%"></iframe>
      <p>Indian Cricket Team in GeeTee Bus. outside Wankhede stadium...</p>
    </div>
  </div>
  <div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/L3B4SzjEN-s"  style="width:100%;height:100%"></iframe>
      <p>God of Cricket in GeeTee Bus,Sachin Tendulkar waving at crowd from Team Bus </p>
    </div>
  </div>
  <div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/vVy4nZ59M7k"  style="width:100%;height:100%"></iframe>
      <p>England team arrives - India vs England 2016 - Test 4 day 2 - Wankhede, Mumbai</p>
    </div>
  </div>
  
  
  <!--<div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/NZDOj44NGs8"  style="width:100%;height:100%"></iframe>
      <p>Turkey's football team trains in Navi Mumbai ahead of U-17 FIFA World Cup</p>
    </div>
  </div>-->
  <div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/D_l_L8czX-g"  style="width:100%;height:100%"></iframe>
      <p>England India cricket Teams, Mumbai Dec 2016 IMG 2078</p>
    </div>
  </div>
  <div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/vVy4nZ59M7k"  style="width:100%;height:100%"></iframe>
      <p>England team arrives - India vs England 2016 - Test 4 day 2 - Wankhede, Mumbai</p>
    </div>
  </div>
  
   <!--<div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/irJxj2ueDWU"  style="width:100%;height:100%"></iframe>
      <p>TEAM INDIA ARRIVAL AT TAJ HOTEL IN GEETEE BUS.</p>
    </div>
  </div>-->
  <div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/5_I0C49P5tQ"  style="width:100%;height:100%"></iframe>
      <p>Indian U-19 Cricket Team Players Arrived at Mumbai Airport</p>
    </div>
  </div>
  <div class="column Video">
    <div class="content">
      <iframe src="https://www.youtube.com/embed/bUtUbSHNIwM"  style="width:100%;height:100%"></iframe>
      <p>FIFA UNDER-17 WORLD CUP GERMANY TEAM ARRIVAL IN INDIA( GOA )</p>
    </div>
  </div>
  
   <div class="column meet">
    <div class="content">
      <img src="img/event1.jpg" alt="Car" style="width:100%">
       <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>AWARDS</p>
    </div>
  </div>
  <div class="column meet">
    <div class="content">
      <img src="img/event7.jpg" alt="Car" style="width:100%" onclick="openModal()">
       <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>AWARD BY AADITYA THACKERAY LEADER OF SHIV SENA.</p>
    </div>
  </div>
  <div class="column meet">
    <div class="content">
     <img src="img/event3.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>NATIONAL ECONOMIC GROWTH SEMINAR</p>
    </div>
  </div>
  
   <div class="column meet">
    <div class="content">
      <img src="img/event4.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>AWARDS</p>
    </div>
  </div>
  <div class="column meet">
    <div class="content">
      <img src="img/event5.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>certificate of appreciation</p>
    </div>
  </div>
  <div class="column meet">
    <div class="content">
     <img src="img/event6.jpg" alt="Car" style="width:100%">
       <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>certificate of appreciation</p>
    </div>
  </div>
  
  <div class="column meet">
    <div class="content">
     <img src="img/event2.jpg" alt="Car" style="width:100%">
      <p>AWARDS</p>
    </div>
  </div>
  
  <div class="column luxury">
    <div class="content">
    <img src="img/lux2.jpg" alt="Car" style="width:100%">
     <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY CARS</p>
    </div>
  </div>
  <div class="column meet">
    <div class="content">
     <img src="img/gallery18.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>PRAWAAS AWARD 2017.</p>
    </div>
  </div>
  
  <div class="column coaches">
    <div class="content">
      <img src="img/coach.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY COACHES</p>
    </div>
  </div>
  
  <div class="column coaches">
    <div class="content">
    <img src="img/volvo.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>LUXURY VOLVO</p>
    </div>
  </div>
  <div class="column meet">
    <div class="content">
     <img src="img/gallery17.jpg" alt="Car" style="width:100%">
      <h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h4>
      <p>ANNUAL MEETING 2018.</p>
    </div>
  </div>
  

</div><!-- ROW GRID END  -->

</div><!-- END MAIN -->
</div><!-- top end -->


<div id="myModal" class="w3-modal w3-black"><!-- start modal -->
      <span class="w3-text-white w3-xxlarge w3-hover-text-grey w3-container w3-display-topright" onclick="closeModal()" style="cursor:pointer">×</span>
  <div class="w3-modal-content">

    <div class="w3-content" style="max-width:1200px">
          <span class="w3-display-left w3-btn" onclick="plusDivs(-1)"><</span>
          <span class="w3-display-right w3-btn" onclick="plusDivs(1)">></span>
      <img class="mySlides" src="img/coach1.jpg" style="width:100%">
      <img class="mySlides" src="img/lux3.jpg" style="width:100%">
      <img class="mySlides" src="img/lux1.jpg" style="width:100%">
      
      <img class="mySlides" src="img/gallery22.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery23.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery25.jpg" style="width:100%">
      
      <img class="mySlides" src="img/gallery33.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery26.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery28.jpg" style="width:100%">
      
      <img class="mySlides" src="img/gallery29.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery30.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery31.jpg" style="width:100%">
      
      <img class="mySlides" src="img/gallery35.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery36.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery37.jpg" style="width:100%">
      
      <img class="mySlides" src="img/gallery34.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery38.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery39.jpg" style="width:100%">
      
      <img class="mySlides" src="img/gallery40.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery41.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery42.jpg" style="width:100%">
      
      <img class="mySlides" src="img/gallery24.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery34.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery32.jpg" style="width:100%">
      
      <img class="mySlides" src="img/news1.jpg" style="width:100%">
      <img class="mySlides" src="img/news2.jpg" style="width:100%">
      <img class="mySlides" src="img/news3.jpg" style="width:100%">
      
       <!--<img class="mySlides" src="img/coach1.jpg" style="width:100%">
      <img class="mySlides" src="img/lux3.jpg" style="width:100%">
      <img class="mySlides" src="img/lux1.jpg" style="width:100%">
      
      <img class="mySlides" src="img/coach1.jpg" style="width:100%">
      <img class="mySlides" src="img/lux3.jpg" style="width:100%">
      <img class="mySlides" src="img/lux1.jpg" style="width:100%">
      
      <img class="mySlides" src="img/coach1.jpg" style="width:100%">
      <img class="mySlides" src="img/lux3.jpg" style="width:100%">
      <img class="mySlides" src="img/lux1.jpg" style="width:100%">-->
      
      <img class="mySlides" src="img/event1.jpg" style="width:100%">
      <img class="mySlides" src="img/event7.jpg" style="width:100%">
      <img class="mySlides" src="img/event3.jpg" style="width:100%">
      
      <img class="mySlides" src="img/event4.jpg" style="width:100%">
      <img class="mySlides" src="img/event5.jpg" style="width:100%">
      <img class="mySlides" src="img/event6.jpg" style="width:100%">
      
      <img class="mySlides" src="img/event2.jpg" style="width:100%">
      <img class="mySlides" src="img/lux2.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery18.jpg" style="width:100%">
      
      <img class="mySlides" src="img/coach.jpg" style="width:100%">
      <img class="mySlides" src="img/coach2.jpg" style="width:100%">
      <img class="mySlides" src="img/gallery17.jpg" style="width:100%">
      
   
    </div> <!-- End w3-content -->
  
 </div> <!-- End modal content -->
</div> <!-- End modal -->







<script>
filterSelection("all")
function filterSelection(c) {
  var x, i;
  x = document.getElementsByClassName("column");
  if (c == "all") c = "";
  for (i = 0; i < x.length; i++) {
    w3RemoveClass(x[i], "show");
    if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
  }
}

function w3AddClass(element, name) {
  var i, arr1, arr2;
  arr1 = element.className.split(" ");
  arr2 = name.split(" ");
  for (i = 0; i < arr2.length; i++) {
    if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];}
  }
}

function w3RemoveClass(element, name) {
  var i, arr1, arr2;
  arr1 = element.className.split(" ");
  arr2 = name.split(" ");
  for (i = 0; i < arr2.length; i++) {
    while (arr1.indexOf(arr2[i]) > -1) {
      arr1.splice(arr1.indexOf(arr2[i]), 1);     
    }
  }
  element.className = arr1.join(" ");
}

// Add active class to the current button (highlight it)
var btnContainer = document.getElementById("myBtnContainer");
var btns = btnContainer.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function(){
    var current = document.getElementsByClassName("active");
    current[0].className = current[0].className.replace(" active", "");
    this.className += " active";
  });
}


function openModal() {
  document.getElementById('myModal').style.display = "block";
}

function closeModal() {
  document.getElementById('myModal').style.display = "none";
}

var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex += n);
}


function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length}
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";
  }
 
  x[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " w3-opacity-off";
  captionText.innerHTML = dots[slideIndex-1].alt;
}


</script>
<?php include('footer.php');?>