Untitled

<!doctype html>
<html lang="en-US">
	<head>

		<!-- Meta -->
		<meta charset="UTF-8">
		<title>Raptor iGEM | Members</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Favicons -->
		<link rel="shortcut icon" href="img/favicons/favicon.png">

		<!-- CSS -->
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link href="http://fonts.googleapis.com/css?family=Raleway:300|Muli:300" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="css/idangerous.swiper.css">
		<link rel="stylesheet" href="css/style.css">

	</head>

	<body>

		<!-- Preloader -->
		<div id="preloader">
			<div id="status"></div>
		</div>

		<!-- Overlay -->
		<div id="overlay"></div>

		<!-- Top header -->
		<div id="top">

			<!-- Sidebar button -->
			<a href="#" id="sidebar-button"></a>

			<!-- Logo -->
			<header id="logo">
				<h1>Raptor iGEM</h1>
				<h2>Ravenwood High School</h2>
			</header>

		</div>

		<!-- Main wrapper -->
		<div id="main-wrapper">

			<!-- Content -->
			<div id="content">

				<!-- Fluid container -->
				<div class="container-fluid">

					<!-- Page heading -->
					<div id="heading" class="row">
						<div class="col-12">

							<header>
								<h1>Members</h1>
								<h2>Team</h2>
							</header>

						</div>
					</div>

					<!-- Main content -->
					<div class="row personal-profiles">

						<!-- Personal profile -->
						<article class="personal-profile col-6">
							<div class="image" style="background-image: url(img/team-images/1.jpg)">
								<div class="icons">
									<a href="#" class="fa fa-facebook"></a>
									<a href="#" class="fa fa-twitter"></a>
									<a href="#" class="fa fa-dribbble"></a>
								</div>
							</div>
							<div class="inner">
								<header>
									<h3><address class="author fn">Eliot Forster-Benson</address></h3>
								</header>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec enim eros.</p>
							</div>
						</article>

						<!-- Personal profile -->
						<article class="personal-profile col-6">
							<div class="image" style="background-image: url(img/team-images/2.jpg)">
								<div class="icons">
									<a href="#" class="fa fa-apple"></a>
									<a href="#" class="fa fa-pinterest"></a>
									<a href="#" class="fa fa-pagelines"></a>
								</div>
							</div>
							<div class="inner">
								<header>
									<h3><address class="author fn">John Bailey</address></h3>
								</header>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec enim eros.</p>
							</div>
						</article>

						<!-- Personal profile -->
						<article class="personal-profile col-6">
							<div class="image" style="background-image: url(img/team-images/3.jpg)">
								<div class="icons">
									<a href="#" class="fa fa-android"></a>
									<a href="#" class="fa fa-flickr"></a>
									<a href="#" class="fa fa-windows"></a>
								</div>
							</div>
							<div class="inner">
								<header>
									<h3><address class="author fn">Daniel Smith</address></h3>
								</header>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec enim eros.</p>
							</div>
						</article>

						<!-- Personal profile -->
						<article class="personal-profile col-6">
							<div class="image" style="background-image: url(img/team-images/4.jpg)">
								<div class="icons">
									<a href="#" class="fa fa-skype"></a>
									<a href="#" class="fa fa-google-plus"></a>
									<a href="#" class="fa fa-github"></a>
								</div>
							</div>
							<div class="inner">
								<header>
									<h3><address class="author fn">Elena Taylor</address></h3>
								</header>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec enim eros.</p>
							</div>
						</article>

					</div>

				</div>

			</div>

			<!-- Sidebar Menu -->
			<div id="sidebar">
			<div id="widgets">

					<!-- Nav Menu -->
					<nav id="mainmenu">
						<ul>
							<li><a href="index.html" class="active">Home</a></li>
							<li>
								<a href="#">Team</a>
								<ul>
									<li><a href="about.html">About</a></li>
									<li><a href="members.html">Members</a></li>
								</ul>
							</li>
							<li>
								<a href="#">Project</a>
								<ul>
									<li><a href="overview.html">Overview</a></li>
									<li><a href="process.html">Process</a></li>
									<li><a href="results.html">Results</a></li>
								</ul>
							</li>
							<li><a href="notebook.html">Notebook</a></li>
							<li><a href="safety.html">Safety</a></li>
						</ul>
					</nav>

				<!-- Footer -->
				<footer>
					<p class="copyright">© Copyright 2014 Tejas Manohar</p>
				</footer>

			</div>

		</div>

		<!-- JavaScripts -->
		<script type='text/javascript' src='js/jquery.min.js'></script>
		<script type='text/javascript' src='js/bootstrap.min.js'></script>
		<script type='text/javascript' src='js/swiper/idangerous.swiper.min.js'></script>
		<script type='text/javascript' src='js/masonry/masonry.pkgd.min.js'></script>
		<script type='text/javascript' src='js/isotope/jquery.isotope.min.js'></script>
		<script type='text/javascript' src='js/custom.js'></script>

	</body>
</html>