index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/51e52ffc9b.js" crossorigin="anonymous"></script>
    <title>Document</title>
</head>
<body>
    <nav class="navbar">
        <ul>
          <li class="brand"><a href="index.html" class="nav-link">Home</a></li>
        <li><a href="contact.html" class="nav-link"><i class="far fa-envelope"></i>Contact</a>
        </li>
            <li class="brand"><a href="about.html" class="nav-link">Tigers</a></li>
        </ul>
      </nav>
       <header id="home">
        <h1 class="header-tag">Welcome to</h1>
        <h3 class="header-tag">The Jungle</h3>
      </header>
      <div class="main">
        <section id="about">
          <div id="about-picture">
            <img src="./assets/tiger.jpg" alt="Tiger about-picture" id="profile-pic">
          </div>
          <div id="about-content">
            <h2> The Jungle Overview </h2>
            <p>
              This site is dedicated to my three boys, all under 12, who each have an animal they love.  Our combined goal will be for each to build out a page highlighting our favorite animal.  My 3 year old is currently too young to learn HTML, how was able to pick out the tigers!  The older two will learn HTML along side me, as they build out their own section to this website.
            </p>
          </div>
        </section>
      </div> 
</body>
</html> 