mfa bootcamp web day 5 in-class code

<!doctype HTML>
<html>

<head>

<meta charset="utf-8">

<title>Grumpy Cat Fan Club</title>

<link rel="stylesheet" type="text/css" href="./styles.css">
</head>

<div id="wrapper">

<header id="banner">

<div id="title">
        <h1>The Official Grumpy Cat Fan Club!</h1>
      </div>

<nav>
        
        <ul>
          <li><a href="#">link one</a></li> 
          <li><a href="#">link two</a></li>
          <li><a href="#">link three</a></li>
        </ul>        
      </nav>
    </header>

<main>

<section class="grumpy">

<figure>
          
          <img src="https://cdn.grumpycats.com/wp-content/uploads/2014/06/Grumpy-Cat-625x625.jpg">

<figcaption>
            Hi, I'm Grumpy Cat
          </figcaption>
        </figure>
        
        <div class="grumpy-comments">
          
          <h3 class="discuss"> Here we will discuss our Grumpy Cat LOL</h3>
          <p>Comments about Grumpy Cat!!!</p>
        </div>
      </section>

<section class="grumpy">
        <figure>         
          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Grumpy_Cat_by_Gage_Skidmore.jpg/800px-Grumpy_Cat_by_Gage_Skidmore.jpg">                    
          <figcaption>
            I'm Grumpy again.
          </figcaption>
        </figure>        
        <div class="grumpy-comments">
          
          <h3 class="discuss"> Here we will discuss another Grumpy Cat</h3>
          <p>More comments about Grumpy Cat!!!</p>
        </div>
      </section>
    </main>
  </div>
</body>
</html>