{% include head.html %}
<div id="home" class="section scrollspy"> <div id="index-banner" class="parallax-container"> <div class="section no-pad-bot"> <div class="container"> <br><br> <h1 class="header center teal-text text-lighten-2">{{ site.title }}</h1> <div class="row center"> <h5 class="header col s12 light">{{ site.description }}</h5> </div> <br><br> </div> </div> <div class="parallax"><img src="{{site.parallax_image_one}}" alt="Unsplashed background img 1"></div> </div>
</div>
<div id=“cookies” style=“display:{{site.cookies_banner}}”>
<p style="text-align:left; padding-left:8px"><a value="hide/show" id="check" class="waves-effect waves-light green lighten-1 btn btn-floating pulse" onclick="Materialize.toast('{{site.cookie_accept_message}}', 2000)" ><i class="material-icons">check</i></a></p> {% include cookies.html %}
</div>
<div class=“container” style=“padding:20px;”>
<div id="portfolio" class="section scrollspy"> <h3 style="text-align:center;">{{site.portfolio_heading}}</h3>
{% include portfolio_{{site.portfolio_type}}.html %}
</div>
</div>
<div class=“container” style=“padding:20px;”>
<div id="skills" class="section scrollspy"> <h3 style="text-align:center;">Tools and Experience</h3> {% include skills.html %} </div>
</div>
<div class="parallax-container valign-wrapper"> <div class="section no-pad-bot"> <div class="container"> <div class="row center"> </div> </div> </div> <div class="parallax"><img src="{{site.parallax_image_two}}" alt="Unsplashed background img 3"></div> </div>
<div class=“container” style=“padding:20px;”>
<div id="blog" class="section scrollspy"> <h3 style="text-align:center;">Blog</h3> {% include blog-feed.html %}
</div> </div>
<div class=“container” style=“padding:20px;”>
<div id="contact" class="section scrollspy"> <h3 style="text-align:center;">Contact</h3> {% include contact.html %}
</div> </div>
{% include nav-burger.html %}
{% include footer.html %}