index.html

<!DOCTYPE html>
<html lan="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>Responsive, Accessible Web Design</title>
</head>
  <body>
    <nav id="navbar">
      <ul>
      <li><a class="nav-link"href="#projects">Projects</a></li>
      <li><a class="nav-link" id="profile-link" href="https://www.freecodecamp.org/IanMckenna87" target="_blank">Contact</a></li>
      </ul>
      </nav>
    <section id="welcome-section">
      <h1>Responsive Web Design</h1>
    <p> Responsive, accessible web design shaping and creating content that is engaging and relevant for your users </p>
    
    
    </section>
    
    <section id="projects">
      <div id="projects-grid">
        <a class="project-tile" href="https://codepen.io/ianmckenna87/full/RweQjbm">
<img class="tile" src="https://assets.nintendo.com/image/upload/ar_16:9,b_auto:border,c_lpad/b_white/f_auto/q_auto/dpr_1.25/c_scale,w_900/ncom/software/switch/70010000063714/276a412988e07c4d55a2996c6d38abb408b464413b2dfeb44d2aa460b9f622e1"/>
        <p class="project-title">Product landing pages</p>
        </a>
      
<a class="project-tile" href="https://codepen.io/ianmckenna87/full/yLRvPpp">
<img class="tile" src="https://upload.wikimedia.org/wikipedia/en/thumb/c/ca/Studio_Ghibli_logo.svg/1920px-Studio_Ghibli_logo.svg.png"/>
<p class="project-title">Tribute Pages</p>
</a>

</div>

    </section>


  </body>
</html>