index.html

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


	<title>HackHPI 2018 - about://environment Hackathon</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="referrer" content="no-referrer">

	<link rel="stylesheet" type="text/css" href="./hackhpi_assets/fonts.css">
	<link rel="stylesheet" type="text/css" href="./hackhpi_assets/icons.css">

	<link rel="stylesheet" type="text/css" href="./hackhpi_assets/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./hackhpi_assets/style.css">

	<link rel="icon" type="image/png" href="./hackhpi_assets/favicon.png">
	<meta name="keywords" content="">
	<meta name="description" content="Be a green hero! Come join our Hackathon about://environment on 26th and 27th of May 2018 at Hasso Plattner Institute and work towards a more sustainable world.">
	<meta name="image" content="./hackhpi_assets/facebook-preview.png">
	<link rel="canonical" href="https://hackhpi.org/">
	<meta name="generator" content="ProcessWire 3.0.15">
	<meta name="author" content="HackHPI">
	<meta property="og:site_name" content="HackHPI">
	<meta property="og:title" content="HackHPI 2018 - about://environment Hackathon">
	<meta property="og:url" content="https://hackhpi.org/">
	<meta property="og:description" content="Be a green hero! Come join our Hackathon about://environment on 26th and 27th of May 2018 at Hasso Plattner Institute and work towards a more sustainable world.">
	<meta property="og:type" content="website">
	<meta property="og:image" content="./hackhpi_assets/facebook-preview.png">
	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="@HackHPI">
	<meta name="twitter:title" content="HackHPI 2018 - about://environment Hackathon">
	<meta name="twitter:url" content="https://hackhpi.org/">
	<meta name="twitter:description" content="Be a green hero! Come join our Hackathon about://environment on 26th and 27th of May 2018 at Hasso Plattner Institute and work towards a more sustainable world.">
	<meta name="twitter:image" content="./hackhpi_assets/facebook-preview.png">
</head>

