Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="style.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Title</title>
</head>
<body>
<main>
  <div class="page-title">
    <p class="additional-font-specification">
      WORK OF EXCELLENCE
    </p>
    <header class="page-title-header">
      RECENT PROJECTS
    </header>
  </div>

  <div class="projects-content">
    <article class="project-info">
      <div class="img-wrapper"><img src="images/image1.png" alt=""></div>
      <h3 class="header-text">WE JUST COMPLETES $17.6 MILLION MEDICAL CLINIC IN MID-MISSOURI</h3>
      <p class="date"> JULY 20, 2017</p>
    </article>
    <article class="project-info">
      <div class="img-wrapper "><img src="images/image2.png" alt=""></div>
      <h3 class="header-text">THANDLER AIRPORT WATER RECLAMATION FACILITY EXPANSION PROJECT NAMED</h3>
      <p class="date p">JUNE 17, 2017</p>
    </article>
    <article class="project-info">
      <div class="img-wrapper "><img src="images/image3.png" alt=""></div>
      <h3 class="header-text">SILICON BENCH AND CORNIKE BEGIN CONSTRUCTION SOLAR FACILITIES</h3>
      <p class="date p"> AUG 13, 2017</p>
    </article>
  </div>
  <div class="button-wrapper">
    <button class="see-all-posts-button">
      see all posts
    </button>
  </div>
</main>
</body>
</html>