index.html

---
layout: default
title: home
loading: true
---

<!-- clouds -->
<div class="x-slider">
    <div class="x-slider-row"></div>
</div>

<img id="computer" class="home" src="assets/images/computer.png" alt="computer">
<img id="lamp" class="home" src="assets/images/lamp.png" alt="lamp">
<img id="drawing" class="home" src="assets/images/drawing.png" alt="drawing">
<img id="leaves" class="home" src="assets/images/leaves.png" alt="leaves and pencil">
<img id="pencils" class="home" src="assets/images/pencils.png" alt="pencils">

<div id="intro">
    <h1 id="first-name">emily</h1><h1 id="last-name"> hong</h1><h1 id="is"> is:</h1><br>
    <a href="/about"><h2>exploring NYC</h2></a><br>
    <a href="/code"><h2>coding</h2></a><br>
    <a href="/illustration"><h2>illustrating</h2></a><br>
    <a href="/about"><h2>teaching</h2></a>
</div>

<div id="left" class="box-flap"></div>
<div id="right" class="box-flap"></div>
<div id="box">
    <div class="box-title">
        <a href="#stuff"><h3 id="stuff" class="box-title">↓ stuff I've done</h3></a>
    </div>

    {% include features.html %}
</div>