<body>
	<div class="time-machine">
		<span>Looking for the HackHPI 2017 website? <a href="2017" target="_blank">Click here.</a></span>
	</div>

	<nav class="container-fluid visible-md-block visible-lg-block" id="main-nav" style="top: 50px;">
		<div class="container">
			<ul>
				<li><a class="scroll-link" data-target="intro" href="#intro">About</a></li>
				<li><a class="scroll-link" data-target="sponsors" href="#sponsors">Partners</a></li>
				<li><a class="scroll-link" data-target="location" href="#location">Venue</a></li>
				<li><a class="scroll-link" data-target="ticket" href="#ticket">Tickets</a></li>
				<li><a class="scroll-link" data-target="schedule" href="#schedule">Schedule</a></li>
				<li><a class="scroll-link" data-target="faq" href="#faq">FAQ</a></li>
				<li><a class="scroll-link" data-target="team" href="#team">Team</a></li>
				<li><a class="scroll-link" data-target="get-in-touch" href="#get-in-touch">Contact</a></li>
				<!--<li><a class="badge badge-pill live" href="/live">LIVE</a></li>-->
			</ul>
		</div>
	</nav>

	<header class="container-fluid triangle" id="header">
		<div class="container">
			<a href="http://hpi.de/" target="_blank" class="banner hpi"></a>
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center">
					<a href="#" class="logo"></a>
					<span class="title">about://environment</span>
					<span class="subtitle">26 - 27 May 2018<br>Hasso Plattner Institute (close to Berlin)</span>
				</div>
			</div>
			<!-- <div class="row">
				<div class="col-md-4 col-md-offset-4">
					<a id="applyNowButton" class="btn" href="live"><span>Visit live page</span></a>
				</div>
			</div> -->
		</div>

		<div class="bg-overlay-gradient"></div>
		<div class="header-bg"></div>
	</header>
	<section class="container-fluid bg-grey triangle" id="intro">
		<div class="container">
			<div class="row">
				<div class="col-md-7">
					<h1>What to expect at HackHPI 2018</h1>
					<p>
						Our planet is in trouble, no doubt. But we think that technology and software bear the potential 
						for solving some of the biggest problems on earth: pollution, global warming and natural disasters. 
						We want to provide a place for creative ideas which will make our blue planet a better place to live.
					</p>
					<p> 
						For 22 hours of hacking, we will bring students from Berlin, Brandenburg and the rest of the 
						world together in the HPI School of Design Thinking, located on our campus. By providing world 
						class sponsors including workshops and access to their data and APIs, a great location and plenty of caffeine to fuel your brain we will create a space for creativity, inspiring ideas and a passion 
						for trying out new things.
					</p>
					<p>
						Interested? Come and share your dedication and skills with others, exchange knowledge and
						accomplish great things!
					</p>
				</div>
				<div class="col-md-5">
					<img src="./hackhpi_assets/intro-bg-2018.png" class="top50 img-responsive visible-md-block visible-lg-block">
				</div>
			</div>
		</div>
	</section>
	<section class="container-fluid triangle" id="sponsors">
		<div class="container">
			<div class="row">
				<div class="col-md-12 top50">
					<h1 class="text-center">Partners</h1>
					<!--
						<span class="member-title" style="text-align: center;">
							Interested in partnering with us for HackHPI 2018? Please drop us a line at
							<a href="mailto:team@hackhpi.org" target="_blank">team@hackhpi.org</a>.
						</span>
						-->
				</div>
			</div>
	
	
			<div class="row sponsors-giga">
				<div class="col-md-12">
					<a href="https://sap.com/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/sap.png">
					</a>
					<a href="https://www.worldwildlife.org/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/wwf.png">
					</a>
					<a href="https://www.tableau.com" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/tableau.png">
					</a>
				</div>
			</div>
	
			<div class="row sponsors-mega">
				<div class="col-md-12 top50">
					<a href="https://www.ufz.de" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/UFZ_white.jpg" alt="Helmholtz Centre for Environmental Research – UFZ">
					</a>
					<a href="https://www.pik-potsdam.de/copan/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/pik_copan.png" alt="Potsdam Institute for Climate Impact Research (COPAN Flagship Project)">
					</a>
					<a href="https://www.idealo.de" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/idealo.png" alt="idealo (idealo.de)">
					</a>
				</div>
			</div>
	
			<div class="row sponsors-kilo">
				<div class="col-md-12 top50">
					<a href="https://github.com/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/github.png" alt="GitHub">
					</a>
					<a href="http://www.flora-power.de" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/florapower_logo.png" alt="Flora Power Mate">
					</a>
					<a href="https://www.dopper.com/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/dopper.jpg" alt="Dopper">
					</a>
					<a href="http://www.petfree.world/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/petfree_colored.png" alt="PET Free World">
					</a>
					<a href="https://www.pik-potsdam.de/copan/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/pik.png" alt="Potsdam Institute for Climate Impact Research">
					</a>
					<a href="https://www.tbd.community/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/tbd.jpg" alt="TBD Community">
					</a>
					<a href="https://www.technologiestiftung-berlin.de/en/home" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/tsb.png" alt="Technologiestifung Berlin">
					</a>
					<a href="https://www.atmosfair.de/en/corporate_services/green_meetings_and_events/climate_friendly_events/" class="sponsor" target="_blank">
						<img src="./hackhpi_assets/2018-partners/atmosfair.png" alt="Atmosfair">
					</a>
				</div>
			</div>
	
			<div class="row">
				<div class="col-md-12 top50">
					<p class="text-center">
						<a href="./partner-information">More information about our partners</a>
					</p>
				</div>
			</div>
		</div>
	</section>
	<section class="container-fluid bg-grey" id="location">
		<div class="container">
			<div class="row">
				<div class="col-md-4 col-sm-6">
					<div class="location-card">
						<img src="./hackhpi_assets/dsc0016_neu.jpg" class="img-responsive">
						<div class="text">
							<h3>HPI School of&nbsp;<br>
Design Thinking</h3>

<h5>University of Potsdam</h5>

<p>August-Bebel-Str. 88<br>
14482 Potsdam<br>
Germany</p>

