<?php include_once($_SERVER['DOCUMENT_ROOT'].'/_ps2020/_global/dir_root.php'); ?>

<!DOCTYPE html>
<!--
	Interphase by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>PS2020 - GEESE</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />

	<!-- libs -->
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<!-- <link rel="stylesheet" type="text/css" href="<?php echo dir_root; ?>libs/Bootstrap-4-4.4.1/css/bootstrap.min.css" /> -->


	<!-- css -->
		<link rel="stylesheet" href="<?php echo dir_root; ?>css/template-1/skel.css" />
		<link rel="stylesheet" href="<?php echo dir_root; ?>css/template-1/style.css" />
		<link rel="stylesheet" href="<?php echo dir_root; ?>css/template-1/style-xlarge.css" />
		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->

	<!-- css (custom) -->
		<link rel="stylesheet" href="<?php echo dir_root; ?>css/henry_style.css" />
		<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>css/tanuj_style.css" /> -->
		<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>css/karl_style.css" /> -->
		<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>css/harsh_style.css" /> -->

	<style>
		.centerToPage
		{
			display: flex;
			align-items: center;
			justify-content: center;
		}
	</style>

</head>

<body class="landing">

	<!-- Header | Nav -->
			<?php include_once(dir_rootPHP.'_global/navbar/navbar.php'); ?>
			<?php include_once(dir_rootPHP.'_global/navbar/navbar-mobile.php'); ?>
	<!-- Header -->
	<!-- <header id="header">
		<h1>
			<a href="index.html"><img src="images/logov2.png" width="200" style="margin:15px 0px"></a>
		</h1>

		<nav id="nav">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="generic.html">Our Research</a></li>
				<li><a href="generic.html">Team</a></li>
				<li><a href="generic.html">Login</a></li>
			</ul>
		</nav>

	</header> -->

	<!-- Banner (top section) -->
	<section id="banner">
		<h2>Welcome to GEESE</h2>
		<p>Greenscapes • Environmental • Expeience • Survey & Experiments</p>
		<ul class="actions">
			<li>
				<a href="#" class="button big">Sign-Up</a>
			</li>
		</ul>
	</section>

	<!-- Green box (mid section) -->
	<section id="one" class="wrapper style1 align-center">
		<div class="container">
			<header>
				<h2>Join us today!</h2>
				<p>We in GEESE offer a collection of surveys that helps promote the wellbeing and mental health of people</p>
			</header>

			<!-- Step-by-step process -->
			<div class="row 150%">

				<section class="3u 12u$(small)">
					<i class="icon big rounded fa-users"></i>
					<p>Sign up for a user account by pressing the button above</p>

				</section>
				<section class="1u 12u$(small)" style="margin-top:50px">
					<i class="icon  fa-plus"></i>
				</section>


				<section class="4u 12u$(small)">
					<i class="icon big rounded fa-comments"></i>
					<p>Once you created your account, login to our platform</p>
				</section>

				<section class="1u 12u$(small)" style="margin-top:50px">
					<i class="icon  fa-plus"></i>
				</section>

				<section class="3u$ 12u$(small)">
					<i class="icon big rounded fa-external-link"></i>
					<p>Press the button for your provided link to our REDCap survey portal</p>
				</section>

			</div>
		</div>
	</section>

	<!-- Two -->
	<section id="two" class="wrapper style2 align-center">
		<div class="container">
			<header>
				<h2>Our Research</h2>
				<p>This is a test paragraph. This is a test paragraph. This is a test paragraph. This is a test paragraph.
					This is a test paragraph. This is a test paragraph. This is a test paragraph. This is a test paragraph.
					This is a test paragraph. This is a test paragraph. This is a test paragraph. This is a test paragraph.
					This is a test paragraph. This is a test paragraph. This is a test paragraph. This is a test paragraph.
					This is a test paragraph. This is a test paragraph. This is a test paragraph. This is a test paragraph.
					This is a test paragraph. This is a test paragraph. This is a test paragraph. This is a test paragraph.
					This is a test paragraph. This is a test paragraph. This is a test paragraph. This is a test paragraph.</p>
			</header>

			<div class="ourteam">
				<h2>Team</h2>
				<div class="row">

					<section class="feature 6u 12u$(small)">
						<img src="<?php echo dir_root; ?>images/annimage.png" style=" width:50%" alt="" />
						<h3 class="title">Ann Dadich</h3>
						<p>Ann's bio</p>
					</section>

					<section class="feature 6u$ 12u$(small)">
						<img src="<?php echo dir_root; ?>images/catherineimage.png" style="width:50%" alt="" />
						<h3 class="title">Catherine Best</h3>
						<p>Catherine's bio</p>
					</section>

					<section class="feature 6u 12u$(small)">
						<img src="<?php echo dir_root; ?>images/cathyimage.png" style="width:50%" alt="" />
						<h3 class="title">Cathy Kaplun</h3>
						<p>Cathy's bio</p>
					</section>

					<section class="feature 6u$ 12u$(small)">
						<img src="<?php echo dir_root; ?>images/amyimage.png" style="width:50%" alt="" />
						<h3 class="title">Amy-Marie Gilpin</h3>
						<p>Amy's bio</p>
					</section>

				</div>
			</div>
		</div>
	</section>

	<!-- Footer -->
	<footer id="footer">
		<div class="container">
			<div class="row centerToPage">

				<section class="4u$ 12u$(medium) 12u$(small)">

					<h3>Contact Us</h3>
					<ul class="icons">
						<li><a href="#" class="icon rounded fa-twitter"><span class="label">Twitter</span></a></li>
						<li><a href="#" class="icon rounded fa-facebook"><span class="label">Facebook</span></a></li>
						<li><a href="#" class="icon rounded fa-pinterest"><span class="label">Pinterest</span></a></li>
						<li><a href="#" class="icon rounded fa-google-plus"><span class="label">Google+</span></a></li>
						<li><a href="#" class="icon rounded fa-linkedin"><span class="label">LinkedIn</span></a></li>
					</ul>
				</section>
			</div>

			<ul class="copyright">
				<li>&copy; GEESE. All rights reserved.</li>
				<li>Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a></li>
				<li>Team: PS2020</li>
			</ul>
		</div>
	</footer>

	<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
	<script src="<?php echo dir_root; ?>js/template-1/jquery.min.js"></script>
	<script src="<?php echo dir_root; ?>js/template-1/skel.min.js"></script>
	<script src="<?php echo dir_root; ?>js/template-1/skel-layers.min.js"></script>
	<script src="<?php echo dir_root; ?>js/template-1/init.js"></script>

</body>

</html>