<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<!--slider-->
<link href="css/slider.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</head>
<body>
<div class="header">
<div class="header-top">
<div class="wrap">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="search_box">
<form>
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}"><input type="submit" value="">
</form>
</div>
<div class="clear"></div>
</div>
</div>
<div class="header-bottom">
<div class="wrap">
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li><a href='about.html'><span>About</span></a></li>
<li class='has-sub'><a href='services.html'><span>Services</span></a>
<ul>
<li class='has-sub'><a href='services.html'><span>Service 1</span></a></li>
<li class='has-sub'><a href='services.html'><span>Service 2</span></a></li>
</ul>
</li>
<li><a href='gallery.html'><span>Gallery</span></a></li>
<li><a href='blog.html'><span>Blog</span></a></li>
<li class='last'><a href='contact.html'><span>Contact</span></a></li>
<div class="clear"></div>
</ul>
</div>
</div>
</div>
</div>
<!------ Slider ------------>
<div class="slider">
<div class="wrap">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="images/banner2.jpg" alt="" />
<img src="images/banner1.jpg" alt="" />
<img src="images/banner3.jpg" alt="" />
<img src="images/banner4.jpg" alt="" />
<img src="images/banner5.jpg" alt="" />
</div>
</div>
</div>
</div>
<!------End Slider ------------>
<div class="content-top">
<div class="wrap">
<div class="section group">
<div class="col_1_of_top span_1_of_top">
<img src="images/pic.jpg" alt=""/>
<h3>Lorem Ipsum is simply dummy</h3>
<h4>Video Tutorials</h4>
</div>
<div class="col_1_of_top span_1_of_top">
<img src="images/pic1.jpg" alt=""/>
<h3>Lorem Ipsum is simply dummy</h3>
<h4>Academic Excellence</h4>
</div>
<div class="col_1_of_top span_1_of_top">
<img src="images/pic2.jpg" alt=""/>
<h3>Lorem Ipsum is simply dummy</h3>
<h4>Language Excellence</h4>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="content-middle">
<div class="wrap">
<div class="middle-content">
<h2> sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat<br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,</h2>
<hr class="hr1"><br>
<hr class="hr2">
<p>Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. <br>Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. <br>Aliquam dapibus tincidunt metus</p>
</div>
<div class="section group">
<div class="col_1_of_4 span_1_of_4">
<div class="homeBox">
<div class="one_fourth">
<div class="boxImage"><img src="images/pic6.jpg" alt=""/></div>
</div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="homeBox">
<div class="one_fourth">
<div class="boxImage"><img src="images/pic7.jpg" alt=""/></div>
</div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="homeBox">
<div class="one_fourth">
<div class="boxImage"><img src="images/pic8.jpg" alt=""/></div>
</div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="homeBox">
<div class="one_fourth">
<div class="boxImage"><img src="images/pic9.jpg" alt=""/></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="section group">
<div class="col_1_of_4 span_1_of_4">
<div class="homeBox">
<div class="one_fourth">
<div class="boxImage"><img src="images/pic10.jpg" alt=""/></div>
</div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="homeBox">
<div class="one_fourth">
<div class="boxImage"><img src="images/pic11.jpg" alt=""/></div>
</div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="homeBox">
<div class="one_fourth">
<div class="boxImage"><img src="images/pic12.jpg" alt=""/></div>
</div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="homeBox">
<div class="one_fourth">
<div class="boxImage"><img src="images/pic13.jpg" alt=""/></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="content-bottom">
<div class="wrap">
<div class="middle-content">
<h2>Our Staff</h2>
<hr class="hr1"><br>
<hr class="hr2">
</div>
<div class="section group example">
<div class="col_1_of_2 span_1_of_2">
<ul class="list3">
<li>
<figure><img src="images/pic14.jpg" alt=""></figure>
<div class="extra-wrap1">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
<p class="lnk"><i>Lorem ipsum</i> / dolor sit amet <a href="#">tincidunt </a></p>
</div>
</li>
<li>
<figure><img src="images/pic3.jpg" alt=""></figure>
<div class="extra-wrap1">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
<p class="lnk"><i>Lorem ipsum</i> / dolor sit amet <a href="#">tincidunt </a></p>
</div>
</li>
</ul>
</div>
<div class="col_1_of_2 span_1_of_2">
<ul class="list3">
<li>
<figure><img src="images/pic4.jpg" alt=""></figure>
<div class="extra-wrap1">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed