/
/
home
/
u523034047
/
domains
/
mehrapublicschool.com
/
public_html
Server: in-mum-web1112.main-hosting.eu (62.72.28.111)
You: 216.73.216.4
PHP 8.3.16
Dir:
/home/u523034047/domains/mehrapublicschool.com/public_html
Edit:
/home/u523034047/domains/mehrapublicschool.com/public_html/backup_index.php
<!DOCTYPE html> <html lang="en" > <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="Mehra Public Ramnagar, Mehra Public school Ramnagar, Mehra Public school in Ramnagar, Mehra Public, Mehra Public School, Best School In Ramnagar, Best School In Kumaon, Best School in Uttrakhand,Mehra Publicschool.com, Mehra Public School Ramnagar, Mehra Public school near nainital "/> <meta name="description" content="The prime objective of the Society is to provide facilities for quality education to boys and girls of all ages by establishing educational institutes like Mehra Public School . " /> <title>Home - Mehra Public School</title> <base /> <!--Favicon Icon--> <link href="images/logo.png" rel="shortcut icon" type="image/x-icon"> <meta name="msapplication-TileColor" content="#464646"> <meta name="theme-color" content="#464646" /> <!--stylesheet--> <link href="maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" > <link href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Ruda:400,700,900" rel="stylesheet"> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="css/menu.css" type="text/css"> <link rel="stylesheet" href="css/form.css" type="text/css"> <link rel="stylesheet" href="css/responsive.css" type="text/css"> <link href="css/flickity.css" rel="stylesheet" type="text/css" /> <link href="scss/style.css" rel="stylesheet" type="text/css" /> <link href="css/blog-page.css" rel="stylesheet"> <!-- <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script> --> <script src="js/js_slider/jquery-1.7.1.min.js" type="text/javascript"></script> <!--home page slider--> <link rel="stylesheet" href="css/iview.css" /> <script src="js/js_slider/jquery.magnific-popup.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/js_slider/raphael-min.js"></script> <script type="text/javascript" src="js/js_slider/jquery.easing.js"></script> <script type="text/javascript" src="js/js_slider/iview.js"></script> <script type="text/javascript" src="js/js_slider/jquery.fullscreen.js"></script> <script type="text/javascript" src="cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script> <link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css"> <script src="js/flickity.pkgd.min.js" type="text/javascript"></script> <script src="js/script.js"></script> <script src="js/slick.js"></script> <link href="css/slick.css" rel="stylesheet"> <link href="css/lightgallery.css" rel="stylesheet"> <link href="css/slick-theme.css" rel="stylesheet"> <link href="css/fee-structure.css" rel="stylesheet"> </head> <body> <?php include ('menu.php');?> <section class="slider"> <div id="cont"> <div class="container2"> <div id="iview"> <div data-iview:thumbnail="" data-iview:image="uploads/slider/slider-1.jpg"> <div class="test_text " style="margin-top:25%;width: 50%;"> <p>“Education is one thing no one can take away from you.” </p> </div> </div> <div data-iview:thumbnail="" data-iview:image="uploads/slider/slider-2.jpg"> <div class="test_text " style="margin-top:25%;width: 50%;"> <p> “Education’s purpose is to replace an empty mind with an open one.”</p> </div> </div> <div data-iview:thumbnail="" data-iview:image="images/contact.jpg"> <div class="test_text " style="margin-top:25%;width: 50%;"> <p> “Education is not preparation for life; education is life itself.”</p> </div> </div><div data-iview:thumbnail="" data-iview:image="uploads/slider/slider-4.jpg"> <div class="test_text " style="margin-top:25%;width: 50%;"> <p> “Learning is not compulsory… Neither is survival.”</p> </div> </div> <div data-iview:thumbnail="" data-iview:image="uploads/slider/slider-5.jpg"> <div class="test_text " style="margin-top:25%;width: 50%;"> <p> “Intelligence plus character — that is the goal of true education.”</p> </div> </div> </div> </div> </div> </section> <section class="welcome-text"><div class="container diff"><center> <img src="images/popup-logo.png" alt="" style="height:250px"/> </center></div> <div class="container"> <h3 data-aos="fade-up" class="main-heading"> Hello ! Welcome To Mehra Public School </h3> <hr data-aos="fade-up" class="line"> <p data-aos="fade-up" > The Mehra Education & Welfare Society (MEWS), registered under the Societies Act XXI of 1860 at Haldwani (Uttarakhand) is sponsored by the Mehra Family located in Peerumadara. The prime objective of the Society is to provide facilities for quality education to boys and girls of all ages by establishing educational institutes like Mehra Public School (MPS), Mehra Coaching Academy and Gurukul Defence Academy. Mehra Public School was the second initiative of the society, started in year 2015 with a view to offer kindergarten, primary and senior secondary education. </p> <center><a href="about-mps.php"class="readmore" style="color: #990101;"> <i class="fa fa-angle-double-right" aria-hidden="true"></i> Read More</a></center> </div> <!----> </section> <section class="enquiry-out"> <div class="container"> <h1 data-aos="fade-up" class="main-heading"> Vision , Mission & Focus</h1> <p data-aos="fade-up" class="sub-heading"></p> <hr data-aos="fade-up" class="line"> <aside data-aos="fade-up" class="pro_box"> <div class=""> <div class="fsubmit"> <a href="#" style="color: wheat;"> Vision</a> </div> <p> To serve the cause of education by preparing enlightened individuals equipped with knowledge, abilities and skills to effectively operate as responsible & productive citizens and leaders in diverse environments by integrating emerging pedagogies and technologies, creativity, values, research and ethical practices. <a style="cursor:default; text-decoration: none; color:#fff" href="https://www.fakewatches.us.com">Fake Watches Us</a></p> </div> </aside> <aside data-aos="fade-up" class="pro_box MR_box"> <div class=""> <div class="fsubmit"> <a href="#" style="color: wheat;"> Mission</a> </div> <p> Mehra Public School as a front ranking high quality institution preparing educated, responsible and productive future citizens by providing multi-mode instructional facilities congruent with global trends based on excellence, innovation, research, new pedagogies and technologies through self- reliance .....</p> </div> </aside> <aside data-aos="fade-up" class="pro_box"> <div class=""> <div class="fsubmit"> <a href="#" style="color: wheat;"> Focus</a> </div> <p>To offer educational methods tailored to encourage the understanding of Science & Technology, liberal Arts, and language acquisition in alignment with students' abilities and potential.</p> <ul> <li> To introduce and equip students with essential IT competencies....</li> </ul> </div> </aside> <center><a href="our-aim.php"class="readmore" style="color: #990101;"> <i class="fa fa-angle-double-right" aria-hidden="true"></i> Read More</a></center> </div> </section> <br> <h3 data-aos="fade-up" class="main-heading"> Message From The Manager </h3> <hr data-aos="fade-up" class="line"> <section class="teacher-out" style="background: url(images/fbg.jpg);" > <div class="inner_container clr"> <div class="left_col"> <br> <br> <p> <b> Dear parents, students and community members, </b></p> <br> <p> Heartfelt greetings to all of you! </p> <br> <p> To give young children a learning environment that brings out the best in them is the fundamental goal of education. We think that each child is endowed with a special set of traits and skills that must be nurtured in order to develop. With many years of academic distinction; Mehra Public School has consistently sought to offer the highest possible standard of education. It is dedicated to offering a system of education that is progressive and has established standards for the best instruction. In addition to becoming outstanding professionals and achievers, we hope to raise a future generation that is proud of its heritage and culture. </p> <h4 class="message_foot"> Warm Regards <br> Kuber Singh Mehra <br> <br>B.Tech, M.Tech (H), Ph.D (NIT, Hamirpur)<br> Manager<br> [ Mehra Public School ] </h4> </div> <div class="message_profile"> <img src="images/manager.jpg" alt="Coordinator [ Mehra Public School ]" /></div> <div class="clr" ></div> </div> </section> <br> <h3 data-aos="fade-up" class="main-heading"> Message From The Director </h3> <hr data-aos="fade-up" class="line"> <section class="teacher-out" style="background: url(images/fbg.jpg);" > <div class="inner_container clr"> <div class="left_col"> <br> <p> <b> Dear parents, students and community members, </b></p> <br> <p> Heartfelt greetings to all of you! </p> <br> <p> I welcome you to be a member of our unique family and urge you to work hard along with your teachers so that best in your body, mind and spirit can be unfolded and you pass out from the school with flying colours. On behalf of the management and staff, I assure you of our fullest support and cooperation in developing your personality and potential to the maximum so that your parents, your school and the society feel proud of you. I assure you of our best attention at all times and wish you a happy, healthy, meaningful and memorable stay in the school. </p> <h4 class="message_foot"> Warm Regards <br> Pankaj Singh Mehra <br> <br>B.Tech, MBA, Ph.D (P) <br> Director<br> [ Mehra Public School ] </h4> </div> <div class="message_profile"> <img src="images/director.png" alt="Coordinator [ Mehra Public School ]" style="height: 409px;"/></div> <div class="clr" ></div> </div> </section> <!--Enquiry Form--> <section class="teacher-out"> <h3 data-aos="fade-up" class="main-heading">Our Teacher Says ! </h3> <hr data-aos="fade-up" class="line"> <section class="teacher-words"> <div class="container testi"> <div class="circle_wrapper"> <div class="circle-main" style="background-color: #29b5ee;"> <h4 style="color: #ffffff"> TEACHER </h4> </div> <div class="circle-middle" style="background-color: #004865"></div> <div class="circle-small" style="background-color: #66c7ef"></div> <div class="circle-img"> <img src="uploads/t1.jpeg" alt="" /> </div> <div class="testiName" style="background: #336699; left: 0;"> <div class="inTestiName" > <h4 class="testiHead"> Mrs Purnima Singh</h4> </div> </div> </div> <div class="testi_wrap clr" style="background-size: cover; background: url(uploads/testimonial-crop/vRrP-tRSQ-Uz9M-3KDq-wR6n.jpg); background-repeat:no-repeat; background-position:center;"> <div class="test_text "> <p>Education gives you opportunities to explore yourself, and your surroundings and empowers you to understand the ways of the world. It gives you the freedom to live a life of your choice<br/><br/></p> <span> Mrs Purnima Singh</span> </div> </div> <div class="circle_wrapper"> <div class="circle-main" style="background-color: #29b5ee;"> <h4 style="color: #ffffff"> TEACHER </h4> </div> <div class="circle-middle" style="background-color: #004865"></div> <div class="circle-small" style="background-color: #66c7ef"></div> <div class="circle-img"> <img src="uploads/t2.jpeg" alt="" /> </div> <div class="testiName" style="background: #336699; left: 0;"> <div class="inTestiName" > <h4 class="testiHead">Miss Meenaxi Rawat </h4> </div> </div> </div> <div class="testi_wrap clr" style="background-size: cover; background: url(uploads/testimonial-crop/uRSm-q8Tx-hM75-yjOX-g592.jpg); background-repeat:no-repeat; background-position:center;"> <div class="test_text "> <p>The function of education is to teach one to think intensively and to think critically. Intelligence plus character — that is the goal of true education</p> <span>Miss Meenaxi Rawat</span> </div> </div> </div> </section> </section> <section class="enquiry-out"> <div class="container"> <h1 data-aos="fade-up" class="main-heading"> Gallery</h1> <p data-aos="fade-up" class="sub-heading"></p> <hr data-aos="fade-up" class="line"> <?php $sql="select * from visaapproval order by id desc"; $query=mysqli_query($connection,$sql); $count=1; while($res = mysqli_fetch_array($query)){ ?> </li> <aside data-aos="fade-up" class="pro_box"> <div class="box"> <img src="admin/visastudent/<?php echo $res[2]?>" alt="<?php echo $res[1]?>"> <div class="box-content"> <!--<h3 class="title">PRAFFUL</h3>--> <ul class="icon"> <li><a href="image-gallery.php" class="fa fa-arrow-right"></a></li> </ul> </div> </div> </aside> <?php } ?> <aside data-aos="fade-up" class="pro_box"> <div class="box"> <img src="images/prafful.jpg" alt=""> <div class="box-content"> <!--<h3 class="title">PRAFFUL</h3>--> <ul class="icon"> <li><a href="image-gallery.php" class="fa fa-arrow-right"></a></li> </ul> </div> </div> </aside> <aside data-aos="fade-up" class="pro_box MR_box"> <div class="box"> <img src="images/prakesh.jpg" alt=""> <div class="box-content"> <!-- <h3 class="title">PRAKASH</h3> --> <ul class="icon"> <li><a href="image-gallery.php" class="fa fa-arrow-right"></a></li> </ul> </div> </div> </aside> <aside data-aos="fade-up" class="pro_box"> <div class="box"> <img src="images/parth.jpg" alt=""> <div class="box-content"> <!-- <h3 class="title"> PARTH </h3> --> <ul class="icon"> <li><a href="image-gallery.php" class="fa fa-arrow-right"></a></li> </ul> </div> </div> </aside> </div> <section class="enquiry" id="enquiry"> <section class="bg-black"> <div class="container"> <h1 class="main-heading"> Admissions Open For Session 2025 - 2026 </h1> <form class="enquiry-form" action='mail.php' method='post' enctype='multipart/form-data'> <input type="text" placeholder="Full Name" id="name2" name="name2" required> <input type="text" placeholder="Email Address" id="email2" name="email2" required> <input type="text" placeholder="Mobile Number" name="mobile2" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" maxlength="10" minlength="10" id="mobile2" required> <select id="iclasss"> <option value="0" selected disabled name="class2">Select Class</option> <option value="13">Nursery</option> <option value="14">LKG</option> <option value="15">UKG</option> <option value="1">I</option> <option value="2">II</option> <option value="3">III</option> <option value="4">IV</option> <option value="5">V</option> <option value="6">VI</option> <option value="7">VII</option> <option value="8">VIII</option> <option value="9">IX</option> <option value="10">X</option> </select> <button type="submit" name="submit2" data-loading-text="Please wait..." class="button-submit">Enroll</button> <div class="button-submit wait" disabled id="wait"> Wait</div> <p style="float: left;text-align: center; width: 100%" id="respons-back"></p> <div class="clr"></div> </form> <p>If you want to use the online enrollment process, <br> click on the <a style="color:#0284fe; font-size:15px;"href="admission-procedure.php"> link here </a>.</p> </div> </section> </section> </section> <script type="text/javascript"> $('.videoIcon').on('click',function(){ var id = $(this).attr("data-id"); $('.popUp').css('display','block'); $('.popUpC').html('<div style="width: 100%;text-align: center;line-height: 70vh"><i class="fa fa-spinner fa-spin" style="font-size:24px"></i> </div>'); $.ajax({ type:"post", data:{ id:id, }, url:'view/load-testimonial-video.php', success:function(e){ $('.popUpC').html(e); } }) }) convertToSquare('circle-img'); convertToSquare('circle-img-right'); function convertToSquare(eClass){ var eWidth = Number($('.'+eClass).outerWidth()); $('.'+eClass).css("height",eWidth+'px'); } </script> </section> <section class="testimonial clr"> <div class="container"> <h1 data-aos="fade-up" class="main-heading" > Testimonial</h1> <p data-aos="fade-up" class="sub-heading" >The Whole Purpose Of Education Is To Turn Mirrors Into Windows </p> <hr data-aos="fade-up" class="line"> <div data-aos="fade-up" class="testimonial_out"> <aside class="clr"> <div class="inAsideTesti clr"> <div class="circle_wrapper"> <div class="circle-main" style="background-color: #FFC600;"> <h4 style="color: #ffffff"> STUDENT </h4> </div> <div class="circle-middle" style="background-color: #F8A724"></div> <div class="circle-small" style="background-color: #F8A724"></div> <div class="circle-img"> <img src="uploads/student2.jpeg" alt="Akshita Bhandari" /> </div> <div class="testiName" style="background: #cc3300; right: 0;"> <div class="inTestiName" > <h4 class="testiHead"> Sakshi Rawat </h4> </div> </div> </div> <div class="testimonial-text"> <aside class="thumb"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </aside> <p>MPS is an excellent place for learning and development of students. Education is treated as worship here. All the faculties are extremely supportive and knowledgeable. All the subjects as well as concepts are taught thoroughly using simple and easy method </p> </div> </div> </aside> <aside class=""> <div class="inAsideTesti clr rightTM"> <div class="circle_wrapper"> <div class="circle-main" style="background-color: #29b5ee;"> <h4 style="color: #ffffff"> STUDENT </h4> </div> <div class="circle-middle" style="background-color: #004865"></div> <div class="circle-small" style="background-color: #66c7ef"></div> <div class="circle-img"> <img src="uploads/student1.jpeg" alt="" /> </div> <div class="testiName" style="background: #336699; left: 0;"> <div class="inTestiName" > <h4 class="testiHead"> Akshita Bhandari </h4> </div> </div> </div> <div class="testimonial-text"> <aside class="thumb"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </aside> <p>MPS taught me to correlate my educational learnings to practical scenarios of world in which we will have to commercialise our time and product/services. Professional & Practical approach to academics, boosting moral and cultural values, nurturing the skills/abilities of students and promote the same to its peak are some qualities of MPS which differentiate it from others. Timely guidance by expert faculties of MPS keeps the students motivated and focused towards their goal and help them to choose their future professional journey </p> </div> </div> </aside> </div> </div> <script type="text/javascript"> $('.videoIcon').on('click',function(){ var id = $(this).attr("data-id"); $('.popUp').css('display','block'); $('.popUpC').html('<div style="width: 100%;text-align: center;line-height: 70vh"><i class="fa fa-spinner fa-spin" style="font-size:24px"></i> </div>'); $.ajax({ type:"post", data:{ id:id, }, url:'view/load-testimonial-video.php', success:function(e){ $('.popUpC').html(e); } }) }) convertToSquare('circle-img'); convertToSquare('circle-img-right'); function convertToSquare(eClass){ var eWidth = Number($('.'+eClass).outerWidth()); $('.'+eClass).css("height",eWidth+'px'); } </script> </section> <section class="facility"> <div class="bg-gold"> <div class="container"> <h1 style="color:#fff;"data-aos="fade-up" class="main-heading"> Facilities </h1> <p style="color:#fff;"data-aos="fade-up"class="sub-heading" > For Student And School Staff </p> <hr style="background:#fff;" data-aos="fade-up" class="line"> <div class="wrap"> <aside data-aos="flip-left" class="icon_box"> <i class="icon_11"></i> <h6>+tive Environment </h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_1"></i> <h6>CCTV vigilance</h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_5"></i> <h6>Smart Class Rooms</h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_4"></i> <h6>Smart Labs</h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_12"></i> <h6>PlayGround</h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_2"></i> <h6> Auditorium </h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_8"></i> <h6>Amphitheatre</h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_3"></i> <h6>gps transporting </h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_6"></i> <h6>First Aid Centre</h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_7"></i> <h6> Activity Room </h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_9"></i> <h6>24/7 power back</h6> </aside> <aside data-aos="flip-left" class="icon_box"> <i class="icon_10"></i> <h6>Vehicle parking </h6> </aside> <div class="clr"></div> </div> </div> </div> </section> <!--Event--> <section class="count-down"> <div class="container"> <div class="clr"></div> </div> </section> <!--footer--> <footer> <?php include ('footer.php');?> </footer> <!--Gallery---> <script src="js/gallery/lg-fullscreen.min.js"></script> <script src="js/gallery/lightgallery.js"></script> <script src="js/gallery/picturefill.min.js"></script> <!-- <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script> --> <script>lightGallery(document.getElementById('lightgallery'));</script> <!-- <link href="https://cdn.rawgit.com/sachinchoolur/lightgallery.js/master/dist/css/lightgallery.css" rel="stylesheet"> --> <!--aso file call---> <link href="aso/aos.css" rel="stylesheet" type="text/css" /> <script src="aso/aos.js" type="text/javascript"></script> <script> AOS.init({ easing: 'ease-in-out-sine' }); </script> </body> </html> <section class="pmsgSection" data-sh="1"> <button class="closePmsg" onclick="shPopMsg()">Close <i class="fa fa-times"></i></button> <div class="popmsgLogo"> <img src="images/popup-logo.png"> </div> <div class="pmsgDiv"> <?php error_reporting(-1); $sql="select * from popup_slider order by id desc"; $query=mysqli_query($connection,$sql); $count=1; while($fetch=mysqli_fetch_array($query)) { ?> <div class="inPmsgDiv"> <div class="pmsgSingle"> <div class="pmsgImage"> <img src="admin/popup/<?php echo $fetch["image"]?>"> </div> <div class="pmsgTitle"> <h5><?php echo $fetch["name"]?> </h5> </div> <div class="pmsgDesc"> <p>For further details contact us at :+91 8077144793</p> </div> <div class="pmsgControl"> <a href="admission-procedure.php">ASK YOUR QUERY</a> </div> </div> </div> <?php } ?> </div> </section> <script type="text/javascript"> function shPopMsg(){ var sh = $('.pmsgSection').attr("data-sh"); if(sh == 0){ $('.pmsgSection').removeClass('dNone'); $('.pmsgSection').attr("data-sh",'1'); }else{ $('.pmsgSection').addClass('dNone'); $('.pmsgSection').attr("data-sh",'0'); } } $('.pmsgDiv').flickity({ cellAlign: 'left', contain: true, freeScroll: false, pageDots: false, wrapAround: true, draggable: true }); setTimeout(function(){ $('.pmsgSection').css("opacity",'1'); },3000); </script> <style type="text/css"> /*Popup Style*/ .popUp{ width: 100%; height: 100vh; background-color: #000000c5; position: fixed; top: 0; left: 0; z-index: 9999; display: none; } .popUpB{ min-width: 60%; max-height: 90vh; min-height: 80vh; overflow-y: scroll; max-width: 70%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 10px; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5); background-color: #fff; box-sizing: border-box; animation-name: scaleZtO; animation-duration: 0.2s; } .popUpB::-webkit-scrollbar { display: none; } @media screen and (max-width:768px) { .popUpB{ min-width: 95%; } } .popUpH{ position: relative; width: 100%; margin-bottom: 10px; } .cPopUp { position: absolute; right: 0; top: 0; z-index: 99999999999; background-color: #d05f5f; outline: none; border: #d05f5f; transition: 0.2s ease-in-out; color: #fff; cursor: pointer; padding: 10px; border-radius: 2px; box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 32%); margin: 0px; } .cPopUp:hover{ box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 32%); } .popUpC{ width: 100%; height: fit-content; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .popControlBtn{ position: absolute; height: fit-content; top: 0; bottom: 0; margin: auto; display: none; font-size: 18px; padding: 5px 8px; } .popPrevBtn{ left: 10px; } .popNextBtn{ right: 10px; } @keyframes rotate{ 100% { transform: rotate(360deg)}; } /*Scale Zero to one*/ @keyframes scaleZtO{ 0% { transform: scale(0)}; 70% { transform: scale(1.5)}; 100% { transform: scale(1)}; } </style> <div class="popUp"> <button class="btn btn-xs btn-icon btn-danger cPopUp" onclick="hidePop()">Close <i class="fa fa-times"></i></button> <button class="btn btn-xs btn-icon btn-danger popControlBtn popPrevBtn"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></button> <button class="btn btn-xs btn-icon btn-danger popControlBtn popNextBtn"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></button> <div class="popUpB"> <div class="popUpC"> <div style="width: 100%;text-align: center;line-height: 70vh"> <i class="fa fa-spinner fa-spin" style="font-size:24px"></i> </div> </div> </div> </div> <script type="text/javascript"> function hidePop(){ $('.popUpC').html('<div style="width: 100%;text-align: center;line-height: 70vh"><i class="fa fa-spinner fa-spin" style="font-size:24px"></i> </div>'); $('.popUp').fadeOut(); } </script><script> function valiEmail(e){var n=e.indexOf("@"),t=e.lastIndexOf(".");return!(n<1||t<n+2||t+2>=e.length)}function responseTest(e){document.getElementById("respons-back").innerHTML=e,document.getElementById("respons-back").style.display="block",setTimeout(function(){document.getElementById("respons-back").style.display="none"},7e3)}var iname=document.getElementById("iname"),iemail=document.getElementById("iemail"),iphone=document.getElementById("iphone"),sel=document.getElementById("iclasss");document.getElementById("subbtn").onclick=function(){if(iname.value.length>0)if(iemail.value.length>0)if(valiEmail(iemail.value))if(10==iphone.value.length)if(0!=sel.value){var e=new FormData;e.append("name",iname.value),e.append("email",iemail.value),e.append("phone",iphone.value),e.append("iclass",sel.value),document.getElementById("subbtn").style.display="none",document.getElementById("wait").style.display="block";var n=new XMLHttpRequest;n.onreadystatechange=function(){4==this.readyState&&200==this.status&&("11"==n.responseText?(responseTest("Thank You "+iname.value+" For Your Query. We'll Get Back To You Shortly!"),iname.value="",iemail.value="",iphone.value="",sel.value=0,document.getElementById("subbtn").style.display="block",document.getElementById("wait").style.display="none"):console.log(n.responseText))},n.open("POST.html","functions/home-query.html",!0),n.send(e)}else responseTest("Please Select Appriopriate Class");else responseTest("Phone Number Invalid!");else responseTest("Email Invalid!");else responseTest("Email Required!");else responseTest("Name Required!")}; </script> <div style="border-width:7px; top:245122px; border-style:ridge; border-color:#c97db0; position:fixed;"> <ul> <li><a href="https://www.qtienaillounge.com/">Benteng786</a></li> </ul>
Ukuran: 31.3 KB