| Current Path : /home1/savoy/public_html/savoyeducation.com/savoy-education/ |
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/savoy-education/program-three.html |
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Savoy Education</title>
<link rel="icon" type="image/png" href="img/favicon.png" sizes="16x16">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.bootcss.com/animate.css/3.5.1/animate.min.css">
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">
<link href="css/media-carousel.css" rel="stylesheet">
<style>
#gmap_canvas img{max-width:none!important;
background:none!important}
</style>
</head>
<body>
<nav class="navbar navbar-fixed-top bg">
<header>
<div class="container">
<div class="row small-device">
<div class="col-md-10 col-xs-12">
<h5 class="header-action text-right"> <i class="fa fa-phone" aria-hidden="true"></i> +974 6614 7458 | +974 5519 6752</h5>
</div>
<div class="col-md-2 hidden-xs">
<div class="ft-social" style="font-size:10px;text-align: right;">
<a href="https://www.facebook.com/SavoyEducationCenter/" target="_blank"><i id="social-fb" class="fa fa-facebook-square fa-3x social"></i></a>
<a href="https://twitter.com/savoyeducation" target="_blank"><i id="social-tw" class="fa fa-twitter-square fa-3x social"></i></a>
<a href="mailto:info@savoyeducation.com" target="_blank"><i id="social-em" class="fa fa-envelope-square fa-3x social"></i></a>
</div>
</div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-7"> <a class="navbar-brand" href="#"><img class="img-responsive" src="img/logo.png"></a></div>
<div class="col-md-1 hidden-xs hidden-sm">
<div class="img-logos">
<img class="img-responsive" src="img/logo_iso.png"></div>
</div>
<div class="col-md-1 hidden-xs hidden-sm"><a href="program-one.html">
<div class="img-logos">
<img class="img-responsive" src="img/logo_tuition.png"></a></div>
</div>
<div class="col-md-1 hidden-xs hidden-sm"><a href="program-two.html">
<div class="img-logos">
<img class="img-responsive" src="img/logo_ucmas.png"></a></div>
</div>
<div class="col-md-1 hidden-xs hidden-sm"><a href="program-three.html">
<div class="img-logos">
<img class="img-responsive" src="img/logo_star.png"></a></div>
</div>
<div class="col-md-1 hidden-xs hidden-sm"><a href="program-four.html">
<div class="img-logos" style=" margin-top: 38px; width: 100px;">
<img class="img-responsive" src="img/Robox_img.png"></a></div>
</div>
</div>
</div>
<div class="row shadow">
<div class="col-md-12"><div class="border"></div></div>
</div>
<br>
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html"> HOME</a></li>
<li><a href="about.html">ABOUT US</a></li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROGRAMS<b class="caret"></b></a>
<ul class="dropdown-menu prgms">
<li><a href="program-one.html">Tuition</a></li>
<li class="divider change"></li>
<li><a href="program-two.html">UCMAS Abacus and Mental Arithmetic</a></li>
<li class="divider change"></li>
<li><a href="program-three.html">Stars of Success</a></li>
<li class="divider change"></li>
<li><a href="program-four.html">Robotics</a></li>
</ul>
</li>
<li><a href="announcements.html">ANNOUNCEMENTS</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="contact.html">CONTACT US</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</div>
</div><!-- /.container-fluid -->
</nav>
<section class="about-banner">
<div class="img-abt">
<img class="img-responsive" src="img/sub_banner6.jpg">
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-8">
<h3 class="head-one" style="font-size: 33px;font-family: Arial, Helvetica, sans-serif;">STARS OF SUCCESS</h3>
<h4 class="sub-headprgm">CHILDREN GROW FASTER THAN WE ANTICIPATE</h4>
</div>
<div class="col-md-4">
<div class="image-size" style="margin: 15px 0px 0px 0px;">
<img src="img/success.jpg" style="width: 147px;" class="img-responsive img-hover">
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="from-top wrapperalign" >
<!-- <h4 class="items">IT IS OUR DUTY TO PROVIDE THEM WITH
THE RIGHT TOOLS FOR SUCCESS</h4>-->
<div class="carousel slide media-carousel media_wrapper" id="media_prgmthree">
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-md-12">
<a class="thumbnail common_media" href="#"><img alt="" class="img-responsive" src="img/stars_of_success.jpg" style="height:100%;width:100%;"></a>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-md-12">
<a class="thumbnail common_media" href="#"><img alt="" class="img-responsive" src="img/abt-banner.jpg" style="height:100%;width:100%;"></a>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-md-12">
<a class="thumbnail common_media" href="#"><img alt="" class="img-responsive" src="img/SOS.JPG" style="height:100%;width:100%;"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default box" style="margin-top: 0px;">
<h4 class="point-head change_font" style="color:#fff; padding-top: 10px;">BENEFITS</h4>
<ul class="points">
<li class="reduced color"><img src="img/icons/empower.png"> Empowers with Self Confidence</li>
<li class="reduced color"><img src="img/icons/soft-skills.png"> Teaches the essential Soft Skills</li>
<li class="reduced color"><img src="img/icons/sos.png"> Makes Child a 'Star of Success'</li>
<li class="reduced color"><img src="img/icons/problem-solving.png"> Increase Problem Solving Skills</li>
<li class="reduced color"><img src="img/icons/Communicator.png"> Makes a better Communicator</li>
<li class="reduced color"><img src="img/icons/speak.png"> Confident to Speak Publicly</li>
<li class="reduced color"><img src="img/icons/listning.png"> Improve Listening Skills</li>
<li class="reduced color"><img src="img/icons/Creativity.png"> Improve Creativity</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-8">
<h4 class="point-head change_font">Self Development Courses</h4>
<p class="text-one">It is all fun and learning in Savoy Educational Camps. Children learn to be creative and communicate better. They are equipped with all the necessary social skills to be successful in life. We conduct Summer / Winter camps during the school holidays especially for kids in Qatar.</p>
<h4 class="point-head change_font">Curriculum</h4>
<h5 class="special"> Personalty Development</h5>
<h5 class="special"> Public Speaking</h5>
<h5 class="special">Memory Games</h5>
<h5 class="special"> Leadership</h5>
<h5 class="special"> Creativity</h5>
<h4 class="point-head change_font">Age</h4>
<h5 class="special"> 7 to 15 years</h5>
<div class="button_sliding_bg_4" data-toggle="modal" data-target="#myModaljoin_three">Register Now</div>
</div>
<div class="col-md-4">
</div>
</div>
</div>
</section>
<section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-3">
<img class="footer-img" src="img/footer-logo.png">
<p class="footer-text">Copyright © 2016 Savoy Education Center . All rights reserved.</p>
</div>
<div class="col-md-3">
<div class="align-ftwrapper">
<h4 class="footer-head">RESOURCES</h4>
<ul class="unorder">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT-US</a></li>
<li><a href="program-one.html">PROGRAMS</a></li>
<li><a href="announcements.html">ANNOUNCEMENTS</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="contact.html">CONTACT-US</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<h4 class="footer-head">CONTACT US</h4>
<p class="top-align"><i class="fa fa-map-marker icon" aria-hidden="true"></i> <span class="ft-space">SAVOY EDUCATION CENTER
<br>Po Box 200203, Doha, Qatar</span></p>
<p class="bottom-align"><i class="fa fa-phone" aria-hidden="true" style="position:relative; padding-right: 4px;"></i> <span>+974 5519 6752 | +974 6614 7458</span></p>
<p><i class="fa fa-envelope-o" aria-hidden="true"></i> info@savoyeducation.com</p>
</div>
<div class="col-md-3">
<form>
<div class="form-group">
<input class="form-control ft-input" placeholder="Fill your email for updates">
<button class="btn btn-danger">Subscribe</button>
</div>
</form>
<h4 class="footer-head" style="padding-top: 60px;">LET'S SOCIALISE</h4>
<div class="ft-social">
<a class="social" href="https://www.facebook.com/SavoyEducationCenter/" target="_blank"><i id="social-fb" class="fa fa-facebook-square fa-3x social"></i></a>
<a class="social" href="https://twitter.com/savoyeducation" target="_blank"><i id="social-tw" class="fa fa-twitter-square fa-3x social"></i></a>
<a class="social" href="mailto:info@savoyeducation.com" target="_blank"><i id="social-em" class="fa fa-envelope-square fa-3x social"></i></a>
</div>
</div>
</div>
</div>
</footer>
</section>
<div id="myModaljoin_three" 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">
<div class="">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="email">Your Name</label>
<input type="email" class="form-control contact" placeholder="Enter Name" id="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="pwd">Email Id</label>
<input type="password" class="form-control contact" placeholder="yourname@gmail.com" id="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="pwd">Contact Number</label>
<input type="password" class="form-control contact" placeholder="Enter Number" id="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="pwd">Programme</label>
<select class="form-control contact" id="">
<option>Stars of Success</option>
</select>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-default abt">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.easy-ticker.js"></script>
<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>
<script>
$("div.common_media").each(function () {
var imageUrl = $(this).find('img').first().attr("src");
;
$(this).css('background-image', 'url(' + imageUrl + ')').css('background-size', 'cover').css('background-position', '50%');
;
$(this).find('img').first().css("visibility", "hidden")
});
</script>
<script>
$(document).ready(function() {
$('#media_prgmthree').carousel({
autoPlay : true,
interval:3000,
});
});
</script>
<script>
$("div.img-abt").each(function () {
var imageUrl = $(this).find('img').first().attr("src");
;
$(this).css('background-image', 'url(' + imageUrl + ')').css('background-size', 'cover').css('background-position', '50%');
;
$(this).find('img').first().css("visibility", "hidden")
});
</script>
<script>
$("div.img-fixed").each(function () {
var imageUrl = $(this).find('img').first().attr("src");
;
$(this).css('background-image', 'url(' + imageUrl + ')').css('background-size', 'cover').css('background-position', '50%');
;
$(this).find('img').first().css("visibility", "hidden")
});
</script>
<script>
$(document).ready(function () {
var highestBox = 0;
$('.abt-block').each(function () {
$('.abt-sub', this).each(function () {
if ($(this).height() > highestBox)
highestBox = $(this).height();
});
});
$('.abt-sub', '.abt-block').height(highestBox);
});
</script>
<script>
$('ul.nav li.dropdown').hover(function() {
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
}, function() {
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
});
</script>
<script type='text/javascript'>function init_map(){var myOptions = {zoom:10,center:new google.maps.LatLng(25.495115651830524,52.27399023945304),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(25.495115651830524,52.27399023945304)});infowindow = new google.maps.InfoWindow({content:'<strong>Savoy Education</strong><br>Po Box 200203 Doha, Qatar<br>'});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
</body>
</html>