Eagles Learning
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	  <meta charset="utf-8">
	  <title>Eagles Learning Center</title>
	  <meta name="description" content="">
	  <meta name="viewport" content="width=device-width">
	
	  <link rel="stylesheet" href="css/main.css">
	
	  <script src="js/vendor/modernizr-2.6.2.min.js"></script>
	</head>
	<body>
	
    <header>
	    <div class="wrapper clearfix">
	    	<a href="#" id="logo">Eagles Learning Center</a>
	    	<aside>
	    		<div id="translate"><a href="#"><img src="img/gt.png" alt="gt" width="154" height="19"></a></div>
	    		<div class="clearfix" id="search">
		    		<form method="post" action="?">
			    		<fieldset>
				    		<input type="text" name="" placeholder="Search the site..." class="txt">
				    		<input type="image" src="img/ico-search.png" alt="search" width="15" height="15" class="btn">
			    		</fieldset>
		    		</form>
		    		<p>(973) 310-3205</p>
	    		</div>
			    <nav id="nav">
				    <ul>
					    <li><a href="#">Home</a></li>            
					    <li><a href="#">Who We Are</a></li>           
					    <li><a href="#" class="active">Subjects</a>
					    	<ul>
						    	<li><a href="#">Subjects</a></li>
						    	<li><a href="#">Test Prep</a></li>
						    	<li><a href="#">Academic Support</a></li>
						    	<li><a href="#">International Student Services</a></li>
						    	<li><a href="#">Enrichment Activities</a></li>
					    	</ul>
					    </li>            
					    <li><a href="#">Join Our Team</a></li>            
					    <li><a href="#">Contact Us</a></li>
				    </ul>
			    </nav>
	    	</aside>
	    </div>
    </header>
    
    <section id="carousel">
	    <div class="flexslider">
		    <ul class="slides">
			    <li>
			    	<img src="img/slide.jpg" alt="slide">
			    	<div class="text">
					    <div class="wrapper">
					    	<h1>ROTATOR HEADLINE</h1>
					    	<p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh. Morbi ac enim nibh.<br> Nam at gravida nibh.</p>
					    	
					    	<a href="#">LEARN MORE</a>
					    </div>
			    	</div>
			    	<div class="mask"></div>
			    </li>
			    <li>
			    	<img src="img/slide.jpg" alt="slide">
				    <div class="text">
					    <div class="wrapper">
					    	<h1>ROTATOR HEADLINE</h1>
					    	<p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh. Morbi ac enim nibh.<br> Nam at gravida nibh.</p>
					    	
					    	<a href="#">LEARN MORE</a>
					    </div>
			    	</div>
			    	<div class="mask"></div>
			    </li>
			    <li>
			    	<img src="img/slide.jpg" alt="slide">
				    <div class="text">
					    <div class="wrapper">
					    	<h1>ROTATOR HEADLINE</h1>
					    	<p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh. Morbi ac enim nibh.<br> Nam at gravida nibh.</p>
					    	
					    	<a href="#">LEARN MORE</a>
					    </div>
			    	</div>
			    	<div class="mask"></div>
			    </li>
		    </ul>
	    </div>
    </section>
    
    <section id="main">
    	<div id="main-bg">
		    <div class="wrapper clearfix">
			    <div id="why">
				    <h1>Why Choose Eagles Learning Center?</h1>
				    <a href="#">Learn More</a>
			    </div>
			    
			    <div class="features clearfix">
				    <article>
					    <a href="#" class="img"><img src="img/f1.jpg" alt="f1" width="280" height="186"></a>
					    <h2>Academic Tutoring</h2>
					    <p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida... <a href="#">More &raquo;</a></p>
				    </article>
				    <article class="green">
					    <a href="#" class="img"><img src="img/f2.jpg" alt="f2" width="280" height="186"></a>
					    <h2>Small Group Workshops</h2>
					    <p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at... <a href="#">More &raquo;</a></p>
				    </article>
				    <article class="blue">
					    <a href="#" class="img"><img src="img/f3.jpg" alt="f3" width="280" height="186"></a>
					    <h2>International Student Support</h2>
					    <p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse... <a href="#">More &raquo;</a></p>
				    </article>
				    <article>
					    <a href="#" class="img"><img src="img/f4.jpg" alt="f4" width="280" height="186"></a>
					    <h2>Test Preparation</h2>
					    <p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh... <a href="#">More &raquo;</a></p>
				    </article>
			    </div>
			    
			    <div class="welcome">
				    <h2>WELCOME MESSAGE Sed luctus vulputate mi vitae mollis. </h2>
				    <p>Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh. Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh.</p>
				    <p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh. Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh.</p>
				    <p>Sed luctus vulputate mi vitae mollis. Cras elit elit, faucibus vitae lorem at, sagittis vehicula nunc. Suspendisse at arcu magna. Morbi ac enim nibh. Nam at gravida nibh.</p>
				    
				    <blockquote class="testimonial">
					    <div>
						    <p>Maecenas id tortor tellus. Sed luctus faucibus vitae. Aliquam vitae pharetra erat. Sodales faucibus at metus volutpat. Magna liquam vitae pharetra erat. Vivamus sodales at metus eu volutpat.</p>
						    <strong>  ~ FORMER STUDENT</strong>
					    </div>
				    </blockquote>
			    </div>
			    
			    <aside id="news">
				    <h3><span id="slider-nav"></span> News &amp; Events</h3>
				    <div id="slider">
					    <div class="slide">
						    <article>
						    	<h4><a href="#">News Post Number One</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae. Aliquam vitae pharetra erat.  <a href="#">Read More &raquo;</a></p>
						    </article>
								<article>
						    	<h4><a href="#">News Post Number Two</a></h4>
						    	<p>Sed luctus faucibus vitae. Aliquam vitae pharetra erat. Vivamus sodales at metus eu volutpat.  <a href="#">Read More &raquo;</a></p>
								</article>
								<article>
						    	<h4><a href="#">News Post Number Three</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae.   <a href="#">Read More &raquo;</a></p>
								</article>
								<article>
						    	<h4><a href="#">News Post Number Three</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae. Aliquam vitae pharetra erat. Vivamus sodales at metus eu volutpat.  <a href="#">Read More &raquo;</a></p>
								</article>
					    </div>
					    <div class="slide">
						    <article>
						    	<h4><a href="#">News Post Number One</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae. Aliquam vitae pharetra erat.  <a href="#">Read More &raquo;</a></p>
						    </article>
								<article>
						    	<h4><a href="#">News Post Number Two</a></h4>
						    	<p>Sed luctus faucibus vitae. Aliquam vitae pharetra erat. Vivamus sodales at metus eu volutpat.  <a href="#">Read More &raquo;</a></p>
								</article>
								<article>
						    	<h4><a href="#">News Post Number Three</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae.   <a href="#">Read More &raquo;</a></p>
								</article>
								<article>
						    	<h4><a href="#">News Post Number Three</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae. Aliquam vitae pharetra erat. Vivamus sodales at metus eu volutpat.  <a href="#">Read More &raquo;</a></p>
								</article>
					    </div>
					    <div class="slide">
						    <article>
						    	<h4><a href="#">News Post Number One</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae. Aliquam vitae pharetra erat.  <a href="#">Read More &raquo;</a></p>
						    </article>
								<article>
						    	<h4><a href="#">News Post Number Two</a></h4>
						    	<p>Sed luctus faucibus vitae. Aliquam vitae pharetra erat. Vivamus sodales at metus eu volutpat.  <a href="#">Read More &raquo;</a></p>
								</article>
								<article>
						    	<h4><a href="#">News Post Number Three</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae.   <a href="#">Read More &raquo;</a></p>
								</article>
								<article>
						    	<h4><a href="#">News Post Number Three</a></h4>
						    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae. Aliquam vitae pharetra erat. Vivamus sodales at metus eu volutpat.  <a href="#">Read More &raquo;</a></p>
								</article>
					    </div>
				    </div>
			    </aside>
		    </div>
    	</div>
    </section>
    
    <footer>
	    <div class="wrapper clearfix">
		    <div class="box">
			    <h6>PHYSICAL ADDRESS</h6>
			    <address>569 High Mountain Road<br> North Haledon, NJ<br> 07508</address>
		    </div>
		    <div class="box">
		    	<h6>Contact Information</h6>
		    	<address><span>Phone:</span>  973.310.3205<br> <span>Email:</span>  <a href="#">___________@EaglesLearningCenter.org</a><br> <a href="http://www.EaglesLearningCenter.org">www.EaglesLearningCenter.org</a>
		    	</address>
		    </div>
		    <aside>
			    <div class="social clearfix">
				    <a href="#" rel="external" class="facebook">facebook</a>
				    <a href="#" rel="external" class="twitter">twitter</a>
				    <a href="#" rel="external" class="youtube">youtube</a>
			    </div>
			    <a href="#" rel="external" id="ns">Developed by NorthStar</a>
		    </aside>
				<p class="copy">&copy;2013 Eagles Learning Center</p>
	    </div>
    </footer>
    
    <div id="info-form">
	    <span class="handle">Request Info</span>
	    <form method="post" action="?">
		    <fieldset>
		    	<h6>Request Information</h6>
		    	<p>Maecenas id tortor tellus. Sed luctus faucibus vitae. Aliquam vitae pharetra erat.</p>
		    	
		    	<input type="text" name="" placeholder="First Name" class="txt">
		    	<input type="text" name="" placeholder="Last Name" class="txt">
		    	<input type="text" name="" placeholder="Email" class="txt">
		    	<input type="text" name="" placeholder="Phone" class="txt">
		    	<textarea cols="10" rows="10" placeholder="Questions/Comments"></textarea>
		    	<button type="submit">Submit</button>
		    </fieldset>  
	    </form>
    </div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
	</body>
</html>