src/animated-underline/index.html

<html lang="en">
  <head>
    <link
      href="https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap"
      rel="stylesheet"
    />
    <link href="https://cdn.jsdelivr.net/npm/normalize.css" rel="stylesheet" />
    <link href="../base-styles.css" rel="stylesheet" />
    <link href="index.css" rel="stylesheet" />

    <title>Animated Underline</title>
  </head>
  <body>
    <header>
      <h1 class="inspired-title">Animated Underline</h1>
      <h2 class="inspired-credit">
        Inspiration:
        <cite class="inspired-credit__citation"
          ><a href="https://github.com/">GitHub</a></cite
        >
      </h2>
    </header>

    <div class="inspired-container">
      <div class="content">
        <a href="#" class="animated-underline">
          I'm a fancy link
        </a>
        <div>It's all about the details</div>
      </div>
    </div>
  </body>
</html>