---
layout: home
---

<section id="about">
	<div class="container">
	  <div class="avatar" style="width: 200px; display: block; float:left;">
		<img class="img-circle" src="{{ site.baseurl }}static/img/{{ site.avatar }}" alt="Responsive image" style="width: 200px; height: 200px;">
	  </div>
	  <div class="container" style="min-width: 200px; max-width: 400px; display: block; float: right;">
		  <h1>Joel Huttunen</h1>
		  <p>
		  I'm an engineer who loves problem-solving! Have a look at my broad history of free-time <a href="{{ site.baseurl }}projects.html"> projects</a>. For more check out my academic &amp; professional <a href="{{ site.baseurl }}resume.html">resume</a>. Contact me by <a href="mailto:{{ site.email }}">email</a>.</p>
		  {% include social.html %}
	  </div>
	</div>
</section>

---
layout: home
---

<section id="about">
	<div class="container">
	  <div class="avatar">
		<img class="img-circle" src="{{ site.baseurl }}static/img/{{ site.avatar }}" alt="Responsive image" style="width: 200px; height: 200px;">
	  </div>
	  <div class="container" style="max-width: 400px; display: block;">
		  <h2>Joel Huttunen</h2>
		  <p>
		  I'm an engineer who loves problem-solving! Have a look at my broad set of free-time <a href="{{ site.baseurl }}projects.html"> projects</a>. For more check out my academic &amp; professional <a href="{{ site.baseurl }}resume.html">resume</a>. Contact me by <a href="mailto:{{ site.email }}">email</a>.</p>
		  {% include social.html %}
	  </div>
	</div>
</section>

Use top down bio style
Use top down bio style
