<!DOCTYPE html>
<html>
  <head>
    <meta charset = "UTF-8">
    <title>STEP Capstone</title>
    <link rel = "stylesheet" href = "style.css">
    <script src = "script.js"></script>
  </head>
  <body>
    <div class="header">
      <div class="header-left">
        <a href="/index.html">        
          <img src="images/uniteLogo.svg" alt="Unite by STEP logo.">
        </a>
        <a href="/index.html">Home</a>
        <a href="/create-event.html">Create</a>
        <a href="/search.html">Find</a>
      </div>
      <div class="header-right">
        <a href="/my-events.html">My Events</a>
      </div>
    </div>
    <div class="hero-image">
      <div class="hero-text">
        <h1>Let's unite and make a difference, step by step</h1>
      </div>
    </div>
    <p>Hello</p>
    <div class="page-content"></div>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "UTF-8">
    <title>STEP Capstone</title>
    <link rel = "stylesheet" href = "style.css">
    <script src = "script.js"></script>
  </head>
  <body>
    <div class="header">
      <div class="header-left">
        <a href="/index.html">        
          <img src="images/uniteLogo.svg" alt="Unite by STEP logo.">
        </a>
        <a href="/index.html">Home</a>
        <a href="/create-event.html">Create</a>
        <a href="/search.html">Find</a>
      </div>
      <div class="header-right">
        <a href="/my-events.html">My Events</a>
      </div>
    </div>
    <div class="hero-image">
      <div class="hero-text">
        <h1>Let's unite and make a difference, step by step</h1>
      </div>
    </div>
    <p>Hello</p>
    <div class="home-page-content"></div>
  </body>
</html>

Create unique empty div for the home page content
Create unique empty div for the home page content
