<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Homecoming 2021</title>
  <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="styles.css" type="text/css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <h1>2021 Homecoming but 2023 actually wins<span style="font-size: .3em">website made by rushil</span></h1>
  <h2 class="not-mobile"><span>Hoco Committee Applications</span></h2>

  <ul class="masonry-list">
    <li class="tile-case">
      <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSctt1LQdAmttVa-f-e6CCBso-aSL5UC2lQMgO0AnjrSQqN0PQ/viewform?usp=sf_link">
        <div class="tile-primary-content fill">
          <img src="mex.png" alt="">
        </div>
        <div class="tile-secondary-content">
          <p>Apply for MEXComm</p>
        </div>
      </a>
    </li>
    <li class="tile-case">
      <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLScfzWo_ImV0aehzXHvliSi56l1pmhhzHoZ7jNp6MpSBqgSUvg/viewform?usp=sf_link">
        <div class="tile-primary-content">
          <img src="pep.png" alt="">
        </div>
        <div class="tile-secondary-content">
          <p>Apply for PepComm</p>
        </div>
      </a>
    </li>
    <li class="tile-case">
      <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLScrwCLszXbNXqSrDwciPSAjnLv3SUk9UDWpA3DMOVKeIvp65Q/viewform?usp=sf_link">
        <div class="tile-primary-content">
          <img src="can.png" alt="">
        </div>
        <div class="tile-secondary-content">
          <p>Apply for SculptureComm</p>
        </div>
      </a>
    </li>
    <li class="tile-case">
      <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSeEFknVCMM-uS5CAEA9p9OJPAgKSOEOmYllfbcoTujZbphtOw/viewform?usp=sf_link">
        <div class="tile-primary-content">
          <img src="vid.png" alt="">
        </div>
        <div class="tile-secondary-content">
          <p>Apply for VidComm</p>
        </div>
      </a>
    </li>
    <li class="not-mobile">
      <img src="2023.png" alt="" style="height: 100%">
    </li>
    <li class="tile-case">
      <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSccNSsAUNeuj_uiEnO_VwhQB2pG5UW-ane3GlQGHAX9EaDf3g/viewform?usp=sf_link">
        <div class="tile-primary-content">
          <img src="float.png" alt="">
        </div>
        <div class="tile-secondary-content">
          <p>Apply for FloatComm</p>
        </div>
      </a>
    </li>
    <li class="tile-case">
      <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSevZAybBym03MYfS-AuY577U4W9dH5Hca1RmkpwWI89-B8ISQ/viewform?usp=sf_link">
        <div class="tile-primary-content">
          <img src="banner.png" alt="">
        </div>
        <div class="tile-secondary-content">
          <p>Apply for BannerComm</p>
        </div>
      </a>
    </li>
    <li class="tile-case">
      <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSce17D6-xsopy4aA3hVyCTc34HPz8rYCpUe4bM9semFDsSvAw/viewform?usp=sf_link">
        <div class="tile-primary-content">
          <img src="song.png" alt="">
        </div>
        <div class="tile-secondary-content">
          <p>Apply for SongComm</p>
        </div>
      </a>
    </li>
    <li class="tile-case">
      <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSeN_XieuTrljCnqhFprbH459eGDg99GNsiwSazUQV4F93hBJQ/viewform?usp=sf_link">
        <div class="tile-primary-content">
          <img src="shirt.png" alt="">
        </div>
        <div class="tile-secondary-content">
          <p>Submit your T-Shirt design</p>
        </div>
      </a>
    </li>
  </ul>
</body>

</html>