{{ define "main" }}
<img id="tea-steam-dark-1" src="/Images/tea-steam-dark-1.svg" style="z-index:0 !important; " alt="">
<div class="container mb-5 mt-5">
  <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12 col-12 pe-lg-5 pe-md-5 pe-sm-0 pe-0" style="z-index:100; display:flex; flex-direction:column;">
      <div style="margin-top:auto; margin-bottom:auto;">
        <h1 class="display-1 mb-5">Join the <span class="teal">tea</span> party!</h1>
        <p class="mb-lg-5 mb-md-5 mb-sm-5 mb-5 lead">We’re looking for the best-of-the-best to help brew the future of web3. If you’re a visionary self-starter who’s eager to be on the front lines of innovation, then take look at our list of current openings and apply accordingly. Even if you don’t see a role that captures your skill set, please feel free to <a class="teal" href="mailto:talent@tea.xyz?subject=resumé">email us</a> your resumé in order to be considered for future opportunities.</p>
      </div>
    </div>

      <hr class="careers-divider">

    <style>
      @media only screen and (min-width: 600px) {
        .careers-divider{
          display:none;
        }
      }
    </style>

    <div class="col-lg-6 col-md-6 col-sm-12 col-12" style="z-index:100 !important;">
      <h3 class="mb-4">Current <span class="teal">job openings</span></h3>
      <p class="mb-4" style="color:#E5E6E9;">The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.</p>
      <div class="accordion" id="accordionExample">

        <div class="accordion-item">
          <p class="accordion-header" id="headingTwo">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              Blockchain Architect
            </button>
          </p>
            <div class="accordion-body">
              Reporting to the Chief Product Officer, the Blockchain Architect will be responsible to effectively and efficiently utilize technology to meet the network’s needs and goals, including:
              <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
              <br>
              <ul>
              <li>Select and/or build all components of the blockchain technology stack.</li>
              <li>Ensure scalable connectivity of on-chain and off-chain software solutions.</li>
              <li>Support the launch and growth of the developer community through various initiatives including public engagement and documentation publishing.</li>
              </ul>

              <p>This is a full-time remote position.</p><br>

              <a class="btn btn-primary mb-3" href="https://tea.breezy.hr/p/dc187fdab65e-blockchain-architect"
                role="button">Apply on Breezy HR</a>

              <p class="small" style="color:#B9C7C9;">Visit Breezy HR to apply, and to read more about the qualifications and responsibilities for this position.</p></div>
            </div>
        </div>

        <div class="accordion-item">
          <p class="accordion-header" id="headingOne">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              Senior Blockchain Developer
            </button>
          </p>
            <div class="accordion-body">
              <div> Reporting to the Blockchain Architect, the Blockchain Developer will be responsible for the design, implementation, and distribution of a secure blockchain infrastructure that meets the network’s needs and goals.<br></div>
              <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"><br>
              This is a full-time remote position.<br><br>

              <a class="btn btn-primary mb-3 mt-3" href="https://tea.breezy.hr/p/f5b2c4d0f3e6-senior-blockchain-developer"
                role="button">Apply on Breezy HR</a>

              <p class="small" style="color:#B9C7C9;">Visit Breezy HR to apply, and to read more about the qualifications and responsibilities for this position.</p></div>

            </div>
        </div>

        <div class="accordion-item">
          <p class="accordion-header" id="headingOne">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseOne">
              Full Stack Developer
            </button>
          </p>
            <div class="accordion-body">
              <div>Reporting to the CEO, the full stack developer will be directly responsible for the architecture and implementation of entire portions of tea’s open source product suite.<br></div>
              <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"><br>
              This is a full-time remote position.<br><br>

              <a class="btn btn-primary mb-3 mt-3" href="https://tea.breezy.hr/p/aa62fd265a9f-full-stack-developer"
                role="button">Apply on Breezy HR</a>

              <p class="small" style="color:#B9C7C9;">Visit Breezy HR to apply, and to read more about the qualifications and responsibilities for this position.</p></div>

            </div>
        </div>
      </div>
    </div>
  </div>
</div>

<style>
  .accordion-item:last-of-type .accordion-button.collapsed {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
  }
</style>

<!-- Why Work at tea -->
<div class="row" style="background-color:#23282C;">
  <div class="container mb-5 mt-5">
    <div class="row">
      <h3 class="text-center display-4 mb-5">Why work at tea?</h3>
    </div>
    <div class="row">
      <div class="col">
        <p class="text-center lead">Join a team of motivated and passionate individuals and be a part of a rapidly growing and exciting project in web3 and open source technologies. We offer an attractive salary, relocation packages (if applicable), token/equity options and performance&#8208;based bonuses.</p>
      </div>
    </div>
  </div>
</div>

<!-- Community Links -->
<div class="row community-container pt-5 pb-5 mt-5 mb-5">
  <div class="container p-4" id="community">
    <div class="row">
      <div class="col">
        <h3 style="text-align:center;" class="mb-5 display-5">Join the Community</h3>
      </div>
    </div>
    <div class="row">

      <div class="col-6 col-sm-6 col-lg">
        <a href="https://discord.gg/KCZsXfJphn">
          <div class="com-card mb-4">
            <img src="/Images/discord.svg" alt="" class="community-icon">
          </div>
        </a>
      </div>

      <div class="col-6 col-sm-6 col-lg">
        <a href="https://twitter.com/teaxyz_">
          <div class="com-card mb-4">
            <img src="/Images/twitter.svg" alt="" class="community-icon">
          </div>
        </a>
      </div>

      <div class="col-6 col-sm-6 col-lg">
        <a href="https://github.com/teaxyz">
          <div class="com-card mb-4">
            <img src="/Images/github.svg" alt="" class="community-icon">
          </div>
        </a>
      </div>

      <div class="col-6 col-sm-6 col-lg">
        <a href="https://t.me/tea_xyz">
          <div class="com-card mb-4">
            <img src="/Images/telegram.svg" alt="" class="community-icon">
          </div>
        </a>
      </div>

      <div class="col-6 col-sm-6 col-lg align-self-center">
        <a href="https://reddit.com/r/teaxyz">
          <div class="com-card mb-4">
            <img src="/Images/reddit.svg" alt="" class="community-icon">
          </div>
        </a>
      </div>

      <div class="col-6 col-sm-6 col-lg align-self-center">
        <a href="https://www.instagram.com/tea.xyz/">
          <div class="com-card mb-4">
            <img src="/Images/instagram-iconAsset 1.svg" alt="" class="community-icon">
          </div>
        </a>
      </div>
    </div>
  </div>
</div>
{{ end }}