<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>OnoCode Dashboard</title>

  <link rel="stylesheet" href="css/normalize.css">

    <link rel="stylesheet" href="css/style.css">

    <script src="js/modernizr.js"></script>

</head>

<body>

  <nav id="site-nav" class="site-nav" role='navigation'>
  <button href="#" id="site-nav--toggle"  class="site-nav--toggle"><i class="entypo-menu"></i>Menu</button></button>
  <ul class="site-nav--list">
    <li><a href="#"><i class="entypo-gauge"></i>Dashboard</a></li>
    <li><a href="#"><i class="entypo-download"></i>Backups</a></li>
    <li><a href="#"><i class="entypo-picture"></i>Media</a></li>
    <li><a href="#"><i class="entypo-doc-text"></i>Pages</a></li>
    <li><a href="#"><i class="entypo-chart-bar"></i>Settings</a></li>
    <li><a href="#"><i class="entypo-user"></i>Your Profile</a></li>
    <li><a href="#"><i class="entypo-logout"></i>Logout</a></li>
    <li><a href="#"><i class="entypo-lifebuoy"></i>Help</a></li>
  </ul>
</nav>
<div class="wrapper">
  <header class="site-header">
    <h1>OnoCode | <span class="site-header--current">Dashboard</span></h1>
    <aside class="account">Administrator <i class="entypo-user"></i></aside>
  </header>
  <section class="workspace">
    <p class="small-only">↑ This ugly stuff is why you should design mobile first!</p>
    <h2>Some dummy heading here</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget pulvinar risus. Sed rhoncus eget velit ac convallis. Duis sit amet neque blandit, facilisis est sit amet, hendrerit odio. Curabitur euismod sapien elit, quis.</p>
    <p>amet. Curabitur nec mauris et diam egestas ullamcorper. Etiam tristique tellus eu dui auctor interdum. Curabitur in enim ac tellus varius blandit non sit amet erat. Ut et sodales quam. Sed quis eros sit amet ante ultrices accumsan.</p>
    <p>Accusantium nisi aspernatur facilis aliquam vitae placeat ducimus soluta culpa expedita provident fuga dolore perferendis quam similique dolorum facere quas qui ipsum repellendus sit quaerat totam quasi ut reprehenderit labore.</p>
    <p>Aliquam ullamcorper sollicitudin eleifend. Donec nunc elit, semper eget tellus vel, convallis interdum nulla. Suspendisse quis aliquet mi. Nulla eget facilisis leo. Suspendisse potenti. Etiam auctor varius metus, quis iaculis turpis.</p>
    <p>Corporis est vero inventore maxime blanditiis quis. Voluptate architecto totam consequatur ipsam sint odit sequi optio porro incidunt distinctio enim laborum aliquid vel eveniet fugit! Adipisci architecto alias esse rem.</p>
    <p>Etiam consequat enim id augue bibendum dignissim. Sed libero metus, lacinia in porta eu, feugiat non velit. Vivamus auctor, mi non tempor ultricies, sapien nisi sodales orci, non cursus nunc ipsum non libero. In neque ipsum.</p>
    <p>Numquam debitis aliquid maiores cum voluptas est eum porro ducimus non enim ratione ipsam voluptatem nesciunt reprehenderit culpa laudantium quo totam vero dolore rerum quidem nisi voluptates quaerat in alias?</p>
    <p>Mauris pellentesque lacus arcu, a posuere erat consequat nec. Mauris eu facilisis odio. Nullam hendrerit lorem metus, a volutpat nisl luctus a. Suspendisse feugiat ut libero a pulvinar. Cras sed iaculis purus.</p>
    <p>Duis pellentesque tincidunt libero, nec finibus lectus porttitor quis. Ut fermentum, nisi vitae malesuada facilisis, nisl odio cursus mi, sed lacinia urna nibh sit amet est. Fusce in erat interdum, mattis dolor et, fringilla nibh.</p>
  </section>
</div>

  <script src='js/jquery.js'></script>

  <script src="js/index.js"></script>

</body>

</html>