<!DOCTYPE html>
<html lang="en">
<head>
  <title>Anchor Tag</title>
</head>
<body>
  <header class="header">
    <nav>
      <a href="#about-me">About Me</a>
    </nav>
  </header>
  <div class="random-content">
    <h1>Random Contenet</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam aliquam eligendi itaque officia natus commodi velit voluptates quod sunt possimus.</p>
  </div>
  <div class="random-content">
    <h1>Random Contenet</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam aliquam eligendi itaque officia natus commodi velit voluptates quod sunt possimus.</p>
  </div>
  <div class="random-content">
    <h1>Random Contenet</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam aliquam eligendi itaque officia natus commodi velit voluptates quod sunt possimus.</p>
  </div>
  <div class="random-content">
    <h1>Random Contenet</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam aliquam eligendi itaque officia natus commodi velit voluptates quod sunt possimus.</p>
  </div>
  <div class="random-content">
    <h1>Random Contenet</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam aliquam eligendi itaque officia natus commodi velit voluptates quod sunt possimus.</p>
  </div>
  <div class="random-content">
    <h1>Random Contenet</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam aliquam eligendi itaque officia natus commodi velit voluptates quod sunt possimus.</p>
  </div>
  <div id="about-me" style="color:blue">
    <h2>About Me</h2>
    <p>I'm Aya Bouchiha, a full stack web developer who loves converting your ideas to reality by creating exquisite and responsive web apps</p>
  </div>
</body>
</html>
html {
  scroll-behavior:smooth;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.