hi

<!DOCTYPE HTML>
<html>
    <head>
        <title>Read Only by HTML5 UP</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="assets/css/main.css" />
    </head>
    <body>

        <!-- Header -->
            <section id="header">
                <header>
                    <span class="image avatar"><img src="images/avatar.jpg" alt="" /></span>
                    <h1 id="logo"><a href="#">Willis Corto</a></h1>
                    <p>I got reprogrammed by a rogue AI<br />
                    and now I'm totally cray</p>
                </header>
                <nav id="nav">
                    <ul>
                        <li><a href="#one" class="active">About</a></li>
                        <li><a href="#two">Things I Can Do</a></li>
                        <li><a href="#three">A Few Accomplishments</a></li>
                    </ul>
                </nav>
            </section>

        <!-- Wrapper -->
            <div id="wrapper">

                <!-- Main -->
                    <div id="main">

                        <!-- One -->
                            <section id="one">
                                <div class="container">
                                    <header class="major">
                                        <h2>Read Only</h2>
                                        <p>Just an incredibly simple responsive site<br />
                                        template freebie by <a href="http://html5up.net">HTML5 UP</a>.</p>
                                    </header>
                                    <p>Faucibus sed lobortis aliquam lorem blandit. Lorem eu nunc metus col. Commodo id in arcu ante lorem ipsum sed accumsan erat praesent faucibus commodo ac mi lacus. Adipiscing mi ac commodo. Vis aliquet tortor ultricies non ante erat nunc integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum.</p>
                                </div>
                            </section>

                        <!-- Two -->
                            <section id="two">
                                <div class="container">
                                    <h3>Things I Can Do</h3>
                                    <p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer lorem ipsum dolor sit amet.</p>
                                    <ul class="feature-icons">
                                        <li class="fa-code">Write all the code</li>
                                        <li class="fa-cubes">Stack small boxes</li>
                                        <li class="fa-book">Read books and stuff</li>
                                        <li class="fa-coffee">Drink much coffee</li>
                                        <li class="fa-bolt">Lightning bolt</li>
                                        <li class="fa-users">Shadow clone technique</li>
                                    </ul>
                                </div>
                            </section>

                        <!-- Three -->
                            <section id="three">
                                <div class="container">
                                    <h3>A Few Accomplishments</h3>
                                    <p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer. Integer eu ante ornare amet commetus.</p>
                                    <div class="features">
                                        <article>
                                            <a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
                                            <div class="inner">
                                                <h4>Possibly broke spacetime</h4>
                                                <p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
                                            </div>
                                        </article>
                                        <article>
                                            <a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
                                            <div class="inner">
                                                <h4>Terraformed a small moon</h4>
                                                <p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
                                            </div>
                                        </article>
                                        <article>
                                            <a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
                                            <div class="inner">
                                                <h4>Snapped dark matter in the wild</h4>
                                                <p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
                                            </div>
                                        </article>
                                    </div>
                                </div>
                            </section>

                    </div>

            </div>

        <!-- Scripts -->
            <script src="assets/js/jquery.min.js"></script>
            <script src="assets/js/jquery.scrollzer.min.js"></script>
            <script src="assets/js/jquery.scrolly.min.js"></script>
            <script src="assets/js/skel.min.js"></script>
            <script src="assets/js/util.js"></script>
            <script src="assets/js/main.js"></script>
    </body>
</html>