event-object/skateboard-gallery/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Задача 2. Галерея скейтбордов | Домашнее задание к лекции 2.1</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <h2>Галерея самых модных скейтбордов</h2>
  <img id="view" class="gallery-view" src="images/full/01.jpg">
  <nav id="nav" class="gallery-nav">
    <a href="images/full/01.jpg" class="gallery-current" target="_blank">
      <img src="images/thumb/01.jpg" title="RESIN">
    </a>
    <a href="images/full/02.jpg" target="_blank">
      <img src="images/thumb/02.jpg" title="SWALLOW">
    </a>
    <a href="images/full/03.jpg" target="_blank">
      <img src="images/thumb/03.jpg" title="DA MONSTA">
    </a>
    <a href="images/full/04.jpg" target="_blank">
      <img src="images/thumb/04.jpg" title="SERAPE">
    </a>
    <a href="images/full/05.jpg" target="_blank">
      <img src="images/thumb/05.jpg" title="KERRLAGE">
    </a>
    <a href="images/full/06.jpg" target="_blank">
      <img src="images/thumb/06.jpg" title="USA RESIN">
    </a>
    <a href="images/full/07.jpg" target="_blank">
      <img src="images/thumb/07.jpg" title="EGGBEATER">
    </a>
  </nav>
</body>
</html>