xXx

Hexid M1n1 5h3ll MobiLe

home/zoocado/public_html/wbtourismonline.in/popup/_[ Not.Writable ]

File:/home/zoocado/public_html/wbtourismonline.in/popup/slider.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
	box-sizing: border-box
}
.warpper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.warpper input.radio {
	visibility: hidden;
	position: absolute;
}
.tabs {
	cursor: pointer;
	padding: 10px 20px;
	margin: 0px 2px;
	background: #000;
	display: inline-block;
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	box-shadow: 0 0.5rem 0.8rem #00000080;
}
.panels {
	background: #fffffff6;
	box-shadow: 0 2rem 2rem #00000080;
	min-height: 500px;
	width: 100%;
	max-width: 800px;
	border-radius: 3px;
	overflow: hidden;
	padding: 20px;
}
.panel {
	display: none;
	animation: fadein .8s;
}
@keyframes fadein {
 from {
 opacity:0;
}
to {
	opacity: 1;
}
}
.panel-title {
	font-size: 1.5em;
	font-weight: bold
}
.radio {
	display: none;
}
.one:checked ~ .panels .one-panel, .two:checked ~ .panels .two-panel, .three:checked ~ .panels .three-panel {
	display: block
}
.one:checked ~ .tabs .one-tab, .two:checked ~ .tabs .two-tab, .three:checked ~ .tabs .three-tab {
	background: #fffffff6;
	color: #000;
	border-top: 3px solid #000;
}
.one ~ .panels .one-panel {
	display: block
}
.one ~ .panels .one-panel {
	position: absolute;
	z-index: 1;
	width: 96%;
}
.two ~ .panels .two-panel {
	position: absolute;
	z-index: 2;
	width: 96%;
}
.three ~ .panels .three-panel {
	position: absolute;
	z-index: 3;
	width: 96%;
}
.popup-window {
	width: 800px;
	margin: 100px auto;
	position: relative;
}
.popup-window .owl-theme {
	float: left;
	width: 350px;
}
.popup-window .content {
	float: right;
	width: 350px;
}
.popup-window .close {
	position: absolute;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	border-radius: 40px;
	text-decoration: none;
	right: 0px;
}
/************Popup Code*****************/
.box {
	width: 40%;
	margin: 0 auto;
	background: rgba(255,255,255,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.button {
	font-size: 1em;
	padding: 10px;
	color: #2217a2;
	border: 2px solid #2217a2;
	border-radius: 20px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
	margin: 120px 0px 0px 200px;
	display: inline-block;
}
.button:hover {
	background: #2217a2;
	color: #fff;
}
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
}
.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: #06D85F;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
}
 @media screen and (max-width: 700px) {
.box {
	width: 70%;
}
.popup {
	width: 70%;
}
}
}
</style>
<link rel="stylesheet" href="css/owl.carousel.min.css">

