<html>
  <head>
    <title>jQuery Mini Challenge 1</title>
  </head>
  <body>
    <header>
      <h1 id ="main-heading">Introducing jQuery</h1>
    </header>
    <section class = "first-section">
      <h3>What is jQuery?</h3>
      <p>jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.</p>
    </section>
    <section class = "second-section">
      <h3>Why jQuery?</h3>
      <ul class="list-class">
        <li class="list-item">Lightweight Footprint</li>
        <li class="list-item">CSS3 Compliant</li>
        <li class="list-item">Cross-Browser</li>
      </ul>
    </section>
    
    <footer>
      <p>Source: <a href="https://jquery.com/">www.jquery.com</a></p>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    </footer>
  </body>
</html>