index.html

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./src/main.css">
  <title>My Homepage</title>
</head>

<body>
  <nav>
    <a href="#home" class="transition">Home</a>
    <a href="#about" class="transition">About</a>
    <a href="#favourites" class="transition">Favourites</a>
    <a href="#contact" class="transition">Contact</a>
  </nav>
  <img id="home" class="hero-img" src="./src/assets/smithers.jpg" alt="mountain range">
  <section class="profile">
    <img src="./src/assets/profile.jpg" alt="profile photo">
    <h1 class="name">Kara Schaefer</h1>
    <h2>Personal Tagline</h2>
  </section>
  <section id="about">
    <h3 class="h3-class another-class a-third-class" style="color:'red';">About</h3>
    <p>Spicy jalapeno bacon ipsum dolor amet biltong t-bone andouille pork belly, landjaeger swine brisket kielbasa filet mignon pig meatloaf drumstick shankle ribeye short ribs. Tongue meatloaf pork ribeye landjaeger, brisket beef ribs frankfurter shank
      tri-tip fatback corned beef venison. Doner venison shoulder, ribeye pork chop short ribs ham jerky tri-tip bacon. Cow biltong pork loin pancetta swine beef. Pig alcatra doner, spare ribs beef andouille pork chop burgdoggen corned beef shankle. Meatloaf
      ham hock drumstick beef turkey.</p>
    <p>Cupcake ipsum dolor sit amet tootsie roll marshmallow marzipan lollipop. Gummi bears I love chupa chups powder halvah chocolate cake gingerbread gummi bears muffin. Pie wafer tiramisu I love. Danish halvah bear claw chocolate bar cheesecake I love
      tiramisu. Carrot cake gummies jelly beans soufflé carrot cake pudding. Dragée oat cake caramels cotton candy halvah. Jelly-o apple pie I love bonbon. Candy canes topping gingerbread gummi bears caramels dragée lollipop gummies muffin. Donut cookie
      soufflé cheesecake jelly beans biscuit I love I love macaroon. Oat cake powder sugar plum jelly sugar plum apple pie. Muffin ice cream dessert chocolate cake fruitcake. Tootsie roll ice cream ice cream cookie sweet gummies croissant candy halvah.</p>
  </section>
  <section id="favourites">
    <h3 class="h3-class">Favourite Things</h3>
    <img src="https://placebear.com/201/400" alt="bear in water">
    <img src="https://placebear.com/200/400" alt="bear on a rock">
    <img src="https://placebear.com/203/400" alt="bear closeup">
  </section>
  <section id="contact">
    <a href="https://twitter.com/kayschaef" class="transition bottom-nav">Twitter</a>
    <a href="https://github.com/yvkschaefer" class="transition bottom-nav">Github</a>
    <a href="https://linkedin.com/in/kara-schaefer" class="transition bottom-nav">LinkedIn</a>
  </section>
</body>

</html>