index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Francesco Gioai</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="main">
      <nav>
        <div class="nav-main">
          <h1>Francesco Gioai</h1>
          <div class="nav-right">
            <h2>Instagram</h2>
            <h2>Gallery</h2>
            <h2>Content</h2>
          </div>
        </div>
        <div class="images-wrapper">
            <img
              id="img1"
              src="https://st2.depositphotos.com/3584053/8475/i/950/depositphotos_84750772-stock-photo-sexy-woman-licking-lips.jpg"
              alt="Smoking girl dude"
            />
            <img
              id="img2"
              src="https://i.pinimg.com/474x/11/b2/db/11b2dbc673146126727562f52e6723a5.jpg"
              alt="Smoking girl dude"
            />
            <img
              id="img3"
              src="https://media.istockphoto.com/id/1128625437/photo/retro-woman-smoking-cigar-fashion-model-old-fashioned-beauty-portrait.jpg?s=612x612&w=0&k=20&c=i3cbNfIIXow8WUgoGAkfGsMsi_bA2ns4lhdvcbpC8CM="
              alt=""
            />
          </div>
      </nav>

      <div class="center">
        <h2>HELLO, I'M</h2>
        <h2>FRANCESCO</h2>
        <h2>GIOIA</h2>
      </div>
      <div class="bottom">
        <h4>FRANCESCO</h4>
        <h4>
          A STREET PHOTOGRAPHER <br />
          BASED IN LONDON
        </h4>
        <h4>&copy;2021</h4>
      </div>
    </div>

    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
      integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <script src="script.js"></script>
  </body>
</html>