/
home
/
vivaseatsuk
/
public_html
/
File Upload :
llllll
Current File: /home/vivaseatsuk/public_html/thankyou.php
<!DOCTYPE HTML> <html lang="en"> <head> <title>Vivaseats Coming Soon</title> <!--<link rel="icon" type="image/x-icon" href="https://vivaseats.com/images/safari-pinned-tab.svg">--> <link rel="icon" type="image/x-icon" href="https://vivaseats.com/images/favicon-32x32.png"> <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"> <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 class="logo-defualt" src="images/logo-light.svg" alt="" /> <img class="logo-sticky" src="images/logo-light.svg" alt="" /> <img src="images/logo-dark.svg" alt="" class="hide logowhite"> <!--<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 method="post" class="header-form"> <div class="form-group email-col"> <div class="header-form-label"><label>Launching soon</label></div> <input type="email" name="email" class="form-control rounded-0" id="inputEmail"> <div class="header-btn-div"><a href="#footer-4"> <button type="submit" class="btn btn-dark-bg header-frm-btn" >SIGN UP HERE</button></a></div> </div> </form> </div> </div> </div> </header> <section id="home-banner" class="banner-sec full-screen-sec "> <div class="container container-fix"> <div class="row banner-content-row two-side-data-container"> <div class="col-lg-6 col-md-12 banner-clmn" > <div class="banner-content"> <!-- <h1>See Hear Feel</h1> --> <h2>Win 2 tickets </br> To any Event</h2> <div class="banner-details"> <p class="banner-first-p">Win tickets for you and a friend to a 2022 event of your choice! All you need to do is fill in the form and tell us which artist or sports event you want to win tickets for this year.</p> <p class="terms-and-condition"> Competition <a href="/terms.html">terms & conditions</a> apply </p> </div> <!-- <form class="banner-form"> <div class="form-group banner-email-col"> <input type="email" class="form-control rounded-0" id="inputEmail-b" placeholder="Enter your email address"> <div class="banner-btn-div"><button type="submit" class="btn btn-notify-me" >Notify me</button></div> </div> </form> --> </div> </div> <!-- <div class="show-mobile tringle-banner-mob"><img src="images/patter-banner-right.svg" alt="" /></div> --> <div class="col-lg-6 col-md-12 banner-clmn-right win-ticket-form"> <!-- <img src="images/patter-banner-right.svg" alt="" /> --> <form action="submit.php" method="post" enctype="multipart/formdata" class="ticket_form"> <div class="formwrapper"> <div class="name_field"> <div class="first_name"> <input type="text" name="first_name" class="form-control fst_name" placeholder="First name" required> </div> <div class="last_name"> <input type="text" name="last_name" class="form-control lst_name" placeholder="Last name" required> </div> </div> <div class="tell-us-here youremail"> <input id="tellus" name="email_address" class="tellus" type="email" placeholder="Email address" required> </div> <div class="location"> <select name="location" id="location" value="" required> <option value="none" selected disabled hidden>Preferred Location</option> <option value="Belfast">Belfast</option> <option value="Birmingham">Birmingham </option> <option value="Bournemouth">Bournemouth</option> <option value="Bristol">Bristol</option> <option value="Cardiff">Cardiff</option> <option value="Edinburgh">Edinburgh</option> <option value="Glasgow">Glasgow</option> <option value="Leeds">Leeds</option> <option value="Leicester">Leicester</option> <option value="Liverpool">Liverpool</option> <option value="London">London</option> <option value="Manchester">Manchester</option> <option value="Newcastle">Newcastle</option> <option value="Nottingham">Nottingham</option> <option value="Shelfield">Shelfield</option> <option value="Southampton/Portsmouth">Southampton/Portsmouth</option> <option value="Wolverhamption">Wolverhamption</option> <option value="other">other</option> </select> </div> <div class="category"> <select name="category" id="category" required> <option value="none" selected disabled hidden>Event category</option> <option value="Concerts">Concerts</option> <option value="Sports">Sports </option> <option value="ArtsTheatre&comedy">Arts Theatre & comedy</option> </select> </div> <div class="tell-us-here"> <label for="tellus">Which event do you want to win tickets for?</label> <input id="tellus" name="tickets_for" class="tellus" type="text" placeholder="Tell us here" required> </div> <div class="accept_term"> <input type="checkbox" id="accept" name="accept" required> <label for="scales">Please tick if you are happy for us to retain your information. We will use this for marketing purposes and to keep you up to date with news and other offers from vivaseats. Read our <a href="/privacy-policy">Privacy Policy.</a></label> </div> <div class="submit_button"> <!--<input type="submit" value="submit" class="submitformbtn"/>--> <p class='thankyou'> Thank you for your competition entry</p> </div> </div> </form> </div> </div> </div> </section> <!-- ----------------End Banner Section-------------- --> <!-- ----------------Start Home Events Section-------------- --> <section class="event-main-sec"> <div class="event-height-div"> <!--<div id="home-events-cat" class="events-cat-sec events-cat-common" data-tooltip="Section 1 Title">--> <!-- <div class="container">--> <!-- <div class="row events-row events-cat-row">--> <!-- <div class="col-lg-12 col-md-12">--> <!-- <ul class="events-cat-ul">--> <!-- <li class="concerts-li"><a id="concerts">Concerts</a></li>--> <!-- <li class="sports-li"><a id="sports">Sports</a></li>--> <!-- <li class="arts-li"><a id="arts" >Arts<br/>Theatre<br/>Comedy</a></li>--> <!-- </ul>--> <!-- </div> --> <!-- </div>--> <!-- </div>--> <!--</div>--> <!-- ----------------End Home Events Section-------------- --> <!-- ----------------Start Home Events Concerts Section-------------- --> <div id="events-cat-concerts" class="events-cat-concerts events-cat-common"> <div class="wrapperdiv"> <div class="img-top-right reveal_image"><img src="images/top2.jpg" ></div> <div class="container"> <div class="img-center-left reveal_image"><img src="images/middle2.jpg"></div> <div class="row events-concerts-row events-cat-row events-row"> <div class="col-lg-12 col-md-12"> <ul class="events-cat-ul"> <li class="concerts-li"><a id="concerts" class="">Concerts</a></li> <li class="sports-li"><a id="sports">Sports</a></li> <li class="arts-li"><a id="arts" >Arts<br/>Theatre<br/>Comedy</a></li> </ul> </div> </div> <div class="row events-concerts-row events-row "> <div class="col-lg-12 col-md-12"> <div class="img-bottom-right reveal_image"><img src="images/bottom1.jpg" alt="" /></div> </div> </div> </div> </div> </div> <!-- ----------------End Home Events Concerts Section-------------- --> <!-- ----------------Start Home Events sports Section-------------- --> <!--<div id="events-cat-sports" class="events-cat-sports events-cat-common">--> <!-- <div class="img-top-left"><img src="images/sport-img-1.png"></div>--> <!-- <div class="container">--> <!-- <div class="img-center-right"><img src="images/sport-img-2.png" alt=""/></div>--> <!-- <div class="row events-sports-row events-cat-row events-row">--> <!-- <div class="col-lg-12 col-md-12">--> <!-- <ul class="events-cat-ul">--> <!-- <li class="concerts-li"><a id="concerts">Concerts</a></li>--> <!-- <li class="sports-li"><a id="sports" class="active">Sports</a></li>--> <!-- <li class="arts-li"><a id="arts" >Arts<br/>Theatre<br/>Comedy</a></li>--> <!-- </ul>--> <!-- </div> --> <!-- </div>--> <!-- <div class="row events-concerts-row events-row">--> <!-- <div class="col-lg-12 col-md-12">--> <!-- <div class="img-bottom-left"><img src="images/sport-img-3.png" alt="" /></div>--> <!-- </div> --> <!-- </div>--> <!-- </div>--> <!--</div>--> <!-- ----------------End Home Events sports Section-------------- --> <!-- ----------------Start Home Events Arts Section-------------- --> <!--<div id="events-cat-arts" class="events-cat-arts events-cat-common">--> <!-- <div class="img-top-right"><img src="images/sport-img-1.png"></div>--> <!-- <div class="container">--> <!-- <div class="img-center-left"><img src="images/sport-img-2.png"></div>--> <!-- <div class="row events-concerts-row events-cat-row events-row">--> <!-- <div class="col-lg-12 col-md-12">--> <!-- <ul class="events-cat-ul">--> <!-- <li class="concerts-li"><a id="concerts">Concerts</a></li>--> <!-- <li class="sports-li"><a id="sports">Sports</a></li>--> <!-- <li class="arts-li"><a id="arts" class="active">Arts<br/>Theatre<br/>Comedy</a></li>--> <!-- </ul>--> <!-- </div> --> <!-- </div>--> <!-- <div class="row events-concerts-row events-row">--> <!-- <div class="col-lg-12 col-md-12">--> <!-- <div class="img-bottom-right"><img src="images/sport-img-3.png" alt="" /></div>--> <!-- </div> --> <!-- </div>--> <!-- </div>--> <!--</div>--> </div> </section> <!-- ----------------End Home Events Arts Section-------------- --> <!--<section id="" class=""> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="events-card-title"> <h2>Live Events</h2> <h3>Coming soon</h3> </div> </div> </div> </div> </section> --> <!-- ----------------Start Events Card Section-------------- --> <section id="events-cards" class="events-cards-sec"> <div class="container"> <div class="event-card-clmn"> <div class="events-card-title"> <h2>Live Events</h2> <h3>Coming soon</h3> </div> </div> <div class="row event-grid-row"> <div class="col-lg-12"> <div class="grid"> <div class="grid-sizer"></div> <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/event-card-img-1.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Elton John</h2> <p>Farewell Tour</p> </div> </div></a> <a href="#"><div class="grid-item grid-item--height2 reveal" style="background-image: url(images/worldcup.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>FIFA World Cup 2022</h2> <p>Qatar</p> </div> </div></a> <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/event-card-img-5.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Adele</h2> <p>30 Tour</p> </div> </div></a> <a href="#"><div class="grid-item grid-item--height2 reveal" style="background-image: url(images/event-card-img-8.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Fury vs Whyte</h2> <p>Wembley Stadium</p> </div> </div></a> <a href="#"><div class="grid-item grid-item--height2 reveal" style="background-image: url(images/event-card-img-2.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Little Simz</h2> <p>Sometimes I Might Be Introvert Tour</p> </div> </div></a> <!-- <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/event-card-img-3.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Dave</h2> <p>We’re All Alone In This Together Tour</p> </div> </div></a>--> <!-- <a href="#"><div class="grid-item grid-item--height2 reveal" style="background-image: url(images/Fontaines_DC.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Fontaines D.C.</h2> <p>Skinty Fia Tour</p> </div> </div></a>--> <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/Group-18210.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Andrew Lloyd Webber's Cinderella</h2> <p>Gillian Lynne Theatre</p> </div> </div></a> <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/ladygaga.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Lady Gaga</h2> <p>The Chromatica Ball Tour</p> </div> </div></a> <!--<a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/dummy-bg.png);">--> <!-- <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div>--> <!-- <div class="grid-content">--> <!-- <h2>Artist</h2>--> <!-- <p>Tour</p>--> <!-- </div>--> <!-- </div></a> <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/h-1.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Wolf Alice</h2> <p>Blue Weekend Tour</p> </div> </div></a>--> <!-- <a href="#"><div class="grid-item grid-item--height2 reveal" style="background-image: url(images/h-2.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Self Esteem</h2> <p>Prioritise Pleasure Tour</p> </div> </div></a>--> <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/coldplay.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Coldplay</h2> <p>Music of the Spheres World Tour</p> </div> </div></a> <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/Group-18229.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Lady Gaga</h2> <p>The Chromatica Ball Tour</p> </div> </div></a> <!-- <a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/event-card-img-5.png);"> <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div> <div class="grid-content"> <h2>Adele</h2> <p>30 Tour</p> <!--<a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/dummy-bg.png);">--> <!-- <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div>--> <!-- <div class="grid-content">--> <!-- <h2>Artist</h2>--> <!-- <p>Tour</p>--> <!-- </div>--> <!-- </div></a>--> <!--<a href="#"><div class="grid-item grid-item--height1 reveal" style="background-image: url(images/dummy-bg.png);">--> <!-- <div class="grid-icon"><img src="images/cards-icon.svg" alt="" /></div>--> <!-- <div class="grid-content"> --> <!-- <h2>Artist</h2>--> <!-- <p>Tour</p>--> <!-- </div>--> <!-- </div></a> </div></a>--> </div> </div> </div> </section> <!-- ----------------End Events Card Section-------------- --> <!-- ----------------Start Home Footer 1 Section-------------- --> <section class="hide-sticky-header bg-white-color"> <div id="footer-1" class="footer-1 footer" > <div class="container"> <div class="row footer-1-row"> <div class="col-lg-12 footer-1-clmn"> <ul> <li>100% guaranteed ticket purchase</li> </ul> </div> </div> </div> </div> <div id="footer-2" class="footer-2 footer" data-aos="fade-up"> <div class="container"> <div class="row footer-1-row"> <div class="col-lg-12 footer-1-clmn"> <ul> <li>Quick, reliable delivery</li> </ul> </div> </div> </div> </div> <div id="footer-3" class="footer-3 footer" data-aos="fade-up"> <div class="container"> <div class="row footer-1-row"> <div class="col-lg-12 footer-1-clmn"> <ul> <li>24/7 dedicated customer care</li> </ul> </div> </div> </div> </div> </section> <!-- ----------------End Home Footer 1 Section-------------- --> <!-- ----------------Start Footer 4 Section-------------- --> <section class="hide-sticky-header full-screen-footer"> <div id="footer-4" class="footer-4"> <div class="container"> <div class="row banner-header-row footer-header-row" > <div class="col-lg-4 col-md-12 logo-clmn vertical-center"><a href="#"><img src="images/logo-dark.svg" alt="" /></a></div> <div class="col-lg-8 col-md-12 show-desktop"> <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"><button type="submit" class="btn btn-light-bg header-frm-btn">Get Notified</button></div> </div> </form> </div> </div> <div class="row footer-content-row"> <div class="col-lg-12"> <div class="banner-content footer-content"> <h2 class="h2-line">SEE HEAR FEEL</h2> <h2>Live Events</h2> <p>Vivaseats is the online ticket marketplace that gets you to the biggest and best live events across the UK and beyond … all you have to think about is enjoying every moment!</p> <p class="last">Sign up to be the first to hear when our website goes live, take advantage of the latest deals and never miss an event sale again.</p> <form action="submit.php" method="post" class="banner-form notify_user"> <div class="form-group banner-email-col footer-email-col"> <input type="email" name="email_address" class="form-control rounded-0" id="inputEmail-b" placeholder="Enter your email address"> <div class="banner-btn-div footer-btn-div"> <button type="submit" class="btn btn-notify-me-g submit_button">SIGN UP HERE</button> </div> </div> <!--<div class="messageResult footer-email-col"><p class="thankyou">Notified</p></div>--> </form> </div> </div> </div> </div> </div> <!-- ----------------End Footer 4 Section-------------- --> <!-- ----------------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.com/terms.html">Terms</a> <a href="https://vivaseats.com/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 */ ); }); $(document).on('submit','.ticket_form,.notify_user',function(e){ e.preventDefault(); var form = $(this); var actionUrl = form.attr('action'); $.ajax({ type: "POST", url: actionUrl, data: form.serialize(), // serializes the form's elements. dataType: 'json', success: function(data) { if(data.response=="1"){ console.log(data.msg); form.find('.submit_button').html(data.msg); } else { $('.submit_button').html("<p class='thankyou'> Ooops..Something went wrong. Please try again</p>"); } console.log(form); form[0].reset(); } }); }); // $('.submitformbtn').click(function( event ) { // $(this).hide(); // $('.submit_button').html("<p class='thankyou'>Thank you for your competition entry</p>") // }); </script> </body> </html>
Copyright ©2k19 -
Hexid
|
Tex7ure