File manager

File manager - Edit - /home/custbahd/scorisinternationaljunior.com/admin/gallery/index.php

Back
<?php session_start(); include_once("../../accounts/profile/db/config.php"); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Admin \| SIJSU ©</title> <!-- Stylesheets --> <link href="../../css/style.css" rel="stylesheet"> <link href="../../css/responsive.css" rel="stylesheet"> <link href="../../css/attention/style.css" rel="stylesheet"> <link rel="icon" href="../../images/logo/ico4.png" type="image/x-icon"> <style type="text/css"> .block-column .edit { margin-top: 20px; } .block-column .edit a { padding: 15px; border-radius: 100px; background: #2b3c6b; } .block-column .edit a i { font-size: 14px; color: white; } .img-edit img{ border-radius: 10px; } .db-count { font-weight: bold; color: #ff7162; margin: 20px 0 -30px 0; } .db-count span{ } .count { text-align: center; font-weight: 700; color: #2b3c6b; font-size: 18px; margin-top: 100px; text-align: center; text-transform: uppercase; text-decoration: underline; z-index: 9999999; } .classes-section .inner-block h3 { font-size: 14px; } .classes-section .inner-block .inner-box { margin-bottom: 50px; text-align: left; box-shadow: 0 0 0 0; padding: 40px 15px 40px 60px; color: dimgray; background: rgba(255, 255, 255, 0.5); } .classes-section .inner-img { margin-bottom: 50px; } .inner-img img { width: 150px; height: 150px; border-radius: 100%; margin-top: -20px !important; object-fit: cover; } .classes-section .inner-block .inner-box-img img{ width: 85%; border-radius: 10px; } .classes-section .inner-block .inner-box h4 { font-size: 18px; color: #2b3c6b; margin-bottom: 10px; } .classes-section .inner-block .registrar h4 { text-align: center; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 8px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 40px; } .classes-section .inner-block .registrar p { text-align: center; margin-top: 30px; } .sec-title { margin-top: -32px; } .sec-title h1 { font-size: 25px; } /* If the screen size is btn 419.98px less and 420px wide / @media screen and (max-width: 419.98px) and (min-width: 396px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 15px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 70px; } } / If the screen size is btn 429.98px less and 420px wide / @media screen and (max-width: 429.98px) and (min-width: 420px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 20px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 70px; } } / If the screen size is btn 439.98px less and 430px wide / @media screen and (max-width: 439.98px) and (min-width: 430px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 23px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 70px; } } / If the screen size is btn 449.98px less and 440px wide / @media screen and (max-width: 449.98px) and (min-width: 440px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 24px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 80px; } } / If the screen size is btn 469.98px less and 450px wide / @media screen and (max-width: 459.98px) and (min-width: 450px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 28px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 80px; } } / If the screen size is btn 479.98px less and 470px wide / @media screen and (max-width: 479.98px) and (min-width: 470px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 33px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 95px; } } / If the screen size is btn 469.98px less and 460px wide / @media screen and (max-width: 469.98px) and (min-width: 460px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 30px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 95px; } } / If the screen size is btn 479.98px less and 470px wide / @media screen and (max-width: 479.98px) and (min-width: 470px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 33px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 95px; } } / If the screen size is btn 519.98px less and 480px wide / @media screen and (max-width: 519.98px) and (min-width: 480px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 35px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 100px; } } / If the screen size is btn 539.98px less and 520px wide / @media screen and (max-width: 539.98px) and (min-width: 520px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 45px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 125px; } } / If the screen size is btn 554.98px less and 540px wide / @media screen and (max-width: 554.98px) and (min-width: 540px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 50px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 125px; } } / If the screen size is btn 575.98px less and 555px wide / @media screen and (max-width: 575.98px) and (min-width: 555px) { .classes-section .inner-block .inner-box { padding: 40px 15px 40px 60px; margin-left: 0; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 5px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 55px 10px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 140px; } } / If the screen size is btn 767.98px less and 576px wide / @media screen and (max-width: 767.98px) and (min-width: 576px) { .sec-title { margin-top: -32px; } .classes-section .inner-block .inner-box { padding: 40px 15px 40px 80px; margin-left: 80px; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 20px !important; font-size: 12px; margin-left: 0; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 45px; } .classes-section .inner-block .registrar div:nth-child(4) { margin-left: 120px; } .classes-section .inner-block .registrar p { margin-top: 25px; } } / If the screen size is btn 119.98px less and 992px wide / @media screen and (max-width: 991.98px) and (min-width: 768px) { .sec-title { margin-top: -100px; } .classes-section .inner-block .registrar div { display: inline-block; margin: 20px 20px; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 20px !important; font-size: 12px; } } / If the screen size is btn 119.98px less and 992px wide / @media screen and (max-width: 1199.98px) and (min-width: 992px) { .sec-title { margin-top: -100px; } .classes-section .inner-block .registrar div { display: inline-block; margin: 30px 50px; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 60px !important; font-size: 12px; } } / If the screen size is 1200px wide or more / @media screen and (min-width: 1200px) { .sec-title { margin-top: -100px; } .classes-section .inner-block .registrar div { display: inline-block; margin: 50px 80px; } .classes-section .inner-block .registrar { padding: 40px 15px 40px 60px !important; font-size: 14px; } } .inner-block { border: 1px solid #2b3c6b; } .news-content iframe { width: 100%; height: 500px; } .auto-content h3{ font-size: 14px; font-weight: 600; text-align: center; padding: 10px; } .heading-content { margin-bottom: -20px; } .heading-content h4{ color: #2b3c6b; font-size: 20px; font-weight: 600; text-align: center; text-transform: uppercase; text-decoration: underline; } / If the screen size is 767.98px wide or more / @media screen and (min-width: 767.98px) { .heading-content { margin-bottom: -80px; } } /Upload Image JQuery/ .upload-wrapper { width: 100%; } .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; margin-left: 100px; margin-top: 10px; height: 220px; opacity: 0; z-index: 9; } .upload-btn-wrapper .btn img { width: 100%; height: 150px; border-radius: 100px; } #output_image1 { position: absolute; margin-top: 0; margin-left: -240px; width: 300px !important; height: 200px !important; border-radius: 10px; } img#output_image1{ width: 100%; object-fit: cover; } / If the screen size is 991.98px wide or less / @media screen and (max-width: 991.98px) { .upload-wrapper { width: 90%; height: 140px; } .upload-btn-wrapper input[type=file] { margin-left: 0; height: 140px; } } /Lower Icon/ .lower-icon { margin-top: 15px; } .lower-icon i { font-size: 12px; color: #ff7162; border-radius: 100px; width: 35px; height: 35px; padding: 12px; background: #2b3c6b; transition: 1s; } .lower-icon i:hover { color: #2b3c6b; background: #ff7162; } </style> </head> <!-- page wrapper --> <body class="boxed_wrapper"> <!-- search-box-layout --> <div class="wraper_flyout_search"> <div class="table"> <div class="table-cell"> <div class="flyout-search-layer"></div> <div class="flyout-search-layer"></div> <div class="flyout-search-layer"></div> <div class="flyout-search-close"> <span class="flyout-search-close-line"></span> <span class="flyout-search-close-line"></span> </div> <div class="flyout_search"> <div class="flyout-search-title"> <h4>Search</h4> </div> <div class="flyout-search-bar"> <form role="search" method="post" action="../../pages/search/index.php"> <div class="form-row"> <input type="search"name="valueToSearch" placeholder="Search classes, activities or events" required=""> <button type="submit" name="search" value="Search"><i class="fa fa-search"></i></button> </div> </form> </div> </div> </div> </div> </div> <!-- search-box-layout end --> <!-- Main Header --> <header class="main-header style-two"> <div class="header-top"> <div class="container"> <div class="inner-container clearfix"> <div class="header-info pull-left"> <ul class="info-list"> <li> <i class="fas fa-mobile"></i> <a href="tel:+256393256880">+256 393 256880</a> \| <a href="tel:+256700110828">+256 700 110828</a> </li> <li> <i class="fas fa-envelope"></i> <a href="mailto:info@scorisinternationaljunior.com">info@scorisinternationaljunior.com</a> </li> </ul> </div> <div class="outer-content pull-right"> <div class="login-box"> <i class="fas fa-user"></i> <a href="#">Scoris Admin</a> </div> <ul class="clearfix"> <li class="header-flyout-searchbar"> <i class="fa fa-search"></i> </li> <li><a href="contact/new"><i class="fas fa-bell"></i> <?php include_once('../contact/db/count_db.php'); // of college_data table $sql = "SELECT count() FROM contact WHERE mark='' "; $result = $conn->query($sql); // Display data on web page while($row = mysqli_fetch_array($result)) { if ($row['count()']==0) { } else { echo "<span class='wobble' style='position: absolute;margin-top: -6px;font-size: 8px;font-weight: bold;'>". $row['count()'] ."</span>"; } } ?> </a></li> </ul> </div> </div> </div> </div> <div class="header-bottom"> <div class="container"> <div class="inner-container"> <div class="nav-outer"> <div class="menu-area"> <nav class="main-menu navbar-expand-lg"> <div class="navbar-header"> <!-- Toggle Button --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix"> <ul class="navigation clearfix"> <li><a href="../../">Home</a></li> <li class="dropdown"><a href="#">Admissions</a> <ul> <li><a href="../admissions/new">New Admissions</a></li> <li><a href="../admissions">All Admissions</a></li> <li><a href="../admissions/approved">Approved Admissions</a></li> <li><a href="../admissions/declined">Declined Admissions</a></li> </ul> </li> <li class="dropdown"><a href="#">Classes</a> <ul> <li><a href="../class">All Classes</a></li> <li><a href="../class/active">Active Classes</a></li></li> <li><a href="../class/deactive">Deactivated Classes</a></li></li> </ul> </li> <li class="logo-box"> <figure class="logo"><a href="../"><img src="../../images/logo/ico4.png" alt="Scoris International"></a></figure> </li> <li class="dropdown"><a href="#">Events</a> <ul> <li><a href="../events">All Events</a></li> <li><a href="../events/active">Active Events</a></li></li> <li><a href="../events/deactive">Deactivated Events</a></li> <li><a href="../events/past">Past Events</a></li></li> </ul> </li> <li class="dropdown"><a href="#">Activities</a> <ul> <li><a href="../activities">All Activities</a></li> <li><a href="../activities/active">Active Activities</a></li></li> <li><a href="../activities/deactive">Deactivated Activities</a></li> </ul> </li> </ul> </div> </nav> </div> </div> </div> </div> </div> <!--Sticky Header--> <div class="sticky-header"> <div class="container clearfix"> <figure class="logo-box"><a href="../"><img src="../../images/logo/logo.png" alt="Scoris International"></a></figure> <div class="menu-area"> <nav class="main-menu navbar-expand-lg"> <div class="navbar-header"> <!-- Toggle Button --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix"> <ul class="navigation clearfix"> <li><a href="../../">Home</a></li> <li class="dropdown"><a href="#">Admissions</a> <ul> <li><a href="../admissions/new">New Admissions</a></li> <li><a href="../admissions">All Admissions</a></li> <li><a href="../admissions/approved">Approved Admissions</a></li> <li><a href="../admissions/declined">Declined Admissions</a></li> </ul> </li> <li class="dropdown"><a href="#">Classes</a> <ul> <li><a href="../class">All Classes</a></li> <li><a href="../class/active">Active Classes</a></li></li> <li><a href="../class/deactive">Deactivated Classes</a></li></li> </ul> </li> <li class="dropdown"><a href="#">Events</a> <ul> <li><a href="../events">All Events</a></li> <li><a href="../events/active">Active Events</a></li></li> <li><a href="../events/deactive">Deactivated Events</a></li> <li><a href="../events/past">Past Events</a></li></li> </ul> </li> <li class="dropdown"><a href="#">Activities</a> <ul> <li><a href="../activities">All Activities</a></li> <li><a href="../activities/active">Active Activities</a></li></li> <li><a href="../activities/deactive">Deactivated Activities</a></li> </ul> </li> </ul> </div> </nav> </div> </div> </div><!-- sticky-header end --> </header> <!-- End Main Header --> <!--Page Title--> <section class="page-title centred" style="background-image: url(../../images/img/1/IMG_8982.webp);background-attachment: fixed;"> <div class="container"> <div class="content-box"> <h1>Gallery</h1> <ul class="bread-crumb clearfix"> <li><a href="../../">Home</a></li> <li>Pages</li> </ul> <p style="margin-top: 10px;"> <?php if(isset($_SESSION['error'])){ echo " <div class='alert alert-danger text-center'> <button class='close'>×</button> ".$_SESSION['error']." </div> "; unset($_SESSION['error']); } if(isset($_SESSION['success'])){ echo " <div class='alert alert-success text-center'> <button class='close'>×</button> ".$_SESSION['success']." </div> "; unset($_SESSION['success']); } ?> </p> </div> </div> </section> <!--End Page Title--> <br> <br> <div class="top-btns header-flyout-gallerybar" align="center"> <li class="btn btn-primary" style="background: #253b70;border: none;"><span class="fa fa-plus" style="color: white;"></span> Add Image</li> </div> <!-- portfolio-section --> <section class="gallery-page-section"> <div class="container"> <div class="sortable-masonry"> <div class="filters"> <ul class="filter-tabs filter-btns centred clearfix"> <li class="filter"> <?php include_once('../db/count_db.php'); // of college_data table $sql = "SELECT count() FROM gallery"; $result = $conn->query($sql); // Display data on web page while($row = mysqli_fetch_array($result)) { if ($row['count()']==0) { echo "No images in the gallery"; } elseif ($row['count()']==1) { echo $row['count()']. " image in the gallery"; }else { echo $row['count()']. " images in the gallery"; } } ?> </li> </ul> </div> <div class="items-container row clearfix"> <?php include_once('../db/connection.php'); $sql = "SELECT FROM gallery"; //use for MySQLi-OOP $query = $conn->query($sql); while($row = $query->fetch_assoc()){ echo "<div class='col-lg-4 col-md-6 col-sm-6 col-6 masonry-item small-column'>"; echo "<div class='gallery-block'>"; echo "<div class='image-box'>"; echo "<figure class='image'><img src='".$row['target']."' alt='$row[image]'></figure>"; echo "<div class='overlay-box'><a href='".$row['target']."' class='lightbox-image' data-fancybox='gallery'><i class='flaticon-add'></i></a></div>"; echo "</div>"; echo "<div class='lower-icon' align='center'>"; echo "<a href='delete.php?id=$row[id]' onClick=\"return confirm('Are you sure you want to delete $row[image]?')\"><i class='fa fa-trash'></i></a>"; echo "</div>"; echo "</div>"; echo "</div>"; } ?> </div> </div> </div> </section> <!-- portfolio-section end --> <!-- main-footer --> <footer class="main-footer"> <div class="footer-top"> <div class="parallax-scene parallax-scene-4 parallax-icon"> <span data-depth="0.40" class="parallax-layer icon icon-1"></span> <span data-depth="0.50" class="parallax-layer icon icon-2"></span> <span data-depth="0.30" class="parallax-layer icon icon-3"></span> <span data-depth="0.40" class="parallax-layer icon icon-4"></span> <span data-depth="0.50" class="parallax-layer icon icon-5"></span> <span data-depth="0.30" class="parallax-layer icon icon-6"></span> <span data-depth="0.40" class="parallax-layer icon icon-7"></span> </div> <div class="container"> <div class="widget-section"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-12 footer-column"> <div class="about-widget footer-widget"> <h3 class="widget-title">Our Focus</h3> <div class="widget-content"> <div class="text"> <p>At Scoris international Junior school, every learner is cherished daily. With the Cambridge curriculum and a holistic approach, we inspire both academic excellence and personal growth, ensuring each child feels valued and empowered to thrive.</p> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-12 footer-column"> <div class="link-widget footer-widget"> <h3 class="widget-title">Schedule Links</h3> <div class="widget-content"> <ul> <li><a href="../class">Classes</a></li> <li><a href="../activities">Activities</a></li> <li><a href="../events">Events</a></li> <li><a href="../admissions">Enrolments</a></li> <li><a href="../newsletters">Newsletters</a></li> <li><a href="../newsletters/attempts">Attempts</a></li> </ul> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-12 footer-column"> <div class="link-widget footer-widget"> <h3 class="widget-title">User Links</h3> <div class="widget-content"> <ul> <li><a href="../accounts/users">Users</a></li> <li><a href="../testimonials">Testimonials</a></li> <li><a href="../contact">Messages</a></li> <li><a href="../faqs">FAQs</a></li> <li><a href="../newsletters/subscriptions">Newsletter Subscriptions</a></li> <li><a href="../newsletters/files">Newsletter Files</a></li> </ul> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-12 footer-column"> <div class="subscribe-widget footer-widget"> <h3 class="widget-title">Newsletter</h3> <div class="widget-content"> <div class="text">Register a user's email for scoris newsletters.</div> <div class="subscribe-inner"> <form method="POST" name="ContactForm" method="post" action="" class="subscribe-form"> <div class="form-group" align="center"> <div class="username"><input type="text" id="username" name="username" value=""></div> <input type="hidden" name="subject" id="subject" value="Scoris Newsletter Subscription"> <input type="email" name="email" id="email" placeholder="Email Address" required=""> <button type="submit" name="newsletter" id="newsletter" class="theme-btn" style="border-radius: 10px;">Submit</button> </div> <div align="center" class="message_box" style="margin:10px 0px;"></div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="inner-container clearfix"> <div class="left-content pull-left"> <div class="copyright">Copyright © <script>document.write(new Date().getFullYear());</script>, <a href="#">Scoris International Junior School</a>. All Rights Reserved</div> </div> <br> <div class="right-content pull-right"> <figure class="footer-logo"><a href="../"><img src="../../images/logo/footer-logo.png" alt="Scoris International"></a></figure> <ul class="social-style-one footer-social clearfix"> <li><a href="https://facebook.com/ScorisJuniors"><i class="fab fa-facebook-f"></i></a></li> <li><a href="https://twitter.com/ScorisJuniors"><i class="fab fa-twitter"></i></a></li> <li><a href="https://instagram.com/ScorisJuniors"><i class="fab fa-instagram"></i></a></li> <li><a href="https://wa.me/256700110828"><i class="fab fa-whatsapp"></i></a></li> </ul> </div> <div class="copyright power-bottom">Powered by <a rel="sponsored" class="text-decoration-none" href="https://customassistinc.com/" target="_blank"><strong>Custom Assist Inc.</strong></a></div> </div> </div> </div> </div> </footer> <!-- main-footer end --> <!--Scroll to top--> <button class="scroll-top scroll-to-target" data-target="html"> <i class="fa fa-arrow-up"></i> </button> <!-- Image-box-layout --> <div class="wraper_flyout_gallery"> <div class="table"> <div class="table-cell"> <div class="flyout-gallery-layer"></div> <div class="flyout-gallery-layer"></div> <div class="flyout-gallery-layer"></div> <div class="flyout-gallery-close"> <span class="flyout-gallery-close-line"></span> <span class="flyout-gallery-close-line"></span> </div> <div class="flyout_gallery" align="center"> <div class="flyout-gallery-title"> <h4>Gallery</h4> </div> <div class="flyout-gallery-bar"> <form role="search" method="post" action="add.php" enctype="multipart/form-data"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="upload-btn-wrapper" align="center"> <div class="upload-wrapper"> <div class="btn"> <img src="../../images/resource/teacher-2.jpg"> </div> <input type="file" id="myFile" accept="image/" onchange="preview_image1(event)" name ="image"> <img id="output_image1" class="output_image1"> </div> </div> </div> <div class="form-row"> <input type="hidden" name="title" value="Scoris International Junior School" required=""> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <input type="text" name="access" placeholder="Access Code" required=""> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <button type="submit" name="submit"><i class="fa fa-upload"></i> Upload</button> </div> </div> </form> </div> </div> </div> </div> </div> <!-- Image-box-layout end --> <script src="../../js/js/jquery.min.js"></script> <script> $(document).ready(function() { var delay = 500; $('#newsletter').click(function(e){ e.preventDefault(); var username = $('#username').val(); var subject = $('#subject').val(); var newsletter = $('#newsletter').val(); var email = $('#email').val(); if(email == ''){ $('.message_box').html( '<span style="color:red;">Enter Email Address!</span>' ); $('#email').focus(); return false; } if( $("#email").val()!='' ){ if( !isValidEmailAddress( $("#email").val() ) ){ $('.message_box').html( '<span style="color:red;">Provided email address is incorrect!</span>' ); $('#email').focus(); return false; } } $.ajax ({ type: "POST", url: "https://scorisinternationaljunior.com/contact/newsletters/index.php", data: "email="+email+"&username="+username+"&subject="+subject+"&newsletter="+newsletter, beforeSend: function() { $('.message_box').html( '<div align="center"><img src="../../images/ajax.gif" width="25" height="25"/></div>' ); }, success: function(data) { setTimeout(function() { $('.message_box').html(data); }, delay); } }); }); }); //Email validation Function function isValidEmailAddress(emailAddress) { var pattern = /^([a-z\d!#$%&'+\-\/=?^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'+\-\/=?^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)\|"((([ \t]\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]\|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))(([ \t]\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]\|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]\|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; return pattern.test(emailAddress); }; </script> <!-- jequery plugins --> <script src="../../js/jquery.js"></script> <script src="../../js/popper.min.js"></script> <script src="../../js/bootstrap.min.js"></script> <script src="../../js/owl.js"></script> <script src="../../js/wow.js"></script> <script src="../../js/validation.js"></script> <script src="../../js/jquery.fancybox.js"></script> <script src="../../js/appear.js"></script> <script src="../../js/parallax.min.js"></script> <!-- map script --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA-CE0deH3Jhj6GN4YvdCFZS7DpbXexzGU"></script> <script src="../../js/gmaps.js"></script> <script src="../../js/map-helper.js"></script> <!-- main-js --> <script src="../../js/script.js"></script> <!-- Countdown-jquery --> <script src="../../js/jquery.countdown.js"></script> <script src="../../js/jquery.countdown1.js"></script> <script src="../../js/jquery.countdown2.js"></script> <script src="../../js/jquery.countdown3.js"></script> <script src="../../js/jquery.countdown4.js"></script> <script src="../../js/jquery.countdown5.js"></script> <script src="../../js/jquery.countdown6.js"></script> <script src="../../js/jquery.countdown7.js"></script> <script src="../../js/jquery.countdown8.js"></script> <script src="../../js/jquery.countdown9.js"></script> <script src="../../js/jquery.countdown10.js"></script> <script src="../../js/jquery.countdown11.js"></script> <script src="../../js/jquery.countdown12.js"></script> <!-- Upload Image JS --> <script src="../../js/upload_img_script.js"></script> <script src="events/datatable/jquery.dataTables.min.js"></script> <script src="events/datatable/dataTable.bootstrap.min.js"></script> <!-- generate datatable on our table --> <script> $(document).ready(function(){ //inialize datatable $('#myTable').DataTable(); //hide alert $(document).on('click', '.close', function(){ $('.alert').hide(); }) }); </script> </body><!-- End of .page_wrapper --> </html>

| ver. 1.4 | Github | . | PHP 8.1.33 | Generation time: 1.69 | proxy | phpinfo | Settings