<!-- javascript -->
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.js"></script>
</head>
<body>
<a class="button" href="#popup1">View Hotel</a> <a class="button" href="#popup2">View Hotel</a>
<div id="popup1" class="overlay">
  <div class="popup-window"> <a class="close" href="#">&times;</a>
    <div class="warpper">
      <input class="radio one" id="1"  name="group" type="radio" checked >
      <input class="radio two" id="2"  name="group" type="radio">
      <input class="radio three" id="3" name="group" type="radio">
      <div class="tabs outher">
        <label class="tabs one-tab" id="standard_59-tab"  for="1">Crowne Plaza</label>
        <label class="tabs two-tab" id="standard_60-tab"  for="2">Emerald Bay</label>
        <label class="tabs three-tab" id="standard_61-tab" for="3">Hotel Bliss</label>
      </div>
      <div class="panels">
        <div class="panel one-panel" id="">
          <div class="owl-carousel owl-theme">
            <div class="item"> <img src="images/1.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/2.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/3.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/4.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/5.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/14.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/15.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/16.jpg" width="400" height="400"> </div>
          </div>
          <div class="content">
            <h2>Improving Education, School Adoption Initiative</h2>
            <p>We recognise that access to quality early education provides a foundation for success in later life, and also goes hand in hand with learning more about conservation and the need to protect our delicate ecosystems. We believe, education is the most powerful tool which can be used to change the world. We have adopted 13 schools, across Rajasthan, impacting over 5670 students. The communities close to our camps, play a key role in helping us to achieve our conservation goals, so improving the quality of primary education is key. </p>
          </div>
        </div>
        <div class="panel two-panel" id="">
          <div class="owl-carousel owl-theme">
            <div class="item"> <img src="images/6.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/7.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/8.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/9.jpg" width="400" height="400"> </div>
          </div>
          <div class="content">
            <h2>Improving Education, School Adoption Initiative</h2>
            <p>We recognise that access to quality early education provides a foundation for success in later life, and also goes hand in hand with learning more about conservation and the need to protect our delicate ecosystems. We believe, education is the most powerful tool which can be used to change the world. We have adopted 13 schools, across Rajasthan, impacting over 5670 students. The communities close to our camps, play a key role in helping us to achieve our conservation goals, so improving the quality of primary education is key. </p>
          </div>
        </div>
        <div class="panel three-panel" id="">
          <div class="owl-carousel owl-theme">
            <div class="item"> <img src="images/10.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/11.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/12.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/13.jpg" width="400" height="400"> </div>
          </div>
          <div class="content">
            <h2>Improving Education, School Adoption Initiative</h2>
            <p>We recognise that access to quality early education provides a foundation for success in later life, and also goes hand in hand with learning more about conservation and the need to protect our delicate ecosystems. We believe, education is the most powerful tool which can be used to change the world. We have adopted 13 schools, across Rajasthan, impacting over 5670 students. The communities close to our camps, play a key role in helping us to achieve our conservation goals, so improving the quality of primary education is key. </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup2" class="overlay">
  <div class="popup-window"> <a class="close" href="#">&times;</a>
    <div class="warpper">
      <input class="radio one" id="4"  name="group" type="radio" checked >
      <input class="radio two" id="5"  name="group" type="radio">
      <div class="tabs outher">
        <label class="tabs one-tab" id="standard_59-tab"  for="4">Crowne Plaza</label>
        <label class="tabs two-tab" id="standard_60-tab"  for="5">Emerald Bay</label>
      </div>
      <div class="panels">
        <div class="panel one-panel" id="">
          <div class="owl-carousel owl-theme">
            <div class="item"> <img src="images/1.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/2.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/3.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/4.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/5.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/14.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/15.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/16.jpg" width="400" height="400"> </div>
          </div>
          <div class="content">
            <h2>Improving Education, School Adoption Initiative</h2>
            <p>We recognise that access to quality early education provides a foundation for success in later life, and also goes hand in hand with learning more about conservation and the need to protect our delicate ecosystems. We believe, education is the most powerful tool which can be used to change the world. We have adopted 13 schools, across Rajasthan, impacting over 5670 students. The communities close to our camps, play a key role in helping us to achieve our conservation goals, so improving the quality of primary education is key. </p>
          </div>
        </div>
        <div class="panel two-panel">
          <div class="owl-carousel owl-theme">
            <div class="item"> <img src="images/6.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/7.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/8.jpg" width="400" height="400"> </div>
            <div class="item"> <img src="images/9.jpg" width="400" height="400"> </div>
          </div>
          <div class="content">
            <h2>Improving Education, School Adoption Initiative</h2>
            <p>We recognise that access to quality early education provides a foundation for success in later life, and also goes hand in hand with learning more about conservation and the need to protect our delicate ecosystems. We believe, education is the most powerful tool which can be used to change the world. We have adopted 13 schools, across Rajasthan, impacting over 5670 students. The communities close to our camps, play a key role in helping us to achieve our conservation goals, so improving the quality of primary education is key. </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
            $(document).ready(function() {
              $('.owl-carousel').owlCarousel({
                loop: true,
                margin: 10,
                responsiveClass: true,
                responsive: {
                  0: {
                    items: 1,
                    nav: true
                  },
                  600: {
                    items: 1,
                    nav: false
                  },
                  1000: {
                    items:1,
                    nav: true,
                    loop: false,
                    margin: 20
                  }
                }
              })
            })
          </script>
</body>
</html>

Your Access Expired	Date. in : 10-02-2026
Regist : 09-12-2024	Expired : 01-12-2027