index.html

<!DOCTYPE html>
<html>
	<head>
		<title>CWRUbotix</title>
		<meta charset="UTF-8">
		<meta name="description" content="The home of Case Western Reserve University's undergraduate robotics club.">
		<meta name="author" content="CWRUbotix">
		<link href="css/site.css" rel="stylesheet">
		<link href="css/home.css" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
		<script src="js/script.js"></script>
	</head>
	<body onload="load()" onresize="load()">
		<script src="js/navbar.js"></script>

		<a class="anchor" id="main"></a>
		<div id="home">
			<img src="res/home/home.jpg" style="max-width:1200px;margin:0;"/>
			<div id="motto"><b>WE BUILD ROBOTS BECAUSE ROBOTS ARE AWESOME</b></div>
			<a href="join.html">
				<div id="join_btn"><p>Join Us</p></div>
			</a>
		</div>

		<a class="anchor" id="team"></a>
		<div id="members">
			<p class="hd">About The Team</p>
			<div class="division"></div>
			<p style="font-size:24px;max-width:1200px;margin:0 auto 70px auto;">We are CWRUbotix, Case Western Reserve University’s robotics club.
			We like long walks on the beach (with robots), designing and building
			robots for a variety of robotics competitions, and engaging with the
			local STEM community. Our primary goal is to provide a learning environment
			for students interested in robotics, regardless of prior experience.
			We focus on teaching our members technical skills such as CAD modeling,
			circuit design, programming, and manufacturing.  Currently we attend
			NASA's Robotic Mining Competition and an assortment of National Robotics
			Challenges.</p>
			<img style="width: 100vw;" src="res/fullteam.jpg"/>
			<p class="hd">Executive Board</p>
			<div class="division" style="margin-bottom:30px"></div>
			<div class="exec_board_cont">
				<div class="member">
					<a href="mailto:rkh38@case.edu">
						<img src="res/members/Rhys.jpg"/>
					</a>
					<p>President</p>
					<p>Rhys Hamlet</p>
				</div>
				<div class="member">
					<a href="mailto:ljs140@case.edu">
						<img src="res/members/Lydia.JPG"/>
					</a>
					<p>Vice President</p>
					<p>Lydia Sgouros</p>
				</div>
				<div class="member">
					<a href="mailto:cag111@case.edu">
						<img src="res/members/Clarissa.jpg"/>
					</a>
					<p>Secretary</p>
					<p>Clarissa Goldsmith</p>
				</div>
				<div class="member">
					<a href="mailto:adn33@case.edu">
						<img src="res/members/Andrea.jpg"/>
					</a>
					<p>Treasurer</p>
					<p>Andrea Norris</p>
				</div>
				<div class="member">
					<a href="mailto:jsw112@case.edu">
						<img src="res/members/Jackson.jpg"/>
					</a>
					<p>Lab Manager</p>
					<p>Jackson White</p>
				</div>
				<div class="member">
					<a href="mailto:sxj393@case.edu">
						<img src="res/members/Seohyun.jpg"/>
					</a>
					<p>Public Relations</p>
					<p>Seohyun Jung</p>
				</div>
				<div class="member">
					<a href="mailto:rjb3@case.edu">
						<img src="res/members/Bachmann.jpg"/>
					</a>
					<p>Faculty Advisor</p>
					<p>Dr. Bachmann</p>
				</div>
				<p style="font-size:24px;max-width:1200px;margin:0 auto 70px auto;">
				Learn more about our executive board <a href="members.html#exec">here</a>.
				</p>
			</div>
		</div>

		<a class="anchor" id="projects"></a>
		<div id="whatwedo">
			<p class="hd">Projects</p>
			<div class="division"></div>
			<div class="projects_cont">
				<div class="project">
					<a href="nasa_rmc.html">
						<img src="res/nasarmc.png"/>
						<div class="project_txt"><b>NASA Robotic Mining Competition</b></div>
					</a>
				</div>
				<div class="project">
					<a href="nrc.html">
						<img src="res/nrc.png"/>
						<div class="project_txt"><b>National Robotics Challenge</b></div>
					</a>
				</div>
				<div class="project">
					<a href="bootcamp.html">
						<img src="res/bootcamp.jpg"/>
						<div class="project_txt"><b>Member Education Bootcamp</b></div>
					</a>
				</div>
			</div>
		</div>

		<a class="anchor" id="blog"></a>
		<div id="blog_index">
			<p class="hd">Blog</p>
			<div class="division"></div>
			<div class="rec_blog_cont">
				<div class="rec_blog">
					<a href="blog/blog_10_11_18_bootcamp/blog.html">
						<p class="rec_blog_title">
							Most Recent Post:<br />
							Bootcamp and Beginning of Year
						</p>
						<p class="rec_blog_date">
							October 11, 2018
						</p>
						<img src="blog/blog_10_11_18_bootcamp/blog5_6.JPG"/>
						<p class="rec_blog_text">
							Wrap-up of Bootcamp 2018 and beginning of 2018-2019 season
						</p>
					</a>
				</div>
			</div>
			<div class="rec_blog_cont">
				<a href="blog/index.html">
					<p class="rec_blog_title">
						View All Blog Posts
					</p>
				</a>
			</div>
		</div>
		<a class="anchor" id="sponsorship"></a>
		<div id="sponsors">
			<p class="hd">Sponsors</p>
			<div class="division"></div>
			<div class="sponsors_cont">

				<div class="sponsor">
					<a href="https://www.casealum.org/" target="_blank">
						<img style="width: 300px;" src="res/sponsors/caa.svg"/>
					</a>
				</div>
				
				<!--Kennamental-->
				
				<div class="sponsor">
					<a href="https://www.kyocera-sgstool.com/" target="_blank">
						<img style="max-width: 1000px;" src="res/sponsors/kyocera_sgs.png"/>
					</a>
				</div>
				
				<div class="sponsor">
					<a href="http://ghaasfoundation.org/" target="_blank">
						<img style="width: 150px;" src="res/sponsors/GHF_Logo.gif"/>
					</a>
				</div>
				
				<div class="sponsor">
					<a href="http://thinkbox.case.edu" target="_blank">
						<img style="width: 400px;" src="res/sponsors/think[box].svg"/>
					</a>
				</div>

				<div class="sponsor">
					<a href="https://www.makergear.com/" target="_blank">
						<img style="width: 400px;" src="res/sponsors/makergear.png"/>
				</div>

				<div class="sponsor">
					<a href="http://usg.case.edu" target="_blank">
						<img style="max-width: 300px;" src="res/sponsors/usg.png"/>
					</a>
				</div>
				
				<div class="sponsor">
					<a href="http://www.solidworks.com/" target="_blank">
						<img style="width: 400px;" src="res/sponsors/solidworks.svg"/>
					</a>
				</div>
				
				<div class="sponsor">
					<a href="http://altium.com" target="_blank">
						<img style="max-width: 400px;" src="res/sponsors/altium.png"/>
					</a>
				</div>

				<!--Sandvik Coromat-->
				
				<div class="sponsor">
					<a href="http://fifthaxis.com/new.fifthaxis.com/wordpress/" target="_blank">
						<img style="max-width: 500px;" src="res/sponsors/5th_axis_logo.png"/>
					</a>
				</div>

				<div class="sponsor">
					<a href="http://www.helicaltool.com/" target="_blank">
						<img style="max-width: 500px;" src="res/sponsors/helical_notag_4c.png"/>
					</a>
				</div>

				<div class="sponsor">
					<a href="http://www.aetnaplastics.com/" target="_blank">
						<img style="width: 300px;" src="res/sponsors/aetna.svg"/>
					</a>
				</div>
				
				<div class="sponsor">
					<a href="https://www.protocase.com/" target="_blank">
						<img style="width: 300px;" src="res/sponsors/protocase.png"/>
					</a>
				</div>
				
				<div class="sponsor">
					<a href="http://www.jergensinc.com/" target="_blank">
						<img style="width: 300px;" src="res/sponsors/Jergens.png"/>
					</a>
				</div>

				<div class="sponsor">
					<a href="https://garrtool.com" target="_blank">
						<img style="max-width: 500px;" src="res/sponsors/garr_tool.png"/>
					</a>
				</div>

				<div class="sponsor">
					<a href="https://www.haimer-usa.com/" target="_blank">
						<img style="max-width: 300px;" src="res/sponsors/Haimer.jpg"/>
					</a>
				</div>
				
				<!--Ma Ford-->
				
				<!--Viking Drill-->

				<div class="sponsor">
					<a href="http://case.edu" target="_blank">
						<img style="max-width: 600px;" src="res/sponsors/cwru.png"/>
					</a>
				</div>
			</div>
			<a class="btn" href="sponsorship.html">
				Interested in sponsoring?
			</a>
		</div>

		<a class="anchor" id="contact"></a>

		<script src="js/footer.js"></script>
	</body>
</html>