index.php

<?php
 include ('head.php') ?>

		<!-- Header -->
<?php include ('menu.php') ?>
			</header>
		<!-- Banner -->		
			<section id="banner">
				
				<!--
					".inner" is set up as an inline-block so it automatically expands
					in both directions to fit whatever's inside it. This means it won't
					automatically wrap lines, so be sure to use line breaks where
					appropriate (<br />).
				-->
				<div class="inner">
					
					<header>
						<h2>Biologi</h2>
					</header>
					<p>Segera bergabung dengan kami,<br/> belajar mandiri, dimanapun dan kapanpun, free..!<br />
					<footer>
						<ul class="buttons vertical">
							<li><a href="#main" class="button fit scrolly">Tell Me More</a></li>
						</ul>
					</footer>
				
				</div>
				
			</section>
		
		<!-- Main -->
			<article id="main">

				<header class="special container">
					<span class="icon fa-bar-chart-o"></span>
					<h2>Kenapa harus bergabung di <strong>Biologi site ?</strong><br />
					</h2>
					<p>Di <strong>Biologi site</strong> ini kamu bisa belajar secara mandiri, mendownload materi, video, bahkan berdiskusi secara gratis..!<br />
					<a href="registrasi.php">Daftar</a> sekarang juga atau<a href="login2.php"> Masuk</a> jika kamu sudah punya akun. Have fun!</p>
				</header>
					
				<!-- One -->
				<div class="content">
		<!-- Footer -->
			<footer id="footer">
			
				<ul class="icons">
					<li><a href="#" class="icon circle fa-twitter"><span class="label">Twitter</span></a></li>
					<li><a href="#" class="icon circle fa-facebook"><span class="label">Facebook</span></a></li>
					<li><a href="#" class="icon circle fa-google-plus"><span class="label">Google+</span></a></li>
					<li><a href="#" class="icon circle fa-github"><span class="label">Github</span></a></li>
					<li><a href="#" class="icon circle fa-dribbble"><span class="label">Dribbble</span></a></li>
				</ul>
				
				<span class="copyright">&copy; Untitled. All rights reserved. Design: <a href="http://html5up.net">HTML5 UP</a>.</span>
			
			</footer>

	</body>
</html>