1#@!#!123s

: / home / diafrica / www / section /
Filename : home-page-slider.php
back
<!-- Section: home -->
<section id="home" class="">
  <div class="container-fluid p-0">
    <div class="row">
      <div class="col">
        <!-- START StudyPress HTML RevSlider REVOLUTION SLIDER 6.1.7 -->
        <p class="rs-p-wp-fix"></p>
        <rs-module-wrap id="rev_slider_1_1_wrapper" data-alias="studypress-html-revslider-1" data-source="gallery" style="background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
          <rs-module id="rev_slider_1_1" style="display:none;" data-version="6.1.7">
            <rs-slides>
              <?php
               include_once 'includes/config.php';
               $query = "SELECT * FROM slider order by id desc Limit 1";
               $query_run = mysqli_query($con, $query);
               if (mysqli_num_rows($query_run) > 0) {
                foreach ($query_run as $slider) { ?>
              
              <rs-slide data-key="rs-47" data-title="Slide 1" data-thumb="<?= $slider['image']; ?>" data-anim="ei:d;eo:d;s:d;r:0;t:slotslide-horizontal;sl:d;">
                <img src="<?= $slider['image']; ?>" title="bg3" width="1920" height="1280" data-parallax="off" class="rev-slidebg" data-no-retina>
                <!--
                  -->
                <rs-layer
                  id="slider-10-slide-47-layer-1"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:55px,50px,55px,0;yo:447px,399px,364px,312px;"
                  data-text="w:normal;s:20,18,18,16;l:25,24,28,24;fw:300;a:left,left,left,center;"
                  data-frame_1="st:900;sp:1000;"
                  data-frame_999="o:0;st:w;sR:8700;"
                  style="z-index:9;"
                  ><?= $slider['caption2']; ?>
                </rs-layer>
                <!--
                  -->
                <rs-layer
                  id="slider-10-slide-47-layer-2"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:48px,45px,50px,0;yo:226px,212px,179px,153px;"
                  data-text="w:normal;s:115,100,95,78;l:115,89,90,71;ls:1px,0px,0px,0px;fw:700;a:left,left,left,center;"
                  data-frame_1="st:300;sp:1000;sR:310;"
                  data-frame_999="o:0;st:w;sR:7690;"
                  style="z-index:11;text-transform:uppercase;"
                  >
                </rs-layer>
                <!--
                  -->
                <rs-layer
                  id="slider-10-slide-47-layer-3"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:59px,50px,55px,0;yo:364px,321px,291px,245px;"
                  data-text="w:normal;s:36,32,28,24;l:25,21,25,30;fw:600;a:left,left,left,center;"
                  data-padding="t:15,15,11,7;r:20,20,15,15;b:15,15,11,7;l:20,20,15,15;"
                  data-border="bos:solid;boc:#f2184f;bow:0,0px,0,6px;"
                  data-frame_1="st:600;sp:1000;sR:500;"
                  data-frame_999="o:0;st:w;sR:7500;"
                  style="z-index:10;background-color:#202c45;text-transform:uppercase;"
                  ><?= $slider['caption1']; ?>
                </rs-layer>
                <!--
                  -->
                <rs-layer
                  id="slider-10-slide-47-layer-4"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:55px,50px,55px,0;yo:539px,481px,448px,390px;"
                  data-text="w:normal;s:18,14,18,20;l:25,19,18,22;a:left,left,left,center;"
                  data-border="bos:solid;boc:#f2184f;bow:0,0,0,6px;"
                  data-frame_1="st:1200;sp:1000;sR:1500;"
                  data-frame_999="o:0;st:w;sR:6500;"
                  style="z-index:8;"
                  ><a href="http://dominicaninstitute.edu.ng/safeguarding-childprotection.php" class="btn btn-flat btn-theme-colored2 text-white">Read More</a>
                </rs-layer>
                <!--
                  -->
              </rs-slide>
              <?php
                }
              }
               ?>
              
              <?php
               include_once 'includes/config.php';
               $query = "SELECT * FROM slider";
               $query_run = mysqli_query($con, $query);
               if (mysqli_num_rows($query_run) > 0) {
                foreach ($query_run as $slider) { ?>
              <rs-slide data-key="rs-48" data-title="Slide 1" data-thumb="<?= $slider['image']; ?>" data-anim="ei:d;eo:d;s:d;r:0;t:slotslide-horizontal;sl:d;">
                <img src="<?= $slider['image']; ?>" title="bg2" width="1920" height="1280" data-parallax="off" class="rev-slidebg" data-no-retina>
                <!--
                  -->
                  <rs-layer
                  id="slider-10-slide-47-layer-1"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:55px,50px,55px,0;yo:447px,399px,364px,312px;"
                  data-text="w:normal;s:20,18,18,16;l:25,24,28,24;fw:300;a:left,left,left,center;"
                  data-frame_1="st:900;sp:1000;"
                  data-frame_999="o:0;st:w;sR:8700;"
                  style="z-index:9;"
                  ><?= $slider['caption2']; ?>
                </rs-layer>
                <!--
                  -->
                <rs-layer
                  id="slider-10-slide-48-layer-2"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:c;yo:226px,212px,179px,153px;"
                  data-text="w:normal;s:115,100,95,78;l:115,89,90,71;ls:1px,0px,0px,0px;fw:700;a:left,left,left,center;"
                  data-frame_1="st:300;sp:1000;sR:310;"
                  data-frame_999="o:0;st:w;sR:7690;"
                  style="z-index:11;text-transform:uppercase;"
                  >
                </rs-layer>
                <!--
                  -->
                  <rs-layer
                  id="slider-10-slide-47-layer-3"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:59px,50px,55px,0;yo:364px,321px,291px,245px;"
                  data-text="w:normal;s:36,32,28,24;l:25,21,25,30;fw:600;a:left,left,left,center;"
                  data-padding="t:15,15,11,7;r:20,20,15,15;b:15,15,11,7;l:20,20,15,15;"
                  data-border="bos:solid;boc:#f2184f;bow:0,0px,0,6px;"
                  data-frame_1="st:600;sp:1000;sR:500;"
                  data-frame_999="o:0;st:w;sR:7500;"
                  style="z-index:10;background-color:#202c45;text-transform:uppercase;"
                  ><?= $slider['caption1']; ?>
                </rs-layer>
                <!--
                  -->
                  <rs-layer
                  id="slider-10-slide-47-layer-4"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:55px,50px,55px,0;yo:539px,481px,448px,390px;"
                  data-text="w:normal;s:18,14,18,20;l:25,19,18,22;a:left,left,left,center;"
                  data-border="bos:solid;boc:#f2184f;bow:0,0,0,6px;"
                  data-frame_1="st:1200;sp:1000;sR:1500;"
                  data-frame_999="o:0;st:w;sR:6500;"
                  style="z-index:8;"
                  ><a href="#" class="btn btn-flat btn-theme-colored2 text-white">Read More</a>
                </rs-layer>
                <!--
                  -->
              </rs-slide>
              <?php
                }
              }
               ?>

              <rs-slide data-key="rs-49" data-title="Slide 1" data-thumb="<?= $slider['image']; ?>" data-anim="ei:d;eo:d;s:d;r:0;t:slotslide-horizontal;sl:d;">
                <img src="<?= $slider['image']; ?>" title="bg4" width="1920" height="1280" data-parallax="off" class="rev-slidebg" data-no-retina>
                <!--
                  -->
                  <rs-layer
                  id="slider-10-slide-47-layer-1"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:55px,50px,55px,0;yo:447px,399px,364px,312px;"
                  data-text="w:normal;s:20,18,18,16;l:25,24,28,24;fw:300;a:left,left,left,center;"
                  data-frame_1="st:900;sp:1000;"
                  data-frame_999="o:0;st:w;sR:8700;"
                  style="z-index:9;"
                  ><?= $slider['caption2']; ?>
                </rs-layer>
                <!--
                  -->
                <rs-layer
                  id="slider-10-slide-49-layer-2"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:r,r,r,c;xo:50px,45px,50px,0;yo:226px,212px,179px,153px;"
                  data-text="w:normal;s:115,100,95,78;l:115,89,90,71;ls:1px,0px,0px,0px;fw:700;a:right,right,right,center;"
                  data-frame_1="st:300;sp:1000;sR:310;"
                  data-frame_999="o:0;st:w;sR:7690;"
                  style="z-index:11;text-transform:uppercase;"
                  >
                </rs-layer>
                <!--
                  -->
                  <rs-layer
                  id="slider-10-slide-47-layer-3"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:59px,50px,55px,0;yo:364px,321px,291px,245px;"
                  data-text="w:normal;s:36,32,28,24;l:25,21,25,30;fw:600;a:left,left,left,center;"
                  data-padding="t:15,15,11,7;r:20,20,15,15;b:15,15,11,7;l:20,20,15,15;"
                  data-border="bos:solid;boc:#f2184f;bow:0,0px,0,6px;"
                  data-frame_1="st:600;sp:1000;sR:500;"
                  data-frame_999="o:0;st:w;sR:7500;"
                  style="z-index:10;background-color:#202c45;text-transform:uppercase;"
                  ><?= $slider['caption1']; ?>
                </rs-layer>
                <!--
                  -->
                  <rs-layer
                  id="slider-10-slide-47-layer-4"
                  data-type="text"
                  data-rsp_ch="on"
                  data-xy="x:l,l,l,c;xo:55px,50px,55px,0;yo:539px,481px,448px,390px;"
                  data-text="w:normal;s:18,14,18,20;l:25,19,18,22;a:left,left,left,center;"
                  data-border="bos:solid;boc:#f2184f;bow:0,0,0,6px;"
                  data-frame_1="st:1200;sp:1000;sR:1500;"
                  data-frame_999="o:0;st:w;sR:6500;"
                  style="z-index:8;"
                  ><a href="#" class="btn btn-flat btn-theme-colored2 text-white">Read More</a>
                </rs-layer>
                <!--
                  -->
              </rs-slide>
            </rs-slides>
            
            <rs-static-layers>
              <!--
                -->
            </rs-static-layers>
            <rs-progress class="rs-bottom" style="height: 5px; background: rgba(199,199,199,0.5);"></rs-progress>
          </rs-module>
          <script type="text/javascript">
            if(typeof revslider_showDoubleJqueryError === "undefined") {
              function revslider_showDoubleJqueryError(sliderID) {
                var err = "<div class='rs_error_message_box'>";
                err += "<div class='rs_error_message_oops'>Oops...</div>";
                err += "<div class='rs_error_message_content'>";
                err += "You have some jquery.js library include that comes after the Slider Revolution files js inclusion.<br>";
                err += "To fix this, you can:<br>&nbsp;&nbsp;&nbsp; 1. Set 'Module General Options' -> 'Advanced' -> 'jQuery & OutPut Filters' -> 'Put JS to Body' to on";
                err += "<br>&nbsp;&nbsp;&nbsp; 2. Find the double jQuery.js inclusion and remove it";
                err += "</div>";
              err += "</div>";
                jQuery(sliderID).show().html(err);
              }
            }
          </script>
        </rs-module-wrap>
        <!-- END REVOLUTION SLIDER -->
      </div>
    </div>
  </div>
</section>