sidebar-markup-bonus.html

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width">
  
  <title>Let's make a sidebar!!</title>

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

</head>

<body>


<input type="checkbox" id="sidebartoggler" name="" value="">

<div class="page-wrap">
  
  <label for="sidebartoggler" class="toggle">☰</label>
  
  <div class="page-content">
  
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
    
    <div class="unit"></div>
    <div class="unit"></div>
    <div class="unit"></div>
  
  </div>
  
  <div class="sidebar">
    <ul>
      <li>Home</li>
      <li>Projects</li>
      <li>Clients</li>
      <li>Blog</li>
      <li>Contact</li>
    </ul>
  </div>

</div>
  

</body>
</html>