index.html

<!DOCTYPE HTML>
<!--
	Helios by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Christian D. Peer</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.dropotron.min.js"></script>
		<script src="js/jquery.scrolly.min.js"></script>
		<script src="js/jquery.onvisible.min.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-layers.min.js"></script>
		<script src="js/init.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-desktop.css" />
			<link rel="stylesheet" href="css/style-noscript.css" />
		</noscript>
		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
	</head>
	<body class="homepage">

		<!-- Header -->
			<div id="header">
						
				<!-- Inner -->
					<div class="inner">
						<header>
							<h1><a href="index.html" id="logo">Christian D. Peer</a></h1>
							<hr />
							<p>Life has no limitations, except the ones you make - Les Browns</p>
						</header>
						<footer>
							<a href="#banner" class="button circled scrolly">Start</a>
						</footer>
					</div>
				
				<!-- Nav -->
					<nav id="nav">
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="#main">What I do</a></li>
							<li><a href="#projects">My Projects</a>
								<!--<ul>
									<li><a href="#">Smart Meter Privacy</a></li>
									<li><a href="#">Smart Electricity</a></li>
									<li><a href="#">The Greenhouse Project</a></li>
									<li><a href="#">Satyros II</a></li>
									<li><a href="#">Mensch Aergere dich nicht</a></li>
								</ul>!-->
							</li>
							<li><a href="#aboutme">About me</a>
								<!--<ul>
									<li><a href="#">Photography</a></li>
									<li><a href="#">Mountaineering</a></li>
									<li><a href="#">Music</a></li>!-->
								</ul>
							</li>
						</ul>
					</nav>

			</div>
			
		<!-- Banner -->
			<section id="banner">
				<header>
					<h2>We are here to explore <strong>life</strong>.</h2>
					<p>
						Don't waste your time. Use it wisely. 
					</p>
				</header>
			</section>
			
		<!-- Main -->
			<div class="wrapper style2">

				<article id="main" class="container special">
					<a href="#main" class="image featured"><img src="images/portrait1.jpg" alt="" /></a>
					<header>
						<h2><a href="#main">Software Design and Development</a></h2>
						<p>
							Our modern society heavily depends on technology and software to function properly. They are part of our everyday lives. My goal is to use my abilities and knowledge to design and develop software that enhances our modern society.
						</p>
						
					</header>
					
					<footer>
						<div class="row">
						<article class="4u special">
							<header>
								<h3><a href="#main">My social skills</a></h3>
							</header>
							<p>
								Demonstrated leadership and project management skills, excellent troubleshooting skills, ability to quickly analyse technical problems and find creative and efficient solutions, analytical thinking, willingness to take charge in difficult situations, ability to assess risks quickly, charismatic public speaker, enthusiastic about new challenges, curious about new technology
							</p>
						</article>
						<article class="4u special">
							<header>
								<h3><a href="#main">My technical skills</a></h3>
							</header>
							<p>
								Proficient in C#, Java, C, C++, Scala, REST, SOAP, SOA, AOP, SQL (Oracle Certification), HTML, JavaScript, jQuery, PHP, Maven, Spring, OSGi, Networking and Routing (CISCO CCNA Exploration), MS Windows, Linux (Debian, Ubuntu), Apple OS X, Electrical Engineering, Signal Processing, Arduino
							</p>
						</article>
						<article class="4u special">
							<header>
								<h3><a href="#main">My commercial skills</a></h3>
							</header>
							<p>
								Accounting, economics, law, quality management (certified by Quality Austria)
							</p>
						</article>
					</div>
				</article>

			</div>
						

					
						<!--<a href="#" class="button">Continue Reading</a>!-->
					</footer>
					

			<!-- Carousel -->
			<section class="carousel" id="projects">
				<header>
					
						<center><h2>My recent projects</h2></center>
				</header>
				
				<div class="reel">
					<article>
						<a href="#projects" class="image featured"><img src="images/grid1.jpg" alt="" /></a>
						<header>
							<h3><a href="#projects">Smart Meter Privacy</a></h3>
						</header>
						<p>Preserving consumers' privacy by using a smart communication infrastructure, cryptographic methods and secure signal processing. </p>							
					</article>

					<article>
						<a href="#projects" class="image featured"><img src="images/solarpanel1.jpg" alt="" /></a>
						<header>
							<h3><a href="#projects">Smart Heating System</a></h3>
						</header>
						<p>Control central heating system based on the availability of electricity from a solar panel.</p>							
					</article>
					
					<article>
						<a href="#projects" class="image featured"><img src="images/temperature.jpg" alt="" /></a>
						<header>
							<h3><a href="#projects">The Greenhouse Project</a></h3>
						</header>
						<p>Supervising humidity and temperature in a greenhouse via web interface. Irrigation, ventilation and heating are controlled on an automatic basis.</p>					
					</article>

					<article>
						<a href="#projects" class="image featured"><img src="images/satyros.jpg" alt="" /></a>
						<header>
							<h3><a href="#projects">Satyros II</a></h3>
						</header>
						<p>An autonomous vehicle exploring its environment using multiple sensors. Based on the collected data, the robot is capable to draw a map and avoid a collision with obstacles.
						A graduate school project.</p>							
					</article>

					<article>
						<a href="#projects" class="image featured"><img src="images/game.jpg" alt="" /></a>
						<header>
							<h3><a href="#projects">Mensch Aergere Dich Nicht</a></h3>
						</header>
						<p>A multi-agent implementation of the famous German board game. Each agent has its own game strategy. Agents are written in Java and C#, communicating via the Simple Object Access protocol (SOAP). </p>							
					</article>
				
					
				
					
				
					
				</div>
			</section>

		<!-- Features -->
			<div class="wrapper style1">
				<section id="aboutme" class="container special">
					<header>
						<h2>Beside the business</h2>
						<p>
						I have always been fascinated by technology. I'm curious to understand how things work and why this things work in exactly this particular manner. It started as a child where I took apart most of my toys to explore the insight. Well, most of them worked again after reassembling, of course, some of them did not. But there is more of me than just this geek.
						</p>
					</header>
					<div class="row">
						<article class="4u special">
							<a href="#aboutme" class="image featured"><img src="images/camera.jpg" alt="" /></a>
							<header>
								<h3><a href="#aboutme">Photography</a></h3>
							</header>
							<p>
								Strolling through nature or hanging out with friends, my camera is always with me. Taking pictures and thereby catching the right moment - photography is science, and I love it. 
							</p>
						</article>
						<article class="4u special">
							<a href="#aboutme" class="image featured"><img src="images/mountain.jpg" alt="" /></a>
							<header>
								<h3><a href="#aboutme">Mountaineering</a></h3>
							</header>
							<p>
								Mountaineering is exhausting, painful and depressing - but there is no better way to spend your time. It helps me to recharge my life energy and to get my head clear again. Climbing, hiking, backcountry skying and canyoning - I love it.
							</p>
						</article>
						<article class="4u special">
							<a href="#aboutme" class="image featured"><img src="images/music.jpg" alt="" /></a>
							<header>
								<h3><a href="#aboutme">Music</a></h3>
							</header>
							<p>
								Music can change your mood. A good rythm and nothing can hold me from dancing and shaking. It's all about the groove. I play the piano, guitar and the bass.
							</p>
						</article>
					</div>
				</section>

			</div>

		<!-- Footer -->
			<div id="footer">
				<div class="container">
					<div class="row">
						<div class="12u">
							
							<!-- Contact -->
								<section class="contact">
									<header>
										<h3>Curious? Questions? Or just wanna say hello?</h3>
									</header>
									<p><a href="http://www.google.com/recaptcha/mailhide/d?k=01w27t3PiUucU5iuYdhS4xpQ==&amp;c=YHawckKabfhxRsEkZbA0zQ==" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\07501w27t3PiUucU5iuYdhS4xpQ\75\75\46c\75YHawckKabfhxRsEkZbA0zQ\75\075', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" title="Reveal this e-mail address">send me an e-mail</a></p>
									<ul class="icons">
										<li><a href="https://www.facebook.com/enigma350" target="_blank" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
										<li><a href="https://at.linkedin.com/in/peerchristian" target="_blank" class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
									</ul>
								</section>
							
							<!-- Copyright -->
								<div class="copyright">
									<ul class="menu">
										<li>&copy; Christian D. Peer. All rights reserved.</li><li>Design adapted from: <a href="http://html5up.net">HTML5 UP</a></li>
									</ul>
								</div>
							
						</div>
					
					</div>
				</div>
			</div>

	</body>
</html>