design-projects.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" type="text/css" href="css/design-projects.css" />
    <link
      href="https://fonts.googleapis.com/css?family=Roboto:100&display=swap"
      rel="stylesheet"
    />
    <title>John Mooney's Portfolio</title>
  </head>
  <body>
    <section id="main">
      <nav class="main-nav">
        <a href="index.html">Home</a>
        <a href="web-projects.html">Web Projects</a>
      </nav>
      <div id="headline-container">
        <h1>Design Projects</h1>
      </div>
      <div id="content-wrapper">
        <div class="row">
          <div class="column">
            <img src="assets/flyers/orange_flyer.jpg" loading="lazy" />
            <img src="assets/logos/h_trees.jpg" loading="lazy" />
            <img src="assets/paintings/floatingtree.jpg" loading="lazy" />
            <img src="assets/logos/sw.jpg" />
            <img src="assets/paintings/black_sea.jpg" loading="lazy" />
            <img src="assets/logos/steampunk_clock.jpg" loading="lazy" />
            <img src="assets/paintings/timburtonpainting.jpg" loading="lazy" />
          </div>
          <div class="column">
            <img src="assets/logos/koi_fish.jpg" loading="lazy" />
            <img src="assets/paintings/forest.jpg" loading="lazy" />
            <img src="assets/flyers/black_friday_flyer.jpg" loading="lazy" />
            <img src="assets/logos/prototypelogofinalw.png" loading="lazy" />
            <img src="assets/paintings/mad_joker.jpg" loading="lazy" />
            <img src="assets/flyers/moving_flyer.jpg" loading="lazy" />
            <img src="assets/logos/spring_fever.jpeg" loading="lazy" />
          </div>
          <div class="column">
            <img src="assets/paintings/alienplant.jpg" loading="lazy" />
            <img src="assets/flyers/chocolate_flyer.jpg" loading="lazy" />
            <img src="assets/logos/hailey_ny2.jpg" loading="lazy" />
            <img src="assets/paintings/ugly.jpg" loading="lazy" />
            <img src="assets/logos/steampunk_banner.jpg" loading="lazy" />
            <img src="assets/logos/hailey_ny.jpg" loading="lazy" />
            <img src="assets/paintings/sorrow.jpg" loading="lazy" />
          </div>
          <div class="column">
            <img src="assets/photoshops/surrealhomework2.jpg" loading="lazy" />
            <img src="assets/logos/lily_bubbly.jpg" loading="lazy" />
            <img src="assets/paintings/star_wars.jpg" loading="lazy" />
            <img src="assets/photoshops/finalproject.jpg" loading="lazy" />
            <img src="assets/paintings/penguin.jpg" loading="lazy" />
          </div>
        </div>
      </div>
    </section>
  </body>
</html>