index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Tom Sharkey's Profile</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="assets/stylesheets/main.css">
  <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet"></head>
  <body>

    <nav>
        <ul class="nav">
          <li class="name">Tom Sharkey</li>
          <li><a href="index.html">Home</a></li>
          <li><a href="experience.html">Experience</a></li>
        </ul>
    </nav>

    <header>
      <img src="assets/images/bike.jpg" alt="Tom riding a bike on the Fremont Bridge" class="profile-image">
      <h1 class="tag name">Hello, I’m Tom.</h1>
      <p class="tag location">My home is the Pacific Northwest.</p>
    </header>

    <main class="flex">
      <article>
        <h2>Background</h2>
        <p>I’m an aspiring technology professional who enjoys making projects and learning new technologies. I've lived across the US and have found my home in the Pacific Northwest where I have been somewhat of a
          nomad. My background has been in logistics and transportation including military and commericals enviroments.<br><br> My first webpage was for a summer school class back in 1996 and I am learning to take 
          advantage of all the new things that have emerged since then as I focus on this profession. It is my hope to begin a new career path Cloud Technologies.</p>
        </article> 

      <article>
        <h2>Hobbies</h2>
        <p>I have many different hobbies that I partake in:</p>
          <ul >
            <li>Baking</li>
            <li>Cycling</li>
            <li>Hiking</li>
            <li>Kayaking</li>
            <li>Sailing</li>
          </ul>
        <img class ="article-pic" src="assets/images/sailing.jpg" alt="Tom Sailing a boat.">
      </article> 

      <article>
        <h2>Goals</h2>
        <p>I am currently learning and applying the skills of the following technologies:</p>
        <ul class="skills">
          <li>HTML</li>
          <li>CSS</li>
          <li>JavaScript</li>
          <li>Ruby</li>
          <li>Rails</li>
          <li>SQL</li>
        </ul>
        <ul class="skills">
          <li>Comptia A+ CE</li>
          <li>AWS Cloud Practitioner</li>
          <li>Google IT Support Certificate</li>
        </ul>
        <p>I'd like to strengthen these skills in addition to adding many others in my pursuit in a career of being a cloud practitioner. I'm am currently working on the CCNA certification to grow my skills in networking</p>
      </article> 

    </main>
    <footer>
      <ul>
        <li><a href="https://twitter.com/TomSharkey84" class="social twitter">Twitter</a></li>
        <li><a href="https://www.linkedin.com/in/tomsharkey/" class="social linkedin">LinkedIn</a></li>
        <li><a href="https://github.com/tbsharkey" class="social github">Github</a></li>
      </ul>
      <p class="copyright">Copyright 2021 Tom Sharkey</p>
    </footer>
  </body>
  </html>