Academia.html

<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->

<html class="no-js" lang="en">
<!--<![endif]-->

<head>
	<!-- Create dynamic viewport. Assign basic metadata. -->
	<meta charset="utf-8">
	<title>Academic | Thomas Berey</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="favicon.png" sizes="16x16" type="img/favicon.png">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- Styling -->
	<style>
		.hover-anchor {
			color: white !important;
		}

		.hover-anchor:hover {
			color: #8cb8e2 !important;
		}

		table {
			border-collapse: collapse !important;
			width: 34% !important;
		}

		td, th {
			border: 2px solid #00000080 !important;
			padding: 5px !important;
			text-align: center !important;
		}

		tr:nth-child(even) {
			background-color: #72727220;
		}
	</style>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/vendor.css">

	<!-- Scripting -->
	<script src="js/modernizr.js"></script>
	<script src="js/pace.min.js"></script>

</head>

<body id="top">
	<!-- header -->
	<header>
		<div>
			<!-- menu -->
			<div class="top-bar">
				<a class="menu-toggle" href="#"
					style="background:#07002c96; margin-top:5%;"><span>Menu</span></a>

				<nav id="main-nav-wrap" class="set-height-js" style="background:#0d024475;overflow:auto;max-height: 550px;">
					<ul class="main-navigation" style="display:none;">
						<li><a class="hover-anchor" href="index.html" title=""><i class="icon-home"></i> HOME</a><br></li>In-page Navigation:
						<li class="current"><a class="smoothscroll" href="#academia" title="">Thomas Berey</a></li>
						<li><a class="smoothscroll" href="#high-school" title="">School (GCSEs)</a>
						</li>
						<li><a class="smoothscroll" href="#college" title="">College (A-Levels)</a>
						</li>
						<li><a class="smoothscroll" href="#university" title="">University (BSc)</a>
						</li>
						<li><a class="smoothscroll" href="#contact" title="">Contact</a></li><br>
                        Explore Pages:
							<li><a class="hover-anchor" href="Person.html">Person</a></li>
							<li><a class="hover-anchor" href="Professional.html">Professional</a></li>
							<li><a class="hover-anchor" href="Volunteer.html">Volunteer</a></li>
							<li><a class="hover-anchor" href="Skilled.html">Skilled</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>

	<script>
		window.addEventListener('DOMContentLoaded', () => {
			var height = isNaN(window.innerHeight) ? window.clientHeight : window.innerHeight;
			if (!height || isNaN(height)) var height = 570;
			document.getElementsByClassName('set-height-js')[0].style.maxHeight = `${(height-65)}px`;
		});
	</script>

	<!-- #hello section -->
	<section id="academia">
		<div class="hello-overlay"></div>
		<div class="hello-content">
			<div class="row">
				<div class="col-twelve" style="margin-top:30%;">
					<h5 style="font-size: xx-large;">Academic</h5><br>
					<h1>Thomas Berey</h1>
					<p><b style="background-color: rgba(4, 4, 43, 0.87);">&nbsp;&nbsp;<a target="_blank"
								href="mailto:tomberey1@gmail.com"
								target="_top"><u>tomberey1@gmail.com</u></a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a
								target="_blank"
								href="https://www.github.com/tberey"><u>GitHub/tberey</u></a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;Liverpool,
							UK&nbsp;&nbsp;</b></p>
				</div>
			</div>
		</div>
	</section>

	<!-- #school section -->
	<section id="high-school" style="background-color: #d1e3f0;">
		<br><br>
		<div class="overlay"></div>
		<div class="row services-content">
			<center>
				<div class="row">
					<i class="fa fa-graduation-cap"></i>
					<h2>Middlewich High School</h2>
					<p>2004 - 2009</p>
					<table>
						<tr><td>11 GCSEs<div style="font-size: smaller;">Maths: B | English: A,B | Science: B,B,B</div></td><td>A - B</td></tr>
						<tr><td style="font-style: italic;font-size:83%">Volunteer Member of Student Support Team<div style="font-size: smaller;font-style: italic;">(Application/Interview, 2005–07);</div><br>
							School Prefect<div style="font-size: smaller;font-style: italic;">(Application/Interview, 2008–09);</div><br>
							Student Council Representative<div style="font-size: smaller;font-style: italic;">(Elected, 2005–07).</div></td><td style="font-style: italic;"></td></tr>
					</table>
					<div class="icon"><strong style="font-size: small;font-style: italic;font-weight: 800;">
						<i class="icon-earth"></i>
						&nbsp;www.middlewichhigh.cheshire.sch.uk</strong></div>
						<div class="icon"><strong style="font-size: small;font-style: italic;font-weight: 800;">
							<i class="icon-phone"></i>
							+44 (0) 1606 288 170</strong></div><br>
				</div>
			</center>
		</div><br>
	</section>

	<!-- #college section -->
	<section id="college" class="grey-section">
		<br><br>
		<div class="overlay"></div>
		<div class="row services-content">
			<center>
				<div class="row">
					<i class="fa fa-graduation-cap"></i>
					<h2>South Cheshire College</h2>
					<p>2012 - 2014</p>
					<table>
						<tr><td>English Literature (A2)</td><td>A</td></tr>
						<tr><td>Mathematics (A2)</td><td>B</td></tr>
						<tr><td>Physics (A2)</td><td>B</td></tr>
						<tr><td>Computing (AS)</td><td style="font-style: italic;">PASS</td></tr>
						<tr><td>Chemistry (AS)</td><td style="font-style: italic;">PASS</td></tr>
						<tr><td style="font-style: italic;font-size:83%">Active member of sports societies;<br><br>
							Freely studied extra Maths module<br><div style="font-size: smaller;font-style: italic;">(Grade B).</div></td><td style="font-style: italic;"></td></tr>
					</table>
					<div class="icon"><strong style="font-size: small;font-style: italic;font-weight: 800;">
						<i class="icon-earth"></i>
						&nbsp;www.scc.ac.uk</strong></div>
						<div class="icon"><strong style="font-size: small;font-style: italic;font-weight: 800;">
							<i class="icon-phone"></i>
							+44 (0) 1270 654 654</strong></div><br>
				</div>
			</center>
		</div><br>
	</section>

	<!-- #university section -->
	<section id="university" style="background-color: #d1e3f0;">
		<br><br>
		<div class="overlay"></div>
		<div class="row services-content">
			<center>
				<div class="row">
					<i class="fa fa-graduation-cap"></i>
					<h2>Keele University</h2>
					<p>2014 - 2015</p>
					<table>
						<tr><td>Mathematics (BSc)</td><td>CertHE</td></tr>
						<tr><td style="font-style: italic;font-size:83%">Sports Society Captain<div style="font-size: smaller;font-style: italic;">(Elected, 2015);</div><br>
							Optionally studied extra English elective<div style="font-size: smaller;font-style: italic;">(Grade 2:1).</div>
						</td><td style="font-style: italic;"></td></tr>
					</table>
					<div class="icon"><strong style="font-size: small;font-style: italic;font-weight: 800;">
						<i class="icon-earth"></i>
						&nbsp;www.keele.ac.uk</strong></div>
						<div class="icon"><strong style="font-size: small;font-style: italic;font-weight: 800;">
							<i class="icon-phone"></i>
							+44 (0) 1782 734010</strong></div><br>
				</div>
			</center>
		</div><br>
	</section>

	<!-- #contact section -->
	<section id="contact">
		<div class="row section-intro" style="margin-top: -5%;">
			<div class="col-twelve">
				<h1>Contact</h1>
			</div>
			<p>
				If you would like to discuss any opportunities, or ask any questions at all, please don't hesitate in
				connecting through the various channels:
			</p>
		</div>

		<div class="row contact-info">
			<div class="col-four tab-full">
				<a target="_blank" href="https://uk.linkedin.com/in/thomas-berey">
					<div class="icon">
						<i class="fa fa-linkedin" aria-hidden="true"></i>
					</div>
					<h5>LinkedIn</h5>
					<p>Thomas Berey</p>
				</a>
			</div>

			<div class="col-four tab-full">
				<a target="_blank" href="https://github.com/tberey">
					<div class="icon">
						<i class="fa fa-github" aria-hidden="true"></i>
					</div>
					<h5>Github</h5>
					<p>tberey</p>
				</a>
			</div>

			<div class="col-four tab-full">
				<a target="_blank" href="mailto:tomberey1@gmail.com">
					<div class="icon">
						<i class="icon-mail" aria-hidden="true"></i>
					</div>
					<h5>Email</h5>
					<p>tomberey1@gmail.com</p>
				</a>
			</div>
		</div>
	</section>

	<!-- #footer -->
	<footer>
		<hr>
		<div class="row section-hello">
			<div class="col-twelve">
				&copy;Thomas Berey (All Personal Data, Projects & Ideas)
			</div><br><br><br>
			<p></p>
		</div>
		<div id="go-top">
			<a class="smoothscroll" title="Back to Top" href="#top"><i class="fa fa-long-arrow-up"></i></a>
		</div>
	</footer>

	<div id="preloader">
		<div id="loader"></div>
	</div>

	<!-- JavaScript -->
	<script src="js/jquery-2.1.3.min.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>
</body>

</html>