| Current Path : /home1/savoy/public_html/savoyeducation.com/application/views/front-end/pages/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
| Current File : /home1/savoy/public_html/savoyeducation.com/application/views/front-end/pages/index.php |
<div id="first-slider">
<div id="carousel-example-generic" class="carousel slide carousel-fade">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php foreach ($bannerimages as $key => $bannerlist) {
?>
<!-- Item 1 -->
<div class="item <?= !$key ? 'active' : ''; ?> slide1" style="background-image:url(<?php echo base_url() . '/uploads/banners/' . $bannerlist['banner_image']; ?>)">
<div class="row"><div class="container">
<div class="col-md-5 col-md-offset-7 text-bg hidden-xs">
<h3 data-animation="animated bounceInDown"><?php echo $bannerlist['description1']; ?></h3>
<h4 data-animation="animated bounceInUp"><?php echo $bannerlist['description2']; ?></h4>
</div>
</div></div>
</div>
<?php } ?>
</div>
<!-- End Wrapper for slides-->
<a class="left carousel-control hidden-xs" href="#carousel-example-generic" role="button" data-slide="prev">
<i class="fa fa-angle-left"></i><span class="sr-only">Previous</span>
</a>
<a class="right carousel-control hidden-xs" href="#carousel-example-generic" role="button" data-slide="next">
<i class="fa fa-angle-right"></i><span class="sr-only">Next</span>
</a>
</div>
</div>
<section>
<div class="container">
<div class="row">
<div class="col-md-6">
<h3 class="main-head text-center">WELCOME</h3>
<div class="line center-block" style="border: 1px solid #2196F3; width: 15%;"></div>
<?php $content = strip_tags($about[0]['description'], '<h1><p>');
$trimcontent = substr($content, 0, 211);?>
<p class="description"><?php echo $trimcontent; ?> </p>
<a href="<?= base_url(); ?>aboutus"><button class="btn btn-default abt center-block">Read More</button></a>
</div>
<div class="col-md-6">
<h3 class="main-head text-center">WHY SEC</h3>
<div class="line center-block" style="border: 1px solid #2196F3; width: 15%;"></div>
<p class="description">Our activity based interactive fun filled programs have been specially designed by child psychologists and passionate trainers. It helps prepare your child to face life as well-rounded, productive and compassionate individuals.</p>
<a href="<?= base_url(); ?>aboutus/#whysec" > <button class="btn btn-default abt center-block">Read More</button></a>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="main-head">OUR PROGRAMS</h3>
</div>
</div>
<br>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="prgm-block">
<h3 class="prgm-head"><a href="#">Tuition</a></h3>
<div class="image-wrapper">
<img src="<?= base_url(); ?>assets/img/prgm1.png" class="img-responsive prgm-img">
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="text-wrapper">
<div class="wrapper-block">
<p class="prgm-description">Children’s need for educational support are taken care of by our qualified tutors for all classes and all education boards through personalised coaching.</p>
</div>
<p class="more-prgm"><a href="academic_tuition_in_qatar">Read More <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></p>
<button class="btn btn-info" onclick="SendMail('Tuition');">Join Now</button>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="prgm-block">
<h3 class="prgm-head" ><a href="#">UCMAS Abacus and Mental Arithmetic</a></h3>
<div class="image-wrapper">
<img src="<?= base_url(); ?>assets/img/prgm2.png" class="img-responsive prgm-img">
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="text-wrapper">
<div class="wrapper-block">
<p class="prgm-description">World famous Mental Arithmetic program that improves a child’s speed and accuracy in Mathematics. It enhances visualisation, memory and creative skills.
</p>
</div>
<p class="more-prgm"><a href="ucmas_abacus_mental_arithmetics_in_qatar">Read More <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></p>
<button class="btn btn-info" onclick="SendMail('UCMAS Abacus and Mental Arithmetic');">Join Now</button>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="prgm-block">
<h3 class="prgm-head"><a href="#">Stars of Success</a></h3>
<div class="image-wrapper">
<img src="<?= base_url(); ?>assets/img/prgm4.jpg" class="img-responsive prgm-img">
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="text-wrapper">
<div class="wrapper-block">
<p class="prgm-description" >A program that improves the all round ability of the child to succeed in Life with necessary skills through improved Communication, Creativity, Personality and Leadership.</p>
</div>
<p class="more-prgm"><a href="personality_development_in_qatar">Read More <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></p>
<button class="btn btn-info" onclick="SendMail('Stars of Success');">Join Now</button>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="prgm-block">
<h3 class="prgm-head"><a href="#">Robotics</a></h3>
<div class="image-wrapper">
<img src="<?= base_url(); ?>assets/img/prgm3.jpg" class="img-responsive prgm-img">
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="text-wrapper">
<div class="wrapper-block">
<p class="prgm-description">An experiential STEM learning program that utilises Robotics to learn simple programming. Children utilise creativity and logical thinking by building blocks to automate the mechanical structures.</p>
</div>
<p class="more-prgm"><a href="robotics_training_in_qatar">Read More <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></p>
<button class="btn btn-info" onclick="SendMail('Robotics');">Join Now</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="main-head" style=" padding-bottom: 60px;">GALLERY</h3>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="carousel slide media-carousel fixed-height" id="media">
<div class="carousel-inner">
<?php
$count = 0;
$abcd="active";
if($feeds !=''){
foreach ($feeds['data'] as $feed) {
if(isset($feed['full_picture']) && $feed['full_picture']){
if ($count % 8 == 0) { ?>
<div class="item <?php echo $abcd; $abcd=""; ?> ">
<?php }
if ($count % 4 == 0) { ?>
<div class="row nopadding nomargin">
<?php } ?>
<div class="col-md-3 col-sm-6 nopadding">
<a class="thumbnail nopadding" href="#"><img alt="" src="<?php echo $feed['full_picture'];?>">
<div class="overlay"></div>
</a>
</div>
<?php if ($count % 4 == 3) { ?>
</div>
<?php }
if ($count % 8 == 7) { ?>
</div>
<?php }
$count = $count + 1;
}
} } else { ?> <center><b> No images available</b></center><?php } ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="main-head" style=" padding-bottom: 60px;">VIDEOS</h3>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="carousel slide media-carousel" id="media_two">
<div class="carousel-inner">
<?php
$count = 0;
$abcd="active";
foreach ($videos as $key => $videoslist) {
if ($count % 4 == 0) { ?>
<div class="item <?php echo $abcd; $abcd=""; ?>">
<?php }
if ($count % 4 == 0) {
?>
<div class="row nopadding nomargin">
<?php } ?>
<div class="col-md-3 col-sm-6 nopadding">
<a class="thumbnail nopadding vid-pop" href="<?php echo $videoslist['video_url']?>">
<img alt="" src="<?php echo base_url() . '/uploads/video/' . $videoslist['video_image']; ?>">
<div class="overlay"></div>
<img class="icon-hover" src="<?= base_url(); ?>assets/img/video-play.png">
</a>
</div>
<!-- <div class="col-md-3 col-sm-6 nopadding">
<a class="thumbnail nopadding vid-pop" href="https://www.youtube.com/watch?v=Bbxg5gT1eCs">
<img alt="" src="<?= base_url(); ?>assets/img/gallery2.png">
<div class="overlay"></div>
<img class="icon-hover" src="<?= base_url(); ?>assets/img/video-play.png">
</a>
</div>
<div class="col-md-3 col-sm-6 nopadding">
<a class="thumbnail nopadding vid-pop" href="https://www.youtube.com/watch?v=Bbxg5gT1eCs">
<img alt="" src="<?= base_url(); ?>assets/img/gallery3.png">
<div class="overlay"></div>
<img class="icon-hover" src="<?= base_url(); ?>assets/img/video-play.png">
</a>
</div>
<div class="col-md-3 col-sm-6 nopadding">
<a class="thumbnail nopadding vid-pop" href="https://www.youtube.com/watch?v=Bbxg5gT1eCs">
<img alt="" src="<?= base_url(); ?>assets/img/gallery3.png">
<div class="overlay"></div>
<img class="icon-hover" src="<?= base_url(); ?>assets/img/video-play.png">
</a>
</div> -->
<?php if ($count % 4 == 3) { ?>
</div>
<?php } if ($count % 4 == 3) { ?>
</div>
<?php } $count = $count + 1; } ?>
</div>
<a class="left carousel-control arrow-left" href="#media_two" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" style="margin-left: -15px;margin-top: -14px;
font-size: 27px;"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control arrow-right" href="#media_two" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true" style="margin-right: -15px;margin-top: -14px;
font-size: 27px;"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-6">
<h3 class="main-subhead">Announcements</h3>
<div class="">
<div class='row'>
<div class='col-md-12'>
<div class="carousel slide media-carousel" id="media-one" style="padding-top: 50px;">
<!--<ol class="carousel-indicators position-top">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>-->
<div class="carousel-inner">
<?php
if($announcements !=''){
foreach ($announcements as $key => $announcementlist) {
$time = strtotime($announcementlist['announcement_date']);
$content = strip_tags($announcementlist['description'], '<h1><p>');
$trimcontent = substr($content, 0, 162);
?>
<div class="item <?= !$key ? 'active' : ''; ?>">
<div class="row">
<div class="col-md-12 ">
<a class="thumbnail another moreannouce" href="" data-toggle="modal" data-target="#myModal4" dates="<?php echo date(' M jS, Y ', $time); ?>" filter="<?php echo $announcementlist['id']; ?>">
<div class="resize">
<img class="img-responsive" alt="" src="<?php echo base_url() . '/uploads/announcements/' . $announcementlist['announcement_image']; ?>">
</div>
<div class="announce-wrapper">
<div class="row">
<div class="col-md-12">
<h4 class="announce-head"><?php echo $announcementlist['title']; ?></h4>
<h6 class="date"><i class="fa fa-calendar" aria-hidden="true"></i> <?php echo date(' M jS, Y ', $time); ?></h6>
<p class="announce-sub"><?php echo $trimcontent; ?></p>
<p class="more" dates="<?php echo date(' M jS, Y ', $time); ?>" filter="<?php echo $announcementlist['id']; ?>" >Read More <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<?php } } else {
} ?>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xs-12">
<h3 class="main-subhead" style=" margin-bottom: 40px;">FACEBOOK FEED</h3>
<div class="fb-page" data-href="https://www.facebook.com/SavoyEducationCenter/" data-tabs="timeline" data-width="500" data-height="720" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/SavoyEducationCenter/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/SavoyEducationCenter/">Savoy Education Center - Qatar</a></blockquote></div>
</div>
</div>
</div>
</section>
<div class="modal fade" id="myModal4" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title annotitle"></h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<img class="popup-img annimg" src="">
<h6 class="popup-date annodate"><i class="fa fa-calendar" aria-hidden="true"></i> </h6>
<p class="popup-text annodes"></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tuition" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h5 class="modal-title">Register Your Programme</h5>
</div>
<div class="modal-body">
<input type="hidden" value="no_value" id="lst_suc_val"/>
<form role="form" method="post" id="tuitionpgm" >
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="email">Your Name</label>
<input type="text" name="tuiname" id="tuiname" class="form-control contact" placeholder="Enter Name" >
<span id="pname"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="pwd">Email Id</label>
<input type="text" name="tuiemail" id="tuiemail" class="form-control contact" placeholder="yourname@gmail.com" >
<span id="pmail"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="pwd">Contact Number</label>
<input type="text" name="tuiphone" id="tuiphone" class="form-control contact" placeholder="Enter Number" >
<span id="pnumber"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="pwd">Programme</label>
<div class="form-control">
<span id="abcd" ></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<input type="submit" name="submit" id="tuition_submit" class="btn btn-default abt" value="Submit">
</div>
</div>
</form>
</div>
</div>
</div>
</div>