| Current Path : /home1/savoy/www/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/www/savoyeducation.com/savoy-education/program-four.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/abt-banner.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;">ROBOTICS</h3>
<h4 class="sub-headprgm">ROBOTICS BASED STEM LEARNING TOOL</h4>
</div>
<div class="col-md-4">
<div class="image-size">
<img src="img/robox.jpg" style="width: 147px; margin-top: 15px;" class="img-responsive img-hover">
</div>
</div>
<div class="col-md-8">
<div class="from-top">
<!--<h4 class="items">PLAY, EXPERIENCE AND LEARN THROUGH ROBOTICS</h4>-->
<div class="carousel slide media-carousel media_wrapper" id="media_prgmfour">
<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/Robox1.png" 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/Robox3.png" 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/Robox3.png" style="height:100%;width:100%;"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="row">
<div class="col-md-2 col-xs-2"><img src="img/Carnegie%20mellon%20logo.jpg" class="img-responsive img-hover"><div id="overlay"></div></div>
<div class="col-md-2 col-xs-2"><img src="img/IDA-Singapore.jpg" class="img-responsive img-hover"><div id="overlay"></div></div>
<div class="col-md-2 col-xs-2"><img src="img/jAZANZ.jpg" class="img-responsive img-hover"><div id="overlay"></div></div>
<div class="col-md-2 col-xs-2"><img src="img/SOS%2520round%2520logo.jpg" class="img-responsive img-hover"><div id="overlay"></div></div>
<div class="col-md-2 col-xs-2"><img src="img/UCMAS%20logo.jpg" class="img-responsive img-hover"><div id="overlay"></div></div>
</div>-->
</div>
<div class="col-md-4">
<div class="panel panel-default box">
<h4 class="point-head change_font" style="color:#fff;padding-top: 10px; margin-top: 18px;">BENEFITS</h4>
<ul class="points">
<li class="reduced_size color"><img class="floats" src="img/icons/lern.png" style=" margin-right: 5px;">
<p class="leftalign">Play & Learn Programming</p></li>
<li class="reduced_size color"><img class="floats" src="img/icons/automation.png" style=" margin-right: 5px;">
<p class="leftalign"> Convert Mechanics to Automation</p></li>
<li class="reduced_size color"><img class="floats" src="img/icons/solve.png" style=" margin-right: 5px;">
<p class="leftalign"> Analytical & Logical Problem Solving</p></li>
<li class="reduced_size color"><img class="floats" src="img/icons/creative.png" style=" margin-right: 5px;">
<p class="leftalign"> Creativity & Team Building</p></li>
<li class="reduced_size color"><img class="floats" src="img/icons/skill.png" style=" margin-right: 5px;">
<p class="leftalign"> Develop STEM Skills</p> </li>
<li class="reduced_size color"><img class="floats" src="img/icons/software.png" style=" margin-right: 5px;">
<p class="leftalign"> Software Handling</p></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-8">
<h4 class="point-head change_font">Robotics</h4>
<p class="text-one">Robox is a Self paces STEM Learning tool based on Robotics to motivate,inspire & Engage students with interesting projects & activities.Students Build Various automated working mechanisms using Building blocks, Program them using Roboguru software,Robobrain and accomplish the required task using his/her creation.</p>
<h4 class="point-head change_font">Curriculum Approved by</h4>
<div class="row">
<div class="col-md-2">
<h5 class="special padding"> IDA Singapore</h5>
</div>
<div class="col-md-6"><img style="width: 20%;" src="img/IDA%20Singapore.png"></div>
</div>
<div class="row">
<div class="col-md-5">
<h5 class="special padding" style="padding-top: 40px;">Carnegie Mellon Robotics Academy</h5>
</div>
<div class="col-md-2"><img style="width: 100%;" src="img/Carnegie mellon logo.jpg"></div>
<div class="col-md-5"><img style="width: 60%;" src="img/iC_logo_full_color_small.png"></div>
</div>
<h4 class="point-head change_font">Age</h4>
<h5 class="special">8 to 16 years</h5>
<div class="button_sliding_bg_4" data-toggle="modal" data-target="#myModaljoin_four">Register Now</div>
</div>
<div class="col-md-4">
</div>
</div>
</div>
</section>
<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_four" 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>Robotics</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_prgmfour').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>