<p><a href="https://goo.gl/maps/RSzZbBEyaju" target="_blank">Open Google Maps</a></p>						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="location-map">
			<a target="_blank" class="location-map-overlay" href="https://goo.gl/maps/RSzZbBEyaju"></a>
			<img alt='Static Mapbox map of the HPI School of Design Thinking' src='https://api.mapbox.com/styles/v1/mapbox/streets-v10/static/13.12402,52.39181,15.5,0,0/1280x766?access_token=pk.eyJ1IjoiZmxvaHBpIiwiYSI6ImNqaHZvMzAzbTB3MWszbHFrdm9uMWE3bHQifQ.zmMV_rvJn9WmgaDTPIniGw' >

		</div>
	</section>
	<section class="container-fluid triangle" id="ticket">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h1>Ticket Application Form</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<p class="text-center" style="margin-bottom: 20px;">
						Applications for HackHPI 2018 are closed.<br>
						If you want to keep updated follow us on Twitter or Facebook.<!-- or join our mailing list.<br><br>
						See you at HackHPI 2019 ;-)-->
					</p>
					<!-- Begin MailChimp Signup Form 
					<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
						<style type="text/css">
							#mc_embed_signup {
								background: #fff;
								clear: left;
								font-size: 18px;
								width: 100%;
							}
	
							#mc_embed_signup .button {
								background-color: #0081cb;
							}
	
							/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
										   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
						</style>
						<div id="mc_embed_signup">
							<form action="https://hackhpi.us15.list-manage.com/subscribe/post?u=b207d4cb456a63ddef2bcfffa&amp;id=b776de7341" method="post"
							 id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
								<div id="mc_embed_signup_scroll">
									<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email address" required>
									<div style="position: absolute; left: -5000px;" aria-hidden="true">
										<input type="text" name="b_b207d4cb456a63ddef2bcfffa_b776de7341" tabindex="-1" value="">
									</div>
									<div class="clear">
										<input type="submit" value="Get notified first!" name="subscribe" id="mc-embedded-subscribe" class="button">
									</div>
								</div>
							</form>
						</div>
	
					End mc_embed_signup -->
	
					<!-- Typeform embed -->
	
					<!-- <div class="typeform-widget" data-url="https://hackhpi.typeform.com/to/vH4C3c" data-transparency="50" data-hide-headers=true
					 data-hide-footer=true style="width: 100%; height: 600px;">
					</div>
					<script> (function () { var qs, js, q, s, d = document, gi = d.getElementById, ce = d.createElement, gt = d.getElementsByTagName, id = "typef_orm", b = "https://embed.typeform.com/"; if (!gi.call(d, id)) { js = ce.call(d, "script"); js.id = id; js.src = b + "embed.js"; q = gt.call(d, "script")[0]; q.parentNode.insertBefore(js, q) } })() </script>
					<div style="font-family: Sans-Serif;font-size: 12px;color: #ffffff;opacity: 1; padding-top: 5px;">
						powered by
						<a href="https://admin.typeform.com/signup?utm_campaign=vH4C3c&utm_source=typeform.com-11910960-Basic&utm_medium=typeform&utm_content=typeform-embedded-poweredbytypeform&utm_term=EN"
						 style="color: #ffffff" target="_blank">Typeform</a>
					</div> -->
	
					<!-- End Typeform embed -->
				</div>
			</div>
		</div>
	</section>
	<section class="container-fluid triangle bg-grey" id="schedule">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h1>Schedule</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="faq-question">
						<p class="text-colored accent-color">PRE-EVENT</p>
						<h2 class="text-colored">Friday, 25th of May</h2>
						<table class="ft-table">
							<thead>
								<tr>
									<th class="ft-table-col ft-table-col-time" width="20%">Time</th>
									<th class="ft-table-col ft-table-col-description" width="80%">Description</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">19:30</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Get together</td>
								</tr>
							</tbody>
						</table>
						<table class="ft-table">
							<thead>
								<tr>
									<th class="ft-table-col ft-table-col-time" width="100%">Time</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="100%">
										<em>
											<p>
												Already around on Friday? Meet your fellow hackers over a beer or a coke! We're hosting a small get-together.
											</p>
											<p>
												Having other plans? No worries; there'll be plenty of time to find teammates on Saturday when HackHPI officially starts.
											</p>
										</em>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="col-md-4">
					<div class="faq-question">
						<p class="text-colored accent-color">HACKHPI</p>
						<h2 class="text-colored">Saturday, 26th of May</h2>
						<table class="ft-table">
							<thead>
								<tr>
									<th class="ft-table-col ft-table-col-time" width="20%">Time</th>
									<th class="ft-table-col ft-table-col-description" width="80%">Description</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">09:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Reception</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">09:30</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Opening Ceremony</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">10:30</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Team Building &amp;  Workshops</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">12:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Lunch</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">13:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Start Hacking &amp; more Workshops</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">19:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Dinner</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">22:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Sleeping area opens</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="col-md-4">
					<div class="faq-question">
						<p class="text">&nbsp;</p>
						<h2 class="text-colored">Sunday, 27th of May</h2>
						<table class="ft-table">
							<thead>
								<tr>
									<th class="ft-table-col ft-table-col-time" width="20%">Time</th>
									<th class="ft-table-col ft-table-col-description" width="80%">Description</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">00:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Midnight Snacks</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">08:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Breakfast</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">11:59</td>
									<td class="ft-table-col ft-table-col-description" width="80%">End of Hacking</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">12:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Lunch</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">13:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Final Presentations</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">16:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">Awards &amp; Closing ceremony</td>
								</tr>
								<tr>
									<td class="ft-table-col ft-table-col-time" width="20%">17:00</td>
									<td class="ft-table-col ft-table-col-description" width="80%">The End (jump into Griebnitzsee! 🏊)</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="row top50">
				<div class="col-md-12">
					<p>
						<em>Keep in mind that we may have to adjust some of the times.</em>
					</p>
				</div>
			</div>
		</div>
	</section>
	<section class="container-fluid triangle" id="faq">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h1>Frequently asked questions</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-md-5">
					<div class="faq-question">
						<h2 class="text-colored">What's so special about HackHPI?</h2>
						<p>There are very few hackathons focusing on environmental and sustainability issues; we want to fix that and give you
							the chance to change the world for better by building applications that truly matter! You will also have the opportunity
							to get in touch with our awesome partners, slip into their shoes and solve real-world challenges using their API and
							expertise.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">Can I be part of it?</h2>
						<p>Sure! As long as you are interested in environmental issues and 18 years or older we will be happy to welcome you! Any
							skill level is welcome; hackathons should be a way to experience teamwork and work on your abilities.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">P.E.T. Free, what does that mean?</h2>
						<p>
							PET bottles are so 2010 - tap water is the future, we think. That's why we signed the <a href="http://petfree.world/">Dopper P.E.T. Free Pledge</a> meaning that the event will be PET free.
						</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">Are there any costs for me?</h2>
						<p>Nope! HackHPI is a free event, with food and drinks provided by our partners.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">What about teams?</h2>
						<p>You can hack with your peers or find a new team to work with. Teams should have a size of not more than 3-4.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">How should I prepare?</h2>
						<p>Bring your laptop and charger, comfortable clothes and above all motivation to hack.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">How can I apply?</h2>
						<p>
							<a href="#ticket">Click here!</a>
						</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">Does HackHPI help with travel reimbursements?</h2>
						<p>Unfortunately, we're not able to provide travel reimbursements.</p>
					</div>
				</div>
				<div class="col-md-5 col-md-offset-1">
					<div class="faq-question">
						<h2 class="text-colored">What is HackHPI / a Hackathon?</h2>
						<p>Over a 22-hour period, students and others interested in tackling environmental and sustainability questions come together
							on HPI’s campus to be creative, implement innovative ideas using code, gadgets and open data, and to have a great time.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">Is there a code of conduct?</h2>
						<p>Yes. We follow
							<a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank">MLH’s code of conduct</a>, which all attendees, partners, volunteers, and staff are required to agree to. We expect
							all of our attendees to be respectful and considerate of others.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">What API should I use?</h2>
						<p>Feel free to use whatever you will feel most comfortable with. Our partners will be happy to help you with their API
							and know-how.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">How can I get to the location?</h2>
						<p>Take S7 from Berlin Hauptbahnhof (Central Station) towards Potsdam and exit at Griebnitzsee. It will cost just around
							3,40€ one-way.</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">What if I have unanswered questions?</h2>
						<p>Please drop us a line at
							<a href="mailto:team@hackhpi.org">team@hackhpi.org</a> if you have any concerns. We’d love to help you!</p>
					</div>
					<div class="faq-question">
						<h2 class="text-colored">Can I become a partner of this hackathon?</h2>
						<p>Of course, you can! Please drop us a line at
							<a href="mailto:team@hackhpi.org">team@hackhpi.org</a>.</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="container-fluid bg-grey triangle" id="team">
		<div class="container">
			<div class="row">
				<div class="col-md-12 top50">
					<h1 class="text-center">Team</h1>
				</div>
			</div>
			<!--
			<div class="row">
				<div class="col-md-12">
					<h3 class="text-colored text-center">Jury</h3>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="team-member col-md-3">
						<span class="member-title">Dr. Sven Jungmann</span>
						<p>Helios Kliniken GmbH / Dr. Jungmann Healthcare Innovation Services</p>
					</div>
					<div class="team-member col-md-3">
						<span class="member-title">Dr. Akira-Sebastian Poncette</span>
						<p>Medical Doctor Charité, Hacking Health Berlin</p>
					</div>
					<div class="team-member col-md-3">
						<span class="member-title">Harsha Jagasia</span>
						<p>StartupBootCamp,&nbsp;Health Accelerator</p>
					</div>
					<div class="team-member col-md-3">
						<span class="member-title">Dr. Lukasz Ostrowski</span><p>SAP Health Innovation Hub, SAP SE</p>
					</div>
					<div class="team-member col-md-3">
						<span class="member-title">Ralph Lägel</span>
						<p>Pfizer Healthcare Hub Berlin, Pfizer Deutschland</p>
					</div>
				</div>
			</div>-->

			<div class="row">
				<div class="col-md-12">
					<h3 class="text-colored text-center">Organizers</h3>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="team-member col-md-4">
						<span class="member-title">Florian Wirtz</span>
						<p>Coordination</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Ann Katrin Kuessner</span>
						<p>Coordination</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Jakob Edding</span>
						<p>Partners</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Leo Wendt</span>
						<p>Partners</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Lukas Heilmann</span>
						<p>Hacker Experience &amp; Food</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Jonas Noack</span>
						<p>Food</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Jonas Hering</span>
						<p>Location & Communication</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Marc Rosenau</span>
						<p>Communication</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Jorin Heide</span>
						<p>HPI Relations</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Carl Gödecken</span>
						<p>Partners</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Jonathan Schneider</span>
						<p>Senior Advisor</p>
					</div>
					<div class="team-member col-md-4">
						<span class="member-title">Daniel Theveßen</span>
						<p>Prizes</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="container-fluid bg-grey" id="get-in-touch">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h1>Get in touch</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
							<a class="btn icon-facebook" href="https://www.facebook.com/HackHPI" target="_blank" style="background-color:#46639b;"><span>Facebook</span></a>
						</div><div class="col-md-4">
							<a class="btn icon-twitter" href="http://twitter.com/HackHPI" target="_blank" style="background-color:#21b1e6;"><span>Twitter</span></a>
						</div><div class="col-md-4">
							<a class="btn icon-envelope" href="mailto:team@hackhpi.org" target="_blank" style="background-color:#dd4a3a;"><span>Email</span></a>
						</div>			</div>
		</div>
	</section>

	<footer class="container-fluid" id="footer">
		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<a href="#"><img src="./hackhpi_assets/logo.png" class="logo img-responsive"></a>
				</div>
				<div class="col-md-4">
					<span class="column-title">Hasso Plattner Institute</span>
					<ul>
						<li><a href="http://hpi.de/" target="_blank">Website</a></li>
						<li><a href="http://hpi.de/connect/start.html" target="_blank">Klub Connect</a></li>
						<li><a href="http://hpi.de/en/media/overview.html" target="_blank">Public Relations</a></li>
					</ul>
				</div>
				<div class="col-md-4">
					<span class="column-title">More</span>
					<ul>
						<li><a href="./press">Press</a></li>
						<li><a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank">Code of Conduct</a></li>
						<li><a href="./imprint">Imprint / Privacy</a></li>
					</ul>
				</div>
			</div>
		</div>
	</footer>

	<script type="text/javascript" src="./hackhpi_assets/jquery.min.js"></script>
	<script type="text/javascript" src="./hackhpi_assets/jquery.countdown.min.js"></script>
	<script type="text/javascript" src="./hackhpi_assets/app.js"></script>


</body></html>