index.html

<link href="styles.css" rel="stylesheet">

<div id="header">
<h1 class="center">
Portfolio
</h1>
<h2 class="center">Nathan Kulzer</h2>
<hr>
</div>
<p class="center">Right click images to enlarge, then Ctrl-S to save</p>

<div class="mainbox" id="shufCont">
  <div class="image-showcase">
  <h3>Monochromatic Collage</h3>
    <img src="MonoCollage.jpg">
  </div>
  <div class="image-showcase">
  <h3>Propaganda Poster</h3>
    <img src="Propaganda.jpg">
  </div>
  <div class="image-showcase">
  <h3>Edible Architecture</h3>
    <div class="rel">
    <img class="inject-placekitten" src="https://placekitten.com/g/300/200?nocache=4989854">
    <div class="ib allcenter back">No image yet...</div>
    </div>
  </div>
  <div class="image-showcase">
  <h3>Digital Painting</h3>
    <div class="rel">
    <img class="inject-placekitten" src="https://placekitten.com/g/300/200?nocache=243434">
    <div class="ib allcenter back">I lost the file for this.</div>
    </div>
  </div>
  
</div>

<script src="main.js"></script>