<!-- Main -->
    <div id="main">
      <div class="inner">
        <header>
          <h1>Welcome to my Fab Academy site!</h1>
          <h3>Take a look at my progress!</h3>
        </header>
        <section class="tiles">
          <article class="style1">
            <span class="image">
              <img src="assets/images/ProyectManagementImage.png" alt="" />  <-- Here you can change the image inside the box.
            </span>
            <a href="assignments/week01.html"> <-- Here's the link to the assignment page you want to link. 
              <h2>Week 1</h2>     <-- Here is the text shown above the box.
              <div class="content">
                <p>Project management</p> <-- This is the text shown when you hover the mouse inside the box.
              </div>
            </a>
          </article>
          <article class="style2">
            <span class="image">
              <img src="assets/images/CADImage.png" alt="" /> <-- Next box's image.
            </span>
            <a href="#"> <-- This is a second box, whose link to a page is empty. Make sure to change that when you create your next page!
              <h2>Week 2</h2>  <-- Text above the box.
              <div class="content">
                <p>Computer Aided design</p> <-- Hover reaction text.
              </div>
            </a>
          </article>re
ThirdHTML
