scroll-animation/index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Scroll animation effect</title>
  <link rel="stylesheet" href="./styles/main.css">
</head>

<body>
  <section class="intro">
    <h1>Welcome to the page!</h1>
  </section>
  <section class="container">
    <h1>Scroll</h1>
    <div class="row">
      <div class="col">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum neque at totam rerum ab quis blanditiis
          obcaecati, dolor et vel autem quibusdam delectus non natus. Dolorum beatae minus delectus ipsam.
          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iure ab sunt veniam incidunt? Possimus asperiores
          impedit, sapiente tenetur ab officia. Aliquam voluptas suscipit libero numquam similique ex consectetur
          mollitia incidunt?
        </p>
      </div>
      <div class="col">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum neque at totam rerum ab quis blanditiis
          obcaecati, dolor et vel autem quibusdam delectus non natus. Dolorum beatae minus delectus ipsam.
          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iure ab sunt veniam incidunt? Possimus asperiores
          impedit, sapiente tenetur ab officia. Aliquam voluptas suscipit libero numquam similique ex consectetur
          mollitia incidunt?
        </p>
      </div>
    </div>
  </section>

  <img src="./assets/fields.jpg" alt="nature">

  <script src="./scripts/app.js"></script>
</body>

</html>