/home/vivaseatsuk/public_html/backupo/ Current File: /home/vivaseatsuk/public_html/backupo/thankyou1.php
<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title>Vivaseats- Terms And Conditions.</title>
		 <link rel="icon" type="image/x-icon" href="https://vivaseats.co.uk/images/safari-pinned-tab.svg">
		<meta charset="utf-8">
		<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
      <!--	<link rel="stylesheet" href="https://use.typekit.net/iza6gjt.css">-->
      	<link rel="stylesheet" href="https://use.typekit.net/bmm2pqe.css">
		<link rel="stylesheet" href="css/bootstrap.min.css" id="bootstrap-css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
  		<link rel="stylesheet" type="text/css" href="css/owl.theme.default.css">
		<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
		<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
		<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
 fbq('init', '540401560521916'); 
fbq('track', 'PageView');
</script>
<noscript>
 <img height="1" width="1" 
src="https://www.facebook.com/tr?id=540401560521916&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
	</head>
	<body class="home-template">
		<header class="header-main staticpage">
			<div class="container header-container">
				<div class="row banner-header-row">
					<div class="col-lg-4 col-md-12 logo-clmn vertical-center">
                      <a href="index.php">
                       
                        <img src="images/logo-dark.svg" alt="" class="">
                        <!--<img class="logo-sticky" src="images/logo-white-full.svg" alt="" />-->
                      </a>
                   </div>
					<div class="col-lg-8 col-md-12 header-form-clm">
					<form class="header-form">
					<div class="form-group email-col">
						<div class="header-form-label"><label>Launching soon</label></div>
						<input type="email" class="form-control rounded-0" id="inputEmail">
						<div class="header-btn-div"><a href="https://vivaseats.co.uk/#footer-4">
						<button type="button" class="btn btn-dark-bg header-frm-btn" >SIGN UP HERE</button></a></div>
					</div>
					</form>
					</div>
				</div>	
			</div>
		</header>
        <section class="terms-and-condition thanks ">
           
                   <div class="thankyoupage">
                            <p class="thankyou">Thank you for your competition entry</p>
                    </div>
              
        </section>		
        <br>
        <br>
        <br>
			<!-- ----------------Start CopyRight Section-------------- -->
		<div id="footer-cr" class="footer-cr-sec">
			<div class="container">
				<div class="row footer-cr-row">
					<div class="col-lg-6 col-md-12 vertical-center">
						<div class="footer-cr-text"><p>© 2022 <a href="">vivaseats</a>    <a href=https://vivaseats.co.uk/terms.html">Terms</a>    <a href="https://vivaseats.co.uk/privacy-policy">Privacy</a></p></div>
					</div>
					<div class="col-lg-6 col-md-12">
						<div class="back-top-icon"><a onclick="topFunction()" id="myBtn" title="Go to top" class="back-top-btn">
                        	<img class="img-d" src="images/back-to-top.svg" alt=""/>
                          	<img class="img-hover" src="images/back-btn-hover.svg" alt=""/>
                          </a>
                      	</div>
					</div>
				</div>
			</div>
		</div>
		<!-- ----------------End CopyRight Section-------------- -->
       </section>
		<!-- ----------------Start Java Script -------------- -->
		<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap.bundle.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
		<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>
		
		<!--<script src="jquery-1.10.2.min.js"></script>-->
<script src="js/jquery.scrollzip.js"></script>
		<script type="text/javascript">
		/* Back To Top Button Js */
		var mybutton = document.getElementById("myBtn");
		window.onscroll = function() {scrollFunction()};
		function scrollFunction() {
			if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
				mybutton.style.display = "block";
			} else {
				mybutton.style.display = "none";
			}
		}
		function topFunction() {
			document.body.scrollTop = 0;
			document.documentElement.scrollTop = 0;
		}
	
	
        /* Start Sticky Header */
//         $(window).scroll(function(){
//   			var sticky = $('.header-main'),
//       		scroll = $(window).scrollTop();
//   			if (scroll >= 1) sticky.addClass('fixed');
//   			else sticky.removeClass('fixed');
// 		});
		 
        /* End Sticky Header */  
		/* Start Masonry Grid */
		$('.grid').isotope({
			itemSelector: '.grid-item',
			percentPosition: true,
			masonry: {
				columnWidth:'.grid-sizer',
          		percentPosition: true
			}
		});
		/* End Masonry Grid */
        $(document).ready(function() {
        $(document).find('.events-cat-ul li a').on('mouseover',function(){
          	var class1 = $(this).attr('id');
        //   	$(".events-cat-common li a").removeClass( "active" );
			if (class1.indexOf('concerts') > -1){
				// $('#events-cat-concerts').fadeIn("100","linear");
    //       		$('#events-cat-sports').fadeOut("0","linear");
    //       		$('#events-cat-arts').fadeOut("0","linear");
    //       		$('#home-events-cat').fadeOut("0","linear");
    //       		 $("#events-cat-concerts li #concerts ").addClass("active");
            	        
        			}
			if (class1.indexOf('sports') > -1){
				// $('#events-cat-sports').fadeIn("100","linear");
    //       		$('#events-cat-arts').fadeOut("0","linear");
    //       		$('#home-events-cat').fadeOut("0","linear");
    //       		$('#events-cat-concerts').fadeOut("0","linear");
    //       		$("#events-cat-sports li #sports ").addClass("active");
        	        
			}
			if (class1.indexOf('arts') > -1){
				// $('#events-cat-arts').fadeIn("100","linear");
    //       		$('#home-events-cat').fadeOut("0","linear");
    //       		$('#events-cat-concerts').fadeOut("0","linear");
    //       		$('#events-cat-sports').fadeOut("0","linear");
    //       		$("#events-cat-arts li #arts").addClass("active");
			}
		});
		

		
		
		
         });
         
           function revealImages() {
              var reveals = document.querySelectorAll(".reveal_image");
            
              for (var i = 0; i < reveals.length; i++) {
                var windowHeight = window.innerHeight;
               // console.log(windowHeight);
                var elementTop = reveals[i].getBoundingClientRect().top ;
              ///  console.log(elementTop);

                // var elementVisible = 300;
                var elementVisible = 5;
              //  console.log(elementVisible);

                if (elementTop < windowHeight - elementVisible) {
                  reveals[i].classList.add("active");
               // console.log(elementTop);
                //console.log(reveals);
                } else {
                  reveals[i].classList.remove("active");
                }
              }
            }
         
    
          window.addEventListener("scroll", revealImages);
   
   
          function reveal() {
              var reveals = document.querySelectorAll(".reveal");
            
              for (var i = 0; i < reveals.length; i++) {
                var windowHeight = window.innerHeight;
               // console.log(windowHeight);
                var elementTop = reveals[i].getBoundingClientRect().top ;
              ///  console.log(elementTop);

                // var elementVisible = 300;
                var elementVisible = 10;
              //  console.log(elementVisible);

                if (elementTop < windowHeight - elementVisible) {
                  reveals[i].classList.add("active");
               // console.log(elementTop);
                //console.log(reveals);
                } else {
                  reveals[i].classList.remove("active");
                }
              }
            }
            
            window.addEventListener("scroll", reveal);

		 AOS.init();
		 
		 
      $(window).on("load scroll resize", function(){
          
             $(".header-main ,.full-screen-footer").removeClass("viewport-btm11");
             //if($(window).scrollTop() + $(window).height() == ($(document).height() -500 ) ) {
             if( $(document).height() - ($(window).scrollTop() + $(window).height()) < 500  ) {
                   //you are at bottom
                   $(".header-main,.full-screen-footer").addClass("viewport-btm11"); 
               }
		 })
	
		</script>
		<!-- ----------------End Java Script -------------- -->
	
		<script>
		    
// 		    (function($) {
//   var selector = ".events-cat-common";

//   var $slides = $(selector);

//   var currentSlide = 0;
//   var isAnimating = false;

//   var stopAnimation = function() {
//     setTimeout(function() {
//       isAnimating = false;
//     }, 300);
//   };

//   var bottomIsReached = function($elem) {
//     var rect = $elem[0].getBoundingClientRect();
//     return rect.bottom <= $(window).height();
//   };

//   var topIsReached = function($elem) {
//     var rect = $elem[0].getBoundingClientRect();
//     return rect.top >= 0;
//   };

//   document.addEventListener(
//     "wheel",
//     function(event) {
//       var $currentSlide = $($slides[currentSlide]);

//       if (isAnimating) {
//         event.preventDefault();
//         return;
//       }

//       var direction = -event.deltaY;

//       if (direction < 0) {
//         // next
//         if (currentSlide + 1 >= $slides.length) return;
//         if (!bottomIsReached($currentSlide)) return;
//         event.preventDefault();
//         currentSlide++;
//         var $slide = $($slides[currentSlide]);
//         var offsetTop = $slide.offset().top;
//         isAnimating = true;
//         $("html, body").animate(
//           {
//             scrollTop: offsetTop
//           },
//           1000,
//           stopAnimation
//         );
//       } else {
//         // back
//         if (currentSlide - 1 < 0) return;
//         if (!topIsReached($currentSlide)) return;
//         event.preventDefault();
//         currentSlide--;
//         var $slide = $($slides[currentSlide]);
//         var offsetTop = $slide.offset().top;
//         isAnimating = true;
//         $("html, body").animate(
//           {
//             scrollTop: offsetTop
//           },
//           1000,
//           stopAnimation
//         );
//       }
//     },
//     { passive: false }
//   );
// })(jQuery);
$("a[href^='#'] ").click(function(e) {
	e.preventDefault();
	
	var position = $($(this).attr("href")).offset().top;

	$("body, html").animate({
		scrollTop: position
	} /* speed */ );
});


            $('.submitformbtn').click(function( event ) {
                $(this).hide();
                $('.submit_button').html("<p class='thankyou'>Thank you for your competition entry</p>")
                
            });
            
		</script>
		<style>
		    section.terms-and-condition.thanks {
                height: 60vh;background-image: url(../images/banner-img.jpg);
            }
            .thankyoupage {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
            }
            
            .thankyoupage p.thankyou {
                color: green;
                max-width: 500px;
                width: 100%;
                margin: auto;
                font-size: 25px;
            }
            a#myBtn{
                top: 0px;
            }
            div#footer-cr {
                padding: 15px 0;
            }
            
            
            @media (max-width: 768px){
                .banner-header-row {
                    padding-top: 0;
                    padding-bottom: 15px;
                }
                .thankyoupage p.thankyou{font-size:18px;}
            }
		</style>
	</body>
</html>