<!DOCTYPE HTML> <!–

Highlights by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

–> <html> {% include head.html %} <body> {% include header.html %}

<!– One –> <section id=“one” class=“main special”>

<div class="container">
        <span class="image fit primary"><img src="assets/images/pic01.jpg" alt="" /></span>
        <div class="content">
                <header class="major">
                        <h2>Who I am</h2>
                </header>
                <p>Aliquam ante ac id. Adipiscing interdum lorem praesent fusce pellentesque arcu feugiat. Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet integer vulputate phasellus lorem ipsum dolor lorem magna consequat sed etiam adipiscing interdum.</p>
        </div>
        <a href="#two" class="goto-next scrolly">Next</a>
</div>

</section>

<!– Two –> <section id=“two” class=“main special”>

<div class="container">
        <span class="image fit primary"><img src="assets/images/pic02.jpg" alt="" /></span>
        <div class="content">
                <header class="major">
                        <h2>Stuff I do</h2>
                </header>
                <p>Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet vulputate.</p>
                <ul class="icons-grid">
                        <li>
                                <span class="icon major fa-camera-retro"></span>
                                <h3>Magna Etiam</h3>
                        </li>
                        <li>
                                <span class="icon major fa-pencil"></span>
                                <h3>Lorem Ipsum</h3>
                        </li>
                        <li>
                                <span class="icon major fa-code"></span>
                                <h3>Nulla Tempus</h3>
                        </li>
                        <li>
                                <span class="icon major fa-coffee"></span>
                                <h3>Sed Feugiat</h3>
                        </li>
                </ul>
        </div>
        <a href="#three" class="goto-next scrolly">Next</a>
</div>

</section>

<!– Three –> <section id=“three” class=“main special”>

<div class="container">
        <span class="image fit primary"><img src="assets/images/pic03.jpg" alt="" /></span>
        <div class="content">
                <header class="major">
                        <h2>One more thing</h2>
                </header>
                <p>Aliquam ante ac id. Adipiscing interdum lorem praesent fusce pellentesque arcu feugiat. Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet integer vulputate phasellus lorem ipsum dolor lorem magna consequat sed etiam adipiscing interdum.</p>
        </div>
        <a href="#footer" class="goto-next scrolly">Next</a>
</div>

</section>

{% include footer.html %}

</body> </html>