{{ define "main" }}

<!-- Hero Section -->

<section class="hero-section">
  <div class="container hero-container">
    <div class="row">
      <div class="col">
        <h1>Keep <span class="white">what</span><br><span style="float:right;">is yours.</span></h1>
      </div>
    </div>
    <div class="row">
      <div class="col-6">
        <p class="lead" style="margin-top:-10px; margin-left: 20px;">The revolution is here. We’re calling on all open-source devs to authenticate their Github with tea.</p>
      </div>
    </div>
  </div>
  {{- partial "full-width-cta.html" . -}}
</section>

<!-- Teal Impact Section --> 

<section class="teal-bg impact-section">
  <img src="/Images/grid-left-corner.svg" alt="grid pattern">
  <div class="container">
    <div class="row">
      <div class="col">
        <h2 class="black text-center">equitable open-source<br>for web3</h2>
      </div>
    </div>
    <div class="row">
      <div class="col black-bg">
        <h3 class="text-center">Lorem ipsum dolor sit amet</h3>
        <p class="text-center lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porta dolor a nibh viverra, eget aliquam velit semper. Duis vestibulum lectus eu nisl semper.</p>
      </div>
    </div>
  </div>
</section>
{{ end }}