<!DOCTYPE HTML>
<!--
	Twenty by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Chemistry</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<link rel="shortcut icon" href="images/logo.png">
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="left-sidebar is-preload">
		<div id="page-wrapper">

			<!-- Header -->
				<header id="header">
					<h1 id="logo"><a href="index.html">Stuyvesant Science Olympiad</span></a></h1>
					<nav id="nav">
            <ul>
							<li class="current"><a href="index.html">Home</a></li>
							<li class="submenu">
								<a href="#">Menu</a>
								<ul>
									<li><a href="aboutus.html">About Us</a></li>
									<li class="submenu">
										<a href="#">Divisions</a>
										<ul>
											<li><a href="biology.html">Biology</a></li>
											<li><a href="chem.html">Chemistry</a></li>
											<li><a href="earth.html">Earth Science</a></li>
											<li><a href="physics.html">Physics</a></li>
											<li><a href="tech.html">Technology</a></li>
										</ul>
									</li>
									<li><a href="calendar.html">Calendar </a><li>
									<li><a href="gallery.html">Gallery</a></li>
									<li><a href="sponsors.html">Sponsors</a></li>
									<li><a href="contactus.html">Contact Us</a></li>

								</ul>
							</li>
							<li><a href="#" class="button primary">Sign Up</a></li>
						</ul>
					</nav>
				</header>

			<!-- Main -->
				<article id="main">

					<header class="special container">
						<span class="icon fa-flask"></span>
						<h2><strong>Chemistry</strong></h2>
            <p> The study of matter and its properties.  </p>
					</header>

					<!-- One -->
						<section class="wrapper style4 container">

							<div class="row gtr-150">
								<div class="col-4 col-12-narrower">

									<!-- Sidebar -->
										<div class="sidebar">
											<section>
												<header>
													<h3><strong>Chemistry</strong></h3>
												</header>
												<p> Our Chemistry division deals with specific topics ranging from biochemistry to material science, as well as applications in laboratory settings. Many events have hands-on lab portions in addition to standard written tests of knowledge.
 <br><br> We're composed of four events: Forensics, Experimental Design, Chemistry Lab, and Enviormental Chemistry. </p>

												<footer>
											<!--		<ul class="buttons">
														<li><a href="#" class="button small">Learn More</a></li>
													</ul> -->
												</footer>
											</section>

										</div>

								</div>
								<div class="col-8 col-12-narrower imp-narrower">

									<!-- Content -->
										 <div class="content">
											<section>
												<a href="#" class="image featured"><img src="images/chem.jpg" alt="" /></a>


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

					<!-- Two -->
						<section class="wrapper style1 container special">
							<div class="row">
								<div class="col-4 col-12-narrower">

									<section>
										<header>
											<h3> <strong> Forensics </strong> </h3>
										</header>
										<p>This event is a lab event, where students perform tests such as powder, hair, blood and fingerprint identification to solve a crime.</p>
										<footer>
											<ul class="buttons">
												<li><a href="https://www.soinc.org/forensics-c" class="button small">Learn More</a></li>
											</ul>
										</footer>
									</section>
                </div>

              	<div class="col-4 col-12-narrower">

									<section>
										<header>
											<h3><strong>Experimental Design</strong></h3>
										</header>
										<p> This event allows students to design, execute and write a self-designed experiment based on a specified topic.
</p>
										<footer>
											<ul class="buttons">
												<li><a href="https://www.soinc.org/experimental-design-c" class="button small">Learn More</a></li>
											</ul>
										</footer>
									</section>
                </div>

                <div class="col-4 col-12-narrower">

									<section>
										<header>
											<h3><strong>Chem Lab</strong></h3>
										</header>
										<p> This event involves a lab exercise and a test on two chemistry topics that rotate each year, with this year's being Aqueous Solutions & Redox Reactions. </p>
										<footer>
											<ul class="buttons">
												<li><a href="https://www.soinc.org/chemistry-lab-c" class="button small">Learn More</a></li>
											</ul>
										</footer>
									</section>

								</div>
              </div>
								<br>
                <div class="row-aln-center">
                <div class="col-4 col-12-narrower">

									<section>
										<header>
											<h3><strong>Enviormental Chemistry</strong></h3>
										</header>
										<p> This event involves the study of enviormnetal chemistry, <br> including chemical reactions, charactertizations, <br> and quantification of soil properties and nutrients.
 </p>
										<footer>
											<ul class="buttons">
												<li><a href="https://www.soinc.org/environmental-chemistry-c" class="button small">Learn More</a></li>
											</ul>
										</footer>
                  </section>
                  </div>


								</div>



				</article>

			<!-- Footer -->
				<footer id="footer">

					<ul class="icons">
						<li><a href="https://www.facebook.com/stuyscioly/?ref=aymt_homepage_panel" class="icon circle fa-facebook"><span class="label">Facebook</span></a></li>
						<li><a href="mailto:stuyenceolympiad@gmail.com" class="icon circle fa-envelope"><span class="label">Google+</span></a></li>
					</ul>

					<ul class="copyright">
						<li>&copy; Stuyvesant Science Olympiad </li><li> 2020 </a></li>
					</ul>


				</footer>

		</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.scrollgress.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>