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

<!DOCTYPE HTML>
<html>
	<head>
		<title>Hielo by TEMPLATED</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />

		<?php include_once(dir_rootPHP.'_global/icon.php'); ?>


		<!-- 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" href="<?php echo dir_root; ?>libs/fontAwesome/css/font-awesome.min.css" /> -->
			<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/animate.css" /> -->

			<!-- animation -->
				<link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate.css" />
				<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_bounce.css" /> -->
				<link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_fade.css" />
				<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_flip.css" /> -->
				<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_other.css" /> -->
				<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_rotate.css" /> -->
				<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_slide.css" /> -->
				<!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_zoom.css" /> -->

		<!-- css -->
			<link rel="stylesheet" href="<?php echo dir_root; ?>css/template-hielo/main.css" />

		<!-- 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" /> -->

	</head>
	<body>

		<!-- Header | Nav -->
			<?php include_once(dir_rootPHP.'_global/navbar/navbar.php'); ?>
			<?php include_once(dir_rootPHP.'_global/navbar/navbar-mobile.php'); ?>

		<!-- Banner -->
			<section class="banner full">
				<article>
					<img src="<?php echo dir_root; ?>images/banner1.jpg" alt="" />
					<div class="inner">
						<header>
							<p>Greenscapes • Environmental • Experience & Learning • Survey • Experiments </p>
							<h2>Welcome to GEESE</h2>
						</header>
					</div>
				</article>



				<!-- <article>
					<img src="<?php echo dir_root; ?>images/slide02.jpg" alt="" />
					<div class="inner">
						<header>
							<p>Sign-up for an account</p>
							<h2>Join Us Today!</h2>
						</header>
					</div>
				</article> -->



				<!-- <article>
					<img src="<?php echo dir_root; ?>images/slide03.jpg"  alt="" />
					<div class="inner">
						<header>
							<p>Help support our reserach by taking a survey with your GEESE account</p>
							<h2>Take A Survey</h2>
						</header>
					</div>
				</article> -->

			</section>





		<!-- One -->
			<!-- <?php
			    echo "<h3> PHP List All Session Variables</h3>";
			    foreach ($_SESSION as $key=>$val)
			    echo $key." ".$val."<br/>";

				$msg = isset($_SESSION['user']) ? 'SESSION_user "set": yes' : 'SESSION_user "set": no';
				$msgEm = empty($_SESSION['user']) ? 'SESSION_user "empty": yes' : 'SESSION_user "empty": no';

				echo $msg;
				echo '<br>';
				echo $msgEm;
			?> -->



		<!-- Two -->
		<section id="two" class="wrapper style2">
			<div class="inner">
				<div class="box">
					<div class="content">
						<div class="ourresearch">
						<header class="align-center">
							<h2>Our Research</h2>
						</header>
						<p class = "align-center">Our goal to help promote the wellbeing and mental health of people across all different age groups.
						We built this project to capture the social experiences of individuals through various landscapes.</p>
					</div>
				</div>
				</div>
			</div>
		</section>





		<!-- Three -->
			<section id="three" class="wrapper style3">
				<div class="inner">
					<header class="align-center">
						<h2>Team</h2>
					</header>
					<div class="gallery">
						<div>
							<div class="teampic">
								<a href="#"><img src="<?php echo dir_root; ?>images/annimage.png" style=" width:50%" alt="" /></a>
								<h2>Ann Dadich</h2>
						</div>
					</div>
						<div>
							<div class="teampic">
								<a href="#"><img src="<?php echo dir_root; ?>images/catherineimage.png" style=" width:50%" alt="" /></a>
								<h2>Catherine Best</h2>
							</div>
						</div>
						<div>
							<div class="teampic">
								<a href="#"><img src="<?php echo dir_root; ?>images/Cathyimage.png" style=" width:50%" alt="" /></a>
								<h2>Cathy Kaplun</h2>
							</div>
						</div>
						<div>
							<div class="teampic">
								<a href="#"><img src="<?php echo dir_root; ?>images/amyimage.png" style=" width:50%" alt="" /></a>
								<h2>Amy-Marie Gilpin</h2>
							</div>
						</div>
					</div>
				</div>
			</section>






		<!-- Footer -->
			<?php include_once(dir_rootPHP.'_global/footer/footer.php'); ?>

		<!-- Scripts -->
			<script src="<?php echo dir_root; ?>js/template-hielo/jquery.min.js"></script>
			<script src="<?php echo dir_root; ?>js/template-hielo/jquery.scrollex.min.js"></script>
			<script src="<?php echo dir_root; ?>js/template-hielo/skel.min.js"></script>
			<script src="<?php echo dir_root; ?>js/template-hielo/util.js"></script>
			<script src="<?php echo dir_root; ?>js/template-hielo/main.js"></script>

	</body>
</html>
