index.html

﻿<!DOCTYPE html>
<html>
  <head>
    <title>ECE461L HW5</title>
    <link href="./stylesheet.css" rel="stylesheet" />
    <meta name="author" content="Jackson Johnston" />
    <meta name="description" content="About Me" />
  </head>
  <body>
    <div class="wrapper">
      <div class="welcome">
        <h1>Welcome to my personal site!!!</h1>
        <p id="name_in_title">
          My name is <span id="name">Jackson Johnston</span>
        </p>
      </div>
      <div id="left_info" class="personal_info">
        <h3>Who I Am:</h3>
        <p>
          My name is Jackson Johnston and I am a Junior Electrical and Computer
          Engineering major at the Univeristy of Texas at Austin. I enjoy
          playing golf and spikeball as well as riding my dirt bike. Some of my
          favorite things include Pokemon, cooking, and having plants.
        </p>
        <a href="https://www.linkedin.com/in/jackson-johnston/" class="link">
          Here's my Linkedin!
        </a>
      </div>
      <div id="right_info" class="personal_info">
        <h3>Where I'm From:</h3>
        <p>
          I was born in Fairfax, Virginia. Then I moved to Antwerp, Belgium.
          After that I moved to Dallas, Texas and then to Houston, Texas. And
          now, currenlty, I live in Austin, Texas! Fun Fact: I went to 4
          different schools by the time I was done with elementary school!
        </p>
        <a href="https://en.wikipedia.org/wiki/Schoten" class="link">
          Here's where I grew up in Belgium!
        </a>
      </div>
      <div class="dog_info">
        <h3>My Dream Dogs</h3>
        <p>
          I have loved dogs my whole life and I have always had a clear
          favorite. My dream is to have two German Shepherds: Zasha, named after
          a dog from book I loved when I was younger, and Patroclus, named after
          Achilles companion in the Illiad. Additionally, I would like to have
          one of the dogs, Zasha, to have a darker coat like the dog on the left
          side of the image and the other dog, Patroclus, to have the more
          standard coat for German Shephers, like the dog on the right side of
          the image.
        </p>
        <img
          src="images/portrait-of-two-german-shepherds.jpg"
          alt="German Shepherd"
        />
      </div>
    </div>
  </body>
</html>