index.html

<!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">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Bunyad - Learning spaces for anyone, anywhere.</title>
        <meta name="description" content="">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <meta name="apple-mobile-web-app-capable" content="yes" />

        <link rel="stylesheet" href="css/normalize.min.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/superslides.css">
        <link rel="stylesheet" href="css/flexslider.css">

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>        
        
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        
		 <!-- START MAIN SLIDE CONTAINER -->
		<div id="slides">
		
		<div class="header-container">
		    <header class="wrapper clearfix">
		        
		        <!-- LOGO Replace  -->
		        <a href="index.html" class="logo"><img src="img/bunyad_logo_white.png" alt="logo" /></a>
		        
		        <nav>
		        	<a class="toggleMenu" href="#"><img src="img/icon_menu@2x.png" alt="menu" /></a>
		            <ul class="nav" id="nav">
		                <li class="feat"><a class="active" href="#">Home</a></li>
		                <li><a href="more.html">More</a></li>
		                <li class="last"><a href="mailto:adnank@bunyad.org">Contact</a></li>
		            </ul>
		        </nav>
		    </header>
		</div>
		
		 <!-- START SLIDES -->
		  <ul class="slides-container">
		  	
		  	<!-- START SLIDE -->
		<!--   	<li>
		  	  <img src="img/4.jpg" alt="Insert Alt">
		  	  <div class="container">
		  	  	<div class="column">
		  	     <h1>Powder wafer croissant croissant sweet top. </h1>
		  	     <p>Tiramisu carrot cake dragée wypas co Gingerbread toffee cheesecake chocolate bar. Sweet roll jam chocolate bar.</p>
		  	     <a class="btn" href="#">Download Here</a>
		  	     </div>
		  	  </div>
		  	</li>
 -->		  	
		  	
		    <!-- START SLIDE -->
		    <li>
		      <img src="img/boy.jpg" width="1024"  alt="Insert Alt">
		      <div class="container">
		      	<div class="columnRight">
		        <h1>Imagine being all the difference in a boy's life</h1>
		        <p>Bunyad is an open source platform where you can teach those who need your help the most.</p>
		        	<p>Schooling in most parts of the world leaves much to be desired, and tuitions are expensive. Spare an hour or two and teach a group of kids something you know and care about.</p>
		        <a class="btn" href="more.html">Find out more</a>
		        </div>
		     </div>
		    </li>
		    
		    <!-- START SLIDE -->
		    <li>
		      <img src="img/teaching.jpg" alt="Insert Alt">
		      <div class="container">
		      	<div class="column">
		         <h1>Help young minds understand their world</h1>
		         <p>What stands between a school or college dropout and a successful career? May be just the understanding of a concept someone couldn't grasp in class. Be that change.</p>
		         <a class="btn" href="more.html">Find out more</a>
		         </div>
		      </div>
		    </li>
		    
		    <!-- START SLIDE -->
		    <li>
		      <img src="img/classroom.jpg" alt="Insert Alt">
		      <div class="container">
		      	<div class="column">
		         <h1>Help out by donating a space to learn.</h1>
		         <p>A million thanks are hidden behind a space you can provide for learning and teaching. Help by providing that space.</p>
		         <a class="btn" href="more.html">Find out more</a>
		         </div>
		      </div>
		    </li>
		   		    
		    <!-- START SLIDE -->
		    <li>
		      <img src="img/group.jpg" alt="Insert Alt">
		      <div class="container">
		      	<div class="columnRight">
		         <h1>Anywhere in the world</h1>
		         <p>Kids and adults alike need help understanding involved concepts. Join the cause.</p>
		         <a class="btn" href="more.html">Find out more</a>
		         </div>
		      </div>
		    </li>
		    
		    <!-- START SLIDE -->
		    <li>
		      <img src="img/class.jpg" alt="Insert Alt">
		      <div class="container">
		      	<div class="columnRight">
		         <h1>Don't leave these young minds struggle on their own</h1>
		         <p>Most of the young kids in developing countries can't afford private tuitions. Your time investment would go a long way towards helping these kids.</p>
		         <a class="btn" href="more.html">Find out more</a>		         
		         </div>
		      </div>
		    </li>
		    
		    <!-- START SLIDE -->
		  <!--   <li>
		      <img src="img/7.jpg" alt="Insert Alt">
		      <div class="container">
		      	<div class="column">
		         <h1>Powder wafer croissant croissant sweet top. </h1>
		         <p>Tiramisu carrot cake dragée wypas co Gingerbread toffee cheesecake chocolate bar. Sweet roll jam chocolate bar.</p>
		         <a class="btn" href="#">Download Here</a>
		         </div>
		      </div>
		    </li> -->		    
		   <!-- END SLIDES -->
		  </ul>
		  
		  
		  <nav class="slides-navigation">
		    <a href="#" class="next">next</a>
		    <a href="#" class="prev">prev</a>
		  </nav>
		</div>
		
		
        <div class="main-container">
            <div class="main wrapper clearfix">

                <article class="section">
                    
                    <!-- INSERT FEATURE TEXT  -->
                    <section>
                        <h2><span class="brown">Always free and Open Source</span></h2>
                        <img class="icon" src="img/open-source-icon.png" width="65" alt="Insert Alt" />
                        <p>Bunyad would remain free and open source, always. We believe this is a cause where people would come forward and help, and open sourcing is the perfect opportunity to get it.</p>
                    </section>
                    
                    <!-- INSERT FEATURE TEXT  -->
                    <section>
                        <h2>For anyone, anywhere</h2>
                        <img class="icon" src="img/map.png" width="65" alt="Insert Alt" />
                        <p>It doesn't matter if you're in California or Bogotá, Islamabad or Sydney. Kids everywhere need to learn, and you can help them right where they are.</p>
                    </section>
                    
                    <!-- INSERT FEATURE TEXT  -->
                     <section class="last">
                        <h2>Bring out your inner teacher</h2>
                        <img class="icon" src="img/teacher.png" width="64" alt="Insert Alt" />
                        <p>While its a lofty goal to fix education, everyone can play a role by teaching informally in your local community. Try it out and feel the satisfaction.</p>
                    </section>
               
                    
                    	<hr/>
               
               
                         <!-- INSERT FEATURE TEXT  -->
                    <section>
                        <h2>Give spaces where others can learn and teach</h2>
                        <img class="icon" src="img/spaces.png" width="62" alt="Insert Alt" />
                        <p>Both students and teachers need space to disucss, interact and learn. Give space, from an hour a week to 24/ 7.</p>
                    </section>		


                     <!-- INSERT FEATURE TEXT  -->                   
                     <section>
                        <h2>Help out by donating stationery & books</h2>
                        <img class="icon" src="img/books.png" width="58" alt="Insert Alt" />
                        <p>Choose a learning space you want to support, and give a donation for books or stationery.</p>
                    </section>
                    
               
                     <!-- INSERT FEATURE TEXT  -->
                     <section class="last">
                        <h2>Be an evangelist in your community</h2>
                        <img class="icon" src="img/talk.png" width="64" alt="Insert Alt" />
                        <p>If you care about your community, be a Bunyad Evangelist. Spread the word, let students know and help us get teachers on board.</p>
                    </section>
                    
                    <hr/>
					
                    <div class="signups">
					
            		<p><em>Email me when it’s ready</em></p>
            		<input type="text" class="field" name="email" value="" placeholder="Your Email" />
            		<input type="submit" class="btn blue" name="" value="Count Me In" />

            		</div>
				<!--
					<footer>
						<div class="flexslider2">
						  <ul class="slides">
						  	<!-- INSERT QUOTE  -->
						    <!--
						    <li>
						    	“This app actually does everything it says and does it well, with style. ” 
						    	<span>Johhny Appleseed</span>
						    </li> -->
						     <!-- INSERT QUOTE  --> 
						  	<!--
						  	<li>
						  		“Where has this app been all my iPhone owning life?”
						  		<span>Johhny Appleseed</span>
						  	</li> -->
						  	 <!-- INSERT QUOTE  -->
						<!--
						  	<li>
						  		“It’s official – I love this app, I couldn’t be without it now.”
						  		<span>Johhny Appleseed</span>
						  	</li>
						  </ul>
						</div>	                  
					</footer>
					-->
					
                </article>


            </div> <!-- #main -->
        </div> <!-- #main-container -->

        
        <!-- START FOOTER  -->
        <div class="footer-container">
            <footer class="wrapper clearfix">
            
                <!-- LOGO Replace  -->
                <h1><img src="img/bunyad_logo_brown.png" alt="logo" /></h1>
                
                <!-- INSERT Footer Links // Insert Desired menu items  -->
                <ul>
                	<li><a href="mailto:adnank@bunyad.org">Contact</a></li>
                	<li><a href="http://twitter.com/bunyadorg">Twitter</a></li>
                	<!-- <li><a href="#">Press</a></li>
                	<li><a href="#">Support</a></li> -->
                	<li><a href="http://github.com/bunyad">Developers</a></li>
                	<li><a href="privacy.html">Privacy</a></li>
                </ul>
                
            <!-- END FOOTER -->    
            </footer>
        </div>
        
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
		
		<script src="js/jquery.easing.1.3.js"></script>
		<script src="js/jquery.animate-enhanced.min.js"></script>
		<script src="js/jquery.superslides.js"></script>
		<script src="js/jquery.flexslider-min.js"></script>
		<script src="js/hammer.js"></script>
		<script src="js/jquery.specialevent.hammer.js"></script>
        <script src="js/main.js"></script>
        <script src="js/jquery.sharrre-1.3.4.min.js"></script>

		
		 <!-- INSERT GOOGLE ANALYTICS -->  
      <script type="text/javascript">

		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-38489693-1']);
		  _gaq.push(['_setDomainName', 'saveonmeals.com.au']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();

	</script>
    </body>
</html>