<!DOCTYPE html>
<html>
  <head>
    <meta charset = "UTF-8">
    <title>Preference Survey</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="survey-background">
      <div class = "survey-container">
        <h1 id="survey-header">What are you looking for?</h1>
        <div class="survey-tags-container">
          <span class="tag black-background">blm</span>
          <span class="tag blue-background">education</span>
          <span class="tag green-background">environment</span>
          <span class="tag orange-background">volunteer</span>
          <span class="tag black white-background">LGBTQ+</span>
        </div>
        <img id = "survey-save" src="images/save-bttn.png" alt="Save"/>
      </div>
    </div>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "UTF-8">
    <title>Preference Survey</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="survey-background">
      <div class = "survey-container">
        <h1 id="survey-header">What are you looking for?</h1>
        <div class="survey-tags-container">
          <span class="tag blm">blm</span>
          <span class="tag education">education</span>
          <span class="tag environment">environment</span>
          <span class="tag volunteer">volunteer</span>
          <span class="tag rainbow">LGBTQ+</span>
        </div>
        <img id = "survey-save" src="images/save-bttn.png" alt="Save"/>
      </div>
    </div>
  </body>
</html>

Fix tag style for new system
Fix tag style for new system
