관리-도구
편집 파일: index.php
<!DOCTYPE html> <html dir="ltr" lang="en"> <head> <?php include('include/head.php') ?> </head> <body class> <div id="wrapper" class="clearfix"> <div id="preloader"> <div id="spinner"> <img alt src="images/preloaders/5.gif"> </div> <div id="disable-preloader" class="btn btn-default btn-sm">Disable Preloader</div> </div> <?php include('include/header.php'); ?> <div id="admissionModal" class="modal"> <div class="modal-content" width="100%"> <span class="close">×</span> <h2><?= $heading2['heading'] ?></h2> <h5><?= $heading2['subheading'] ?></h5> <form id="admissionForm" method="post" action="form.php"> <div class="form-group"> <label for="name">Full Name:</label> <input type="text" id="name" name="name" required> </div> <div class="form-group"> <label for="email">Email:</label> <input type="email" id="email" name="email" required> </div> <div class="form-group"> <label for="phone">Phone Number:</label> <input type="tel" id="phone" name="phone" required> </div> <button type="submit" name="popup_query" class="btn btn-primary">Submit</button> </form> </div> </div> <div class="main-content"> <section id="home"> <div style="position: relative;"> <marquee class="marquee" direction="left" style="color: white; background-color: red; position: absolute; top: 0; left: 0; width: 100%; z-index: 9;"> <?php $sql = mysqli_query($con, "SELECT * FROM `updates`"); $first = true; // Flag to check if it's the first iteration while ($updates = mysqli_fetch_assoc($sql)) { // Escape outputs to prevent XSS $title = htmlspecialchars($updates['title']); $link = htmlspecialchars($updates['link']); // Add separator conditionally if (!$first) { echo " | "; } $first = false; // Set to false after the first iteration ?> <a href="<?= $link ?>" style="color: white;"><?= $title ?></a> <?php } ?> </marquee> </div> <div class="rev_slider_wrapper"> <div class="rev_slider" data-version="5.0"> <ul> <?php $sql = mysqli_query($con, "SELECT * FROM `banner`"); if (mysqli_num_rows($sql) > 0) { while ($banner = mysqli_fetch_assoc($sql)) { // Set fallback values for missing data $image = !empty($banner['image']) ? 'media/banner/' . $banner['image'] : 'images/default-banner.jpg'; $imageAltTag = !empty($banner['image_alt_tag']) ? $banner['image_alt_tag'] : 'Default Alt Text'; $heading = !empty($banner['heading']) ? $banner['heading'] : 'Default Heading'; $subheading = !empty($banner['subheading']) ? $banner['subheading'] : 'Default Subheading'; ?> <li data-index="rs-<?= $banner['id'] ?>" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="<?= $image ?>" data-rotate="0" data-saveperformance="off" data-title="Slide <?= $banner['id'] ?>" data-description> <img src="<?= $image ?>" alt="<?= $imageAltTag ?>" data-bgposition="center 40%" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina> <div class="tp-caption tp-resizeme text-uppercase bg-theme-colored-transparent text-white font-raleway border-left-theme-color-2-6px border-right-theme-color-2-6px pl-30 pr-30" id="rs-<?= $banner['id'] ?>-layer-1" data-x="['center']" data-hoffset="['0']" data-y="['middle']" data-voffset="['-90']" data-fontsize="['28']" data-lineheight="['54']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;s:500" data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;" data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; font-weight:400; border-radius: 30px;"> <?= htmlspecialchars($imageAltTag) ?> </div> <div class="tp-caption tp-resizeme text-uppercase bg-theme-colored-transparent text-white font-raleway pl-30 pr-30" id="rs-<?= $banner['id'] ?>-layer-2" data-x="['center']" data-hoffset="['0']" data-y="['middle']" data-voffset="['-20']" data-fontsize="['48']" data-lineheight="['70']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;s:500" data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;" data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; font-weight:700; border-radius: 30px;"> <?= htmlspecialchars($heading) ?> </div> <div class="tp-caption tp-resizeme text-white text-center" id="rs-<?= $banner['id'] ?>-layer-3" data-x="['center']" data-hoffset="['0']" data-y="['middle']" data-voffset="['50']" data-fontsize="['16']" data-lineheight="['28']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;s:500" data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;" data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1400" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap; letter-spacing:0px; font-weight:400;"> <?= htmlspecialchars($subheading) ?> </div> <div class="tp-caption tp-resizeme" id="rs-<?= $banner['id'] ?>-layer-4" data-x="['center']" data-hoffset="['0']" data-y="['middle']" data-voffset="['115']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1400" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; white-space: nowrap; letter-spacing:1px;"> <a class="btn btn-default btn-circled btn-theme-colored btn-theme-colored border-right-theme-color-2-6px pl-20 pr-20" href="contact.php">Apply Now</a> </div> </li> <?php } } else { // Display a message or placeholder if no data is found echo '<li><p>No banners available</p></li>'; } ?> </ul> </div> </div> <script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script> <script> $(document).ready(function(e) { $(".rev_slider").revolution({ sliderType: "standard", sliderLayout: "auto", dottedOverlay: "none", delay: 5000, navigation: { keyboardNavigation: "off", keyboard_direction: "horizontal", mouseScrollNavigation: "off", onHoverStop: "off", touch: { touchenabled: "on", swipe_threshold: 75, swipe_min_touches: 1, swipe_direction: "horizontal", drag_block_vertical: false }, arrows: { style: "zeus", enable: true, hide_onmobile: true, hide_under: 600, hide_onleave: true, hide_delay: 200, hide_delay_mobile: 1200, tmp: '<div class="tp-title-wrap"> <div class="tp-arr-imgholder"></div> </div>', left: { h_align: "left", v_align: "center", h_offset: 30, v_offset: 0 }, right: { h_align: "right", v_align: "center", h_offset: 30, v_offset: 0 } }, bullets: { enable: true, hide_onmobile: true, hide_under: 600, style: "metis", hide_onleave: true, hide_delay: 200, hide_delay_mobile: 1200, direction: "horizontal", h_align: "center", v_align: "bottom", h_offset: 0, v_offset: 30, space: 5, tmp: '<span class="tp-bullet-img-wrap"> <span class="tp-bullet-image"></span></span><span class="tp-bullet-title">{{title}}</span>' } }, responsiveLevels: [1240, 1024, 778], visibilityLevels: [1240, 1024, 778], gridwidth: [1170, 1024, 778, 480], gridheight: [650, 768, 960, 720], lazyType: "none", parallax: { origo: "slidercenter", speed: 1000, levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 100, 55], type: "scroll" }, shadow: 0, spinner: "off", stopLoop: "on", stopAfterLoops: 0, stopAtSlide: -1, shuffle: "off", autoHeight: "off", fullScreenAutoWidth: "off", fullScreenAlignForce: "off", fullScreenOffsetContainer: "", fullScreenOffset: "0", hideThumbsOnMobile: "off", hideSliderAtLimit: 0, hideCaptionAtLimit: 0, hideAllCaptionAtLilmit: 0, debugMode: false, fallbacks: { simplifyAll: "off", nextSlideOnWindowFocus: "off", disableFocusListener: false, } }); }); </script> </section> <section id="about" style="margin-top: 80px;"> <div class="container mt-0 pb-70 pt-0"> <div class="section-content"> <div class="row mt-10"> <div class="col-sm-12 col-md-6 mb-sm-20 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"> <h3 class="text-uppercase mt-0"><?= $about['heading'] ?></h3> <?= $about['description'] ?> <a class="btn btn-colored btn-theme-colored btn-lg text-uppercase font-13 mt-0" href="#">Learn More</a> </div> <div class="col-sm-12 col-md-6 mt-0 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s"> <div> <?php $image = json_decode($about['image']); ?> <img src="media/about/<?php echo $image[0] ?>" alt="<?= $about['image_alt_tag'] ?>" class="img-responsive img-fullwidth mt-10 ml-30 ml-xs-0 ml-sm-0"> </div> </div> </div> </div> </div> </section> <section id="mission"> <div class="container-fluid pt-0 pb-0"> <div class="row equal-height first"> <div class="col-sm-6 col-md-6 xs-pull-none bg-theme-colored wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s"> <div class="pt-60 pb-40 pl-90 pr-160 p-md-30"> <h2 class="title text-white text-uppercase line-bottom mt-0 mb-30"><?= $why_choose['heading'] ?></h2> <div class="icon-box clearfix m-0 p-0 pb-10"> <a href="#" class="icon icon-circled bg-white icon-lg pull-left flip sm-pull-none"> <i class="fa fa-desktop text-theme-color-2 font-36"></i> </a> <div class="ml-120 ml-sm-0"> <h4 class="icon-box-title text-white mt-5 mb-10 letter-space-1"><?= $why_choose['h1'] ?></h4> <p class="text-white"><?= $why_choose['s1'] ?></p> </div> </div> <div class="icon-box clearfix m-0 p-0 pb-10"> <a href="#" class="icon icon-circled bg-white icon-lg pull-left flip sm-pull-none"> <i class="fa fa-user text-theme-color-2 font-36"></i> </a> <div class="ml-120 ml-sm-0"> <h4 class="icon-box-title text-white mt-5 mb-10 letter-space-1"><?= $why_choose['h3'] ?></h4> <p class="text-white"><?= $why_choose['s3'] ?></p> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 xs-pull-none bg-theme-colored" data-wow-duration="1s" data-wow-delay="0.3s"> <div class="pt-60 pb-40 pl-90 pr-160 p-md-30 second" style="margin-top: 70px;"> <div class="icon-box clearfix m-0 p-0 pb-10"> <a href="#" class="icon icon-circled bg-white icon-lg pull-left flip sm-pull-none"> <i class="fa fa-money text-theme-color-2 font-36"></i> </a> <div class="ml-120 ml-sm-0"> <h4 class="icon-box-title text-white mt-5 mb-10 letter-space-1"><?= $why_choose['h2'] ?></h4> <p class="text-white"><?= $why_choose['s2'] ?></p> </div> </div> <div class="icon-box clearfix m-0 p-0 pb-10"> <a href="#" class="icon icon-circled bg-white icon-lg pull-left flip sm-pull-none"> <i class="fa fa-book text-theme-color-2 font-36"></i> </a> <div class="ml-120 ml-sm-0"> <h4 class="icon-box-title text-white mt-5 mb-10 letter-space-1"><?= $why_choose['h4'] ?></h4> <p class="text-white"><?= $why_choose['s4'] ?></p> </div> </div> </div> </div> </div> </div> </section> <!--=================================results======================--> <!--<section class="pdb100 grey">--> <!-- <div class="container">--> <!-- <div class="row">--> <!-- <div class="col-md-6">--> <!-- <div class="title resultsX">--> <!-- <h2>Class X Results 2023-24</h2>--> <!-- </div>--> <!-- <a href="#" data-fancybox="" class="topperimages">--> <!-- <img src="images/top1.webp">--> <!-- </a>--> <!-- </div>--> <!-- <div class="col-md-6">--> <!-- <div class="title resultsXII">--> <!-- <h2>Class XII Results 2023-24</h2>--> <!-- </div>--> <!-- <a href="#" data-fancybox="" class="topperimages">--> <!-- <img src="images/top2.webp">--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</section>--> <?php if($headline['heading1'] != ''){ $sql = mysqli_query($con, "SELECT * FROM `result` WHERE `category`='10'"); if (mysqli_num_rows($sql) > 0) { ?> <section> <div class="container pt-70 pb-40"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="mt-0 line-height-1 text-uppercase">Our <span class="text-theme-color-2"><?= $headline['heading1'] ?></span></h2> </div> </div> </div> <div class="row multi-row-clearfix"> <div class="col-md-12"> <div class="owl-carousel-4col" data-nav="true"> <?php while ($result = mysqli_fetch_assoc($sql)) { ?> <div class="item"> <div class="hover-effect mb-30"> <div class="thumb"> <img class="img-fullwidth" alt="<?= $result['image_alt_tag'] ?>" src="media/result/<?= $result['image'] ?>"> </div> </div> </div> <?php } ?> </div> </div> </div> </div> </section> <?php } } ?> <?php if($headline['heading2'] != ''){ $sql = mysqli_query($con, "SELECT * FROM `result` WHERE `category`='12'"); if (mysqli_num_rows($sql) > 0) { ?> <section> <div class="container pt-70 pb-40"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="mt-0 line-height-1 text-uppercase">Our <span class="text-theme-color-2"><?= $headline['heading2'] ?></span></h2> </div> </div> </div> <div class="row multi-row-clearfix"> <div class="col-md-12"> <div class="owl-carousel-4col" data-nav="true"> <?php while ($result = mysqli_fetch_assoc($sql)) { ?> <div class="item"> <div class="hover-effect mb-30"> <div class="thumb"> <img class="img-fullwidth" alt="<?= $result['image_alt_tag'] ?>" src="media/result/<?= $result['image'] ?>"> </div> </div> </div> <?php } ?> </div> </div> </div> </div> </div> </section> <?php } } ?> <!--==========================result end=====================--> <section class="bg-lightest"> <div class="container pt-50 pb-50"> <div class="section-content"> <div class="row"> <div class="col-md-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s"> <div class="pr-40"> <h3 class="text-uppercase title line-bottom"><?= $approach['heading'] ?></span></h3> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="icon-box p-0"> <a href="#" class="icon bg-theme-colored pull-left sm-pull-none flip mr-10"> <i class="pe-7s-graph1 text-white"></i> </a> <div class="icon-box-details ml-sm-0"> <h5 class="icon-box-title mt-15 letter-space-1 font-weight-600 mb-5"><?= $approach['h1'] ?></h5> <p class="text-gray"><?= $approach['s1'] ?></p> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="icon-box p-0 mb-40"> <a href="#" class="icon bg-theme-colored pull-left sm-pull-none flip mr-10"> <i class="pe-7s-bell text-white"></i> </a> <div class="icon-box-details ml-sm-0"> <h5 class="icon-box-title mt-15 letter-space-1 font-weight-600 mb-5"><?= $approach['h2'] ?></h5> <p class="text-gray"><?= $approach['s2'] ?></p> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="icon-box p-0 mb-40"> <a href="#" class="icon bg-theme-colored pull-left sm-pull-none flip mr-10"> <i class="pe-7s-medal text-white"></i> </a> <div class="icon-box-details ml-sm-0"> <h5 class="icon-box-title mt-15 letter-space-1 font-weight-600 mb-5"><?= $approach['h3'] ?></h5> <p class="text-gray"><?= $approach['s3'] ?></p> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="icon-box p-0 mb-40"> <a href="#" class="icon bg-theme-colored pull-left sm-pull-none flip mr-10"> <i class="pe-7s-star text-white"></i> </a> <div class="icon-box-details ml-sm-0"> <h5 class="icon-box-title mt-15 letter-space-1 font-weight-600 mb-5"><?= $approach['h4'] ?></h5> <p class="text-gray"><?= $approach['s4'] ?></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- =====================================youtube video-================= --> <div style="margin: 50px 0px;"> <div class="container"> <h2 class="text-center">Experiences</h2> <div class="row"> <?php $sql = mysqli_query($con, "SELECT * FROM `experience` LIMIT 4"); while ($experience = mysqli_fetch_assoc($sql)) { ?> <div class="col-lg-6"> <iframe width="560" height="315" src="<?= $experience['link'] ?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <?php } ?> </div> </div> </div> <!-- ==========================youtube end================= --> <section id="about"> <div class="container pb-70"> <div class="section-content"> <div class="row"> <div class="col-md-8 col-sm-12 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s"> <h2 class="text-uppercase mt-0"><?= $potential['heading'] ?></h2> <p class="lead"><?= $potential['subheading'] ?></p> <div class="row mt-40"> <!-- First Row of Features --> <div class="col-md-6 wow fadeInUp" data-wow-duration="1s"> <div class="mb-sm-30"> <div class="feature-box"> <i class="fa fa-graduation-cap text-theme-color-2"></i> <h4 class="letter-space-1 mt-10"><?= $potential['h1'] ?></h4> <p><?= $potential['s1'] ?></p> </div> </div> </div> <div class="col-md-6 wow fadeInUp" data-wow-duration="1.2s"> <div class="mb-sm-30"> <div class="feature-box"> <i class="fa fa-laptop text-theme-color-2"></i> <h4 class="letter-space-1 mt-10"><?= $potential['h2'] ?></h4> <p><?= $potential['s2'] ?></p> </div> </div> </div> </div> <!-- New Row of Features --> <div class="row mt-40"> <div class="col-md-6 wow fadeInUp" data-wow-duration="1.4s"> <div class="mb-sm-30"> <div class="feature-box"> <i class="fa fa-users text-theme-color-2"></i> <h4 class="letter-space-1 mt-10"><?= $potential['h3'] ?></h4> <p><?= $potential['s3'] ?></p> </div> </div> </div> <div class="col-md-6 wow fadeInUp" data-wow-duration="1.6s"> <div class="mb-sm-30"> <div class="feature-box"> <i class="fa fa-trophy text-theme-color-2"></i> <h4 class="letter-space-1 mt-10"><?= $potential['h4'] ?></h4> <p><?= $potential['s4'] ?></p> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s"> <div class="p-30 bg-theme-colored mt-10"> <h3 class="text-white mt-0 mb-10">Get A Free Registration!</h3> <form class="reservation-form1 mt-20" method="post" action="form.php"> <div class="row"> <div class="col-sm-12"> <div class="form-group mb-20"> <input placeholder="Enter Name" type="text" id="reservation_name" name="name" required class="form-control"> </div> </div> <div class="col-sm-6"> <div class="form-group mb-20"> <input placeholder="Email" type="text" id="reservation_email" name="email" class="form-control" required> </div> </div> <div class="col-sm-6"> <div class="form-group mb-20"> <input placeholder="Phone" type="text" id="reservation_phone" name="phone" class="form-control" required> </div> </div> <div class="col-sm-6"> <div class="form-group mb-20"> <input placeholder="subject" type="text" id="reservation_phone" name="subject" class="form-control" required> </div> </div> <div class="col-sm-6"> <div class="form-group mb-20"> <input name="Date" class="form-control required date-picker" type="text" placeholder="Date" aria-required="true"> </div> </div> <div class="col-sm-12"> <div class="form-group"> <textarea placeholder="Enter Message" rows="3" class="form-control required" name="message" id="form_message" aria-required="true"></textarea> </div> </div> <div class="col-sm-12"> <div class="form-group mb-0 mt-10"> <button type="submit" name="reservation" class="btn btn-colored btn-default text-black btn-lg btn-block">Submit Request</button> </div> </div> </div> </form> <script type="text/javascript"> $("#reservation_form").validate({ submitHandler: function(form) { var form_btn = $(form).find('button[type="submit"]'); var form_result_div = '#form-result'; $(form_result_div).remove(); form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>'); var form_btn_old_msg = form_btn.html(); form_btn.html(form_btn.prop('disabled', true).data("loading-text")); $(form).ajaxSubmit({ dataType: 'json', success: function(data) { if (data.status == 'true') { $(form).find('.form-control').val(''); } form_btn.prop('disabled', false).html(form_btn_old_msg); $(form_result_div).html(data.message).fadeIn('slow'); setTimeout(function() { $(form_result_div).fadeOut('slow') }, 6000); } }); } }); </script> </div> </div> </div> </div> </div> </section> <section class="divider parallax layer-overlay" data-bg-img="images/bg/bg6.jpg" data-parallax-ratio="0.7"> <div class="container pt-70 pb-60"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50"> <div class="funfact text-center"> <i class="fa fa-users mt-5 text-white"></i> <h2 data-animation-duration="2000" data-value="<?= $counter['s1'] ?>" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase"><?= $counter['h1'] ?></h4> </div> </div> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50"> <div class="funfact text-center"> <i class="fa fa-book mt-5 text-white"></i> <h2 data-animation-duration="2000" data-value="<?= $counter['s2'] ?>" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase"><?= $counter['h2'] ?></h4> </div> </div> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50"> <div class="funfact text-center"> <i class="fa fa-home mt-5 text-white"></i> <h2 data-animation-duration="2000" data-value="<?= $counter['s3'] ?>" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase"><?= $counter['h3'] ?></h4> </div> </div> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50"> <div class="funfact text-center"> <i class="fa fa-graduation-cap mt-5 text-white"></i> <h2 data-animation-duration="3000" data-value="<?= $counter['s4'] ?>" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase"><?= $counter['h4'] ?></h4> </div> </div> </div> </div> </section> <!-- =========================================gallery================= --> <section id="gallery" style="overflow-x: hidden;"> <div class="container pt-70 pb-70"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="mt-0 line-height-1 text-center mb-10 text-black-333 text-uppercase">Our <span class="text-theme-color-2"> Gallery</span></h2> <!-- <p class="mb-0 pb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem<br> voluptatem obcaecati!</p> --> </div> </div> </div> <div class="section-content"> <div class="row"> <?php $sql = mysqli_query($con, "SELECT * FROM `gallery` LIMIT 6"); while ($gallery = mysqli_fetch_assoc($sql)) { ?> <div class="col-lg-4 col-md-4" style="margin-bottom: 20px;"> <img src="media/gallery/<?= $gallery['image'] ?>" alt="<?= $gallery['image_alt_tag'] ?>"> </div> <?php } ?> </div> </div> <a class="btn btn-theme-colored btn-sm gallery-button" style="margin-top: 20px;margin-left: 500px;" href="gallery.php">view more</a> </div> </section> <!-- =========================================gallery end================= --> <section id="facilities" class="bg-light py-70"> <div class="container"> <div class="section-content"> <div class="row"> <div class="col-md-12 text-center mb-50"> <h2 class="text-uppercase">Our <span class="text-theme-color-2">Facilities</span></h2> </div> <div class="col-md-4 col-sm-6 mb-30"> <div class="feature-box text-center"> <i class="fas fa-chalkboard-teacher text-theme-color-2 fa-3x"></i> <h4 class="mt-20"><?= $f1['heading'] ?></h4> <p><?= $f1['subheading'] ?></p> </div> </div> <div class="col-md-4 col-sm-6 mb-30"> <div class="feature-box text-center"> <i class="fas fa-flask text-theme-color-2 fa-3x"></i> <h4 class="mt-20"><?= $f2['heading'] ?></h4> <p><?= $f2['subheading'] ?></p> </div> </div> <div class="col-md-4 col-sm-6 mb-30"> <div class="feature-box text-center"> <i class="fas fa-palette text-theme-color-2 fa-3x"></i> <h4 class="mt-20"><?= $f3['heading'] ?></h4> <p><?= $f3['subheading'] ?></p> </div> </div> <div class="col-md-4 col-sm-6 mb-30"> <div class="feature-box text-center"> <i class="fas fa-theater-masks text-theme-color-2 fa-3x"></i> <h4 class="mt-20"><?= $f4['heading'] ?></h4> <p><?= $f4['subheading'] ?></p> </div> </div> <div class="col-md-4 col-sm-6 mb-30"> <div class="feature-box text-center"> <i class="fas fa-hospital text-theme-color-2 fa-3x"></i> <h4 class="mt-20"><?= $f5['heading'] ?></h4> <p><?= $f5['subheading'] ?></p> </div> </div> <div class="col-md-4 col-sm-6 mb-30"> <div class="feature-box text-center"> <i class="fas fa-swimming-pool text-theme-color-2 fa-3x"></i> <h4 class="mt-20"><?= $f6['heading'] ?></h4> <p><?= $f6['subheading'] ?></p> </div> </div> </div> </div> </div> </section> <!-- =============================team======================== --> <section> <div class="container pt-70 pb-40"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="mt-0 line-height-1 text-uppercase"><?= $heading1['heading'] ?></span></h2> <p><?= $heading1['subheading'] ?></p> </div> </div> </div> <div class="row multi-row-clearfix"> <div class="col-md-12"> <div class="owl-carousel-4col" data-nav="true"> <?php $sql = mysqli_query($con, "SELECT * FROM `inspiration`"); while ($inspiration = mysqli_fetch_assoc($sql)) { ?> <div class="item"> <div class="hover-effect mb-30"> <div class="thumb"> <img class="img-fullwidth" alt="<?= $inspiration['image_alt_tag'] ?>" src="media/inspiration/<?= $inspiration['image'] ?>"> </div> <div class="details p-15 pt-10 pb-10"> <h4 class="title mb-5"><?= $inspiration['name'] ?></h4> <h5 class="sub-title mt-0 mb-15"><?= $inspiration['designation'] ?></h5> <a class="btn btn-theme-colored btn-sm" href="inspiration.php#<?= $inspiration['id'] ?>">view details</a> </div> </div> </div> <?php } ?> </div> </div> </div> </div> </section> <section class="clients bg-theme-colored"> <div class="container pt-10 pb-10 pb-sm-0 pt-sm-0"> <div class="row"> <div class="col-md-12"> <div class="owl-carousel-6col transparent text-center owl-nav-top"> <?php $sql = mysqli_query($con, "SELECT * FROM `brand_logo`"); while ($brand_logo = mysqli_fetch_assoc($sql)) { ?> <div class="item"> <a href="#"><img src="media/brand_logo/<?= $brand_logo['image'] ?>" alt></a></div> <?php } ?> </div> </div> </div> </div> </section> </div> <?php include('include/footer.php') ?> <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a> </div> <?php include('include/foot.php') ?> </body> </html>