<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Photos | SOB Game Changers</title>
  <link rel="canonical" href="https://www.sobgamechangers.com/photos">
  <meta property="og:url" content="https://www.sobgamechangers.com/photos">
  <meta name="description" content="SOB Game Changers photo gallery — game day, tournaments, team and highlights.">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,700;0,800;0,900;1,800;1,900&family=Figtree:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="/assets/css/style.css">
</head>
<body>
  <header id="site-header"></header>

  <section class="hero" style="padding-bottom:40px">
    <div class="hero__bg"></div>
    <div class="wrap hero__inner">
      <span class="eyebrow reveal">The gallery</span>
      <h1 class="display h1 reveal">Game <span class="slash text-pink">day.</span></h1>
      <p class="lead reveal">Snapshots from tournaments, practices, and everything in between.</p>
    </div>
  </section>

  <section class="section" style="padding-top:0">
    <div class="wrap">
      <!-- FILTER BUTTONS: data-filter must match the data-cat on items below -->
      <div class="filters reveal">
        <button class="chip is-active" data-filter="all">All</button>
        <button class="chip" data-filter="gameday">Game Day</button>
        <button class="chip" data-filter="tournaments">Tournaments</button>
        <button class="chip" data-filter="team">Team</button>
        <button class="chip" data-filter="highlights">Highlights</button>
      </div>

      <!-- GALLERY ITEMS: to add a photo, copy a block and set data-cat,
           then replace the <svg> with <img src="/assets/img/yourphoto.jpg" alt=""> -->
      <div class="gallery reveal">
        <div class="gallery__item" data-cat="gameday"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#ff1e8c">SOB</text></svg></div>
        <div class="gallery__item" data-cat="tournaments"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#1fc6e3">SOB</text></svg></div>
        <div class="gallery__item" data-cat="team"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#ff1e8c">SOB</text></svg></div>
        <div class="gallery__item" data-cat="highlights"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#1fc6e3">SOB</text></svg></div>
        <div class="gallery__item" data-cat="gameday"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#1fc6e3">SOB</text></svg></div>
        <div class="gallery__item" data-cat="tournaments"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#ff1e8c">SOB</text></svg></div>
        <div class="gallery__item" data-cat="team"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#1fc6e3">SOB</text></svg></div>
        <div class="gallery__item" data-cat="highlights"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#ff1e8c">SOB</text></svg></div>
        <div class="gallery__item" data-cat="gameday"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#ff1e8c">SOB</text></svg></div>
        <div class="gallery__item" data-cat="tournaments"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#1fc6e3">SOB</text></svg></div>
        <div class="gallery__item" data-cat="team"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#ff1e8c">SOB</text></svg></div>
        <div class="gallery__item" data-cat="highlights"><svg viewBox="0 0 100 100"><text x="50" y="60" text-anchor="middle" font-family="Archivo" font-size="22" font-weight="900" font-style="italic" fill="#1fc6e3">SOB</text></svg></div>
      </div>
    </div>
  </section>

  <footer id="site-footer"></footer>
  <script src="/assets/js/components.js"></script>
  <script src="/assets/js/main.js"></script>
  <script src="/assets/js/site-navigation.js?v=4.3.0"></script>
</body>
</html>
