exercises/10-hold-shift-and-check-checkboxes/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="../../global//reset.css" />

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

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

    <title>Hold Shift to Check Multiple Checkboxes</title>

    <link rel="shortcut icon" href="images/icon.svg" type="image/x-icon" />
  </head>
  <body>
    <a class="back-home" href="../../index.html">Back to Home</a>

    <div class="wrapper">
      <div class="inbox">
        <div class="item">
          <input type="checkbox" />
          <p>This is an inbox layout.</p>
        </div>
        <div class="item">
          <input type="checkbox" />
          <p>Check one item</p>
        </div>
        <div class="item">
          <input type="checkbox" />
          <p>Hold down your Shift key</p>
        </div>
        <div class="item">
          <input type="checkbox" />
          <p>Check a lower item</p>
        </div>
        <div class="item">
          <input type="checkbox" />
          <p>Everything in between should also be set to checked</p>
        </div>
        <div class="item">
          <input type="checkbox" />
          <p>Try to do it without any libraries</p>
        </div>
        <div class="item">
          <input type="checkbox" />
          <p>Just regular JavaScript</p>
        </div>
        <div class="item">
          <input type="checkbox" />
          <p>Good Luck!</p>
        </div>
        <div class="item">
          <input type="checkbox" />
          <p>Don't forget to tweet your result!</p>
        </div>
      </div>
    </div>

    <script src="js/script.js"></script>
  </body>
</html>