芝麻web文件管理V1.00
编辑当前文件:/home/qrafawbu/pkswimmingaca.com/index.html
<!DOCTYPE html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-ES735JTL0Y"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ES735JTL0Y'); </script> <meta charset="utf-8"> <title>PKAY Swimming Academy | Unleash Your Potential with PKAY Swimming Academy</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="Swimming Academy, Swim Lessons, Pool Cleaning, Water Therapy, Lifeguarding, Swim Programs,PKAY Swimming Academy, pk Swimming academy, pkay swimming acaemy, ashomang estate"> <meta content="" name="PKAY Swimming Academy offers a comprehensive range of services including swim lessons, pool cleaning, water therapy, and lifeguarding. Join us to learn swimming, improve your skills, and enjoy a safe and nurturing swimming environment."> <!-- Favicon --> <link href="img/user.png" rel="icon"> <!-- Google Web Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Inter:wght@600&family=Lobster+Two:wght@700&display=swap" rel="stylesheet"> <!-- Icon Font Stylesheet --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> <!-- Libraries Stylesheet --> <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <!-- Customized Bootstrap Stylesheet --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Template Stylesheet --> <link href="css/style.css" rel="stylesheet"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MGR6DP6');</script> <!-- End Google Tag Manager --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8962405396742202" crossorigin="anonymous"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MGR6DP6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="container-xxl bg-white p-0"> <!-- Spinner Start --> <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status"> <span class="sr-only">Loading...</span> </div> </div> <!-- Spinner End --> <!-- Navbar Start --> <nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5 py-lg-0"> <a href="index.html" class="navbar-brand"> <img class="img-fluid" src="img/logo.png" alt=""> </a> <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav mx-auto"> <a href="index.html" class="nav-item nav-link active">Home</a> <a href="about.html" class="nav-item nav-link">About Us</a> <a href="classes.html" class="nav-item nav-link">Programs</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> Schedule</a> <div class="dropdown-menu rounded-0 rounded-bottom border-0 shadow-sm m-0"> <a href="https://form.jotform.com/231942995548573" class="dropdown-item">Become A Coach</a> <a href="https://form.jotform.com/231917782170560" class="dropdown-item">Make Appointment</a> </div> </div> <a href="https://form.jotform.com/231917782170560" class="nav-item nav-link">Contact Us</a> </div> <a href="https://form.jotform.com/231942995548573" class="btn btn-primary rounded-pill px-3 d-none d-lg-block">Join Us<i class="fa fa-arrow-right ms-3"></i></a> </div> </nav> <!-- Navbar End --> <!-- Carousel Start --> <div class="container-fluid p-0 mb-5"> <div class="owl-carousel header-carousel position-relative"> <div class="owl-carousel-item position-relative"> <img class="img-fluid" src="img/carousel-1.jpg" alt=""> <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center" style="background: rgba(0, 0, 0, .2);"> <div class="container"> <div class="row justify-content-start"> <div class="col-10 col-lg-8"> <h1 class="display-2 text-white animated slideInDown mb-4">Unlock Your Skills</h1> <p class="fs-5 fw-medium text-white mb-4 pb-2">Learn from Our Expert Coaches at PKAY Swimming Academy</p> <a href="" class="btn btn-primary rounded-pill py-sm-3 px-sm-5 me-3 animated slideInLeft">Learn More</a> <a href="https://form.jotform.com/231942995548573" class="btn btn-dark rounded-pill py-sm-3 px-sm-5 animated slideInRight">Sign Up</a> </div> </div> </div> </div> </div> <div class="owl-carousel-item position-relative"> <img class="img-fluid" src="img/carousel-2.jpg" alt=""> <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center" style="background: rgba(0, 0, 0, .2);"> <div class="container"> <div class="row justify-content-start"> <div class="col-10 col-lg-8"> <h1 class="display-2 text-white animated slideInDown mb-4">Dive into Excellence</h1> <p class="fs-5 fw-medium text-white mb-4 pb-2">Unleash Your Potential with PKAY Swimming Academy</p> <a href="https://form.jotform.com/231917782170560" class="btn btn-primary rounded-pill py-sm-3 px-sm-5 me-3 animated slideInLeft">Learn More</a> <a href="https://form.jotform.com/231942995548573" class="btn btn-dark rounded-pill py-sm-3 px-sm-5 animated slideInRight">Sign Up</a> </div> </div> </div> </div> </div> </div> </div> <!-- Carousel End --> <!-- Facilities Start --> <div class="container-xxl py-5"> <div class="container"> <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;"> <h1 class="mb-3">Welcome to PKAY Swimming Academy </h1> <p>At PKAY Swimming Academy, we believe that swimming is not just a skill—it's a life-changing experience. We are committed to providing top-notch swim training in a safe and nurturing environment, where individuals of all ages can unlock their potential and achieve their swimming goals. </p> </div> <div class="row g-4"> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.1s"> <div class="facility-item"> <!-- <div class="facility-icon bg-primary"> <span class="bg-primary"></span> <i class="fa fa-bus-alt fa-3x text-primary"></i> <span class="bg-primary"></span> </div> --> <div class="facility-text bg-primary"> <h3 class="text-primary mb-3">Swim Lessons</h3> <p class="mb-0">Our certified instructors provide personalized swim lessons for all skill levels, promoting water safety, stroke development, and building confidence in every swimmer.</p> </div> </div> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.3s"> <div class="facility-item"> <!-- <div class="facility-icon bg-success"> <span class="bg-success"></span> <i class="fa fa-futbol fa-3x text-success"></i> <span class="bg-success"></span> </div> --> <div class="facility-text bg-success"> <h3 class="text-success mb-3">Therapy/Aerobics</h3> <p class="mb-0">Experience the transformative power of water therapy and aerobics, which offer low-impact workouts and rehabilitation in a refreshing aquatic environment.</p> </div> </div> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.5s"> <div class="facility-item"> <!-- <div class="facility-icon bg-warning"> <span class="bg-warning"></span> <i class="fa fa-home fa-3x text-warning"></i> <span class="bg-warning"></span> </div> --> <div class="facility-text bg-warning"> <h3 class="text-warning mb-3">Lifeguarding</h3> <p class="mb-0">Our trained lifeguards ensure a secure swimming environment, equipped with the skills to respond to emergencies and ensure the safety of all participants.</p> </div> </div> </div> <div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.7s"> <div class="facility-item"> <div class="facility-text bg-info"> <h3 class="text-info mb-3">Pool Cleaning</h3> <p class="mb-0">Our expert team ensures your pool is clean, well-maintained, and safe for swimming, allowing you to focus on enjoying the water.</p> </div> </div> </div> </div> </div> </div> <!-- Facilities End --> <!-- About Start --> <div class="container-xxl py-5"> <div class="container"> <div class="row g-5 align-items-center"> <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s"> <h1 class="mb-4">Discover the PKAY Difference Today!</h1> <p>Whether you're looking to learn how to swim, refine your technique, or compete at the highest level, PKAY Swimming Academy is here to support you every stroke of the way. Join our academy and experience the transformative power of swimming. </p> <p class="mb-4">Contact us today to schedule a trial class or inquire about our programs. Let's make a splash together!</p> <div class="row g-4 align-items-center"> <div class="col-sm-6"> <a class="btn btn-primary rounded-pill py-3 px-5" href="https://form.jotform.com/231917782170560">Contact US</a> </div> <div class="col-sm-6"> <div class="d-flex align-items-center"> <img class="rounded-circle flex-shrink-0" src="img/user.png" alt="" style="width: 45px; height: 45px;"> <div class="ms-3"> <h6 class="text-primary mb-1">PKAY Swimming Academy</h6> <!-- <small>CEO & Founder</small> --> </div> </div> </div> </div> </div> <div class="col-lg-6 about-img wow fadeInUp" data-wow-delay="0.5s"> <div class="row"> <div class="col-12 text-center"> <img class="img-fluid w-75 rounded-circle bg-light p-3" src="img/about-1.jpg" alt=""> </div> <div class="col-6 text-start" style="margin-top: -150px;"> <img class="img-fluid w-100 rounded-circle bg-light p-3" src="img/about-2.jpg" alt=""> </div> <div class="col-6 text-end" style="margin-top: -150px;"> <img class="img-fluid w-100 rounded-circle bg-light p-3" src="img/about-3.jpg" alt=""> </div> </div> </div> </div> </div> </div> <!-- About End --> <!-- Call To Action Start --> <div class="container-xxl py-5"> <div class="container"> <div class="bg-light rounded"> <div class="row g-0"> <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;"> <div class="position-relative h-100"> <img class="position-absolute w-100 h-100 rounded" src="img/call-to-action.jpg" style="object-fit: cover;"> </div> </div> <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s"> <div class="h-100 d-flex flex-column justify-content-center p-5"> <h1 class="mb-4">Become A Swim Coach Teacher</h1> <p class="mb-4">Are you passionate about swimming and interested in becoming a swim coach? At PKAY Swimming Academy, we welcome dedicated individuals who have a love for the water and a desire to inspire and guide swimmers to reach their full potential. As a swim coach, you will have the opportunity to make a meaningful impact on the lives of our swimmers and contribute to their growth and success in the pool. </p> <a class="btn btn-primary py-3 px-5" href="https://form.jotform.com/231917782170560">Get Started Now<i class="fa fa-arrow-right ms-2"></i></a> </div> </div> </div> </div> </div> </div> <!-- Call To Action End --> <!-- Classes Start --> <!-- Classes End --> <!-- Appointment Start --> <!-- Appointment End --> <!-- Team Start --> <!-- Team End --> <!-- Testimonial Start --> <!-- Testimonial End --> <!-- Footer Start --> <div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s"> <div class="container py-5"> <div class="row g-5"> <div class="col-lg-3 col-md-6"> <h3 class="text-white mb-4">Get In Touch</h3> <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>Pra St, Atomic Hills Estate.</p> <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>055 181 7194</p> <p class="mb-2"><i class="fa fa-envelope me-3"></i>support@pkswimmingaca.com</p> <div class="d-flex pt-2"> <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a> <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a> <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-instagram"></i></a> </div> </div> <div class="col-lg-3 col-md-6"> <h3 class="text-white mb-4">Quick Links</h3> <a class="btn btn-link text-white-50" href="about.html">About Us</a> <a class="btn btn-link text-white-50" href="https://form.jotform.com/231917782170560">Contact Us</a> <a class="btn btn-link text-white-50" href="https://form.jotform.com/231917782170560">Become A Coach</a> <a class="btn btn-link text-white-50" href="https://form.jotform.com/231917782170560">Make Appointment</a> </div> <div class="col-lg-3 col-md-6"> <h3 class="text-white mb-4">Photo Gallery</h3> <div class="row g-2 pt-2"> <div class="col-4"> <img class="img-fluid rounded bg-light p-1" src="img/classes-1.jpg" alt=""> </div> <div class="col-4"> <img class="img-fluid rounded bg-light p-1" src="img/classes-2.jpg" alt=""> </div> <div class="col-4"> <img class="img-fluid rounded bg-light p-1" src="img/classes-3.jpg" alt=""> </div> <div class="col-4"> <img class="img-fluid rounded bg-light p-1" src="img/classes-4.jpg" alt=""> </div> <div class="col-4"> <img class="img-fluid rounded bg-light p-1" src="img/classes-5.jpg" alt=""> </div> <div class="col-4"> <img class="img-fluid rounded bg-light p-1" src="img/classes-6.jpg" alt=""> </div> </div> </div> <div class="col-lg-3 col-md-6"> <h3 class="text-white mb-4">Newsletter</h3> <p>Stay up-to-date with the latest news, events, and special offers from PKAY Swimming Academy by signing up for our newsletter.</p> <div class="position-relative mx-auto" style="max-width: 400px;"> <input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email"> <button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">SignUp</button> </div> </div> </div> </div> <div class="container"> <div class="copyright"> <div class="row"> <div class="col-md-6 text-center text-md-start mb-3 mb-md-0"> © <a class="border-bottom" href="#">PKAY Swimming Academy</a>, All Right Reserved. <!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/--> </a> </div> <div class="col-md-6 text-center text-md-end"> <div class="footer-menu"> <a href="">Home</a> <a href="">Cookies</a> <a href="">Help</a> <a href="">FQAs</a> </div> </div> </div> </div> </div> </div> <!-- Footer End --> <!-- Back to Top --> <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a> </div> <!-- JavaScript Libraries --> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <!-- Template Javascript --> <script src="js/main.js"></script> </body> </html>