{{ define "title" }}
{{ site.Title }} | Support
{{ end }}

{{ define "content" }}
<div class="support-bg">
  {{ partial "nav.html" . }}

  <main class="support-content">
    <section class="background">
      <h1 class="banner-content">
        Open Policy Agent Support
      </h1>
      <div class="banner-subcontent">
        Below is a list of companies that offer commercial
        support and other enterprise offerings for Open Policy Agent
      </div>

      <div class="grid-container page-content">
        <div class="card">
          <div class="card-body">
            <div class="d-flex flex-row align-items-center flex-wrap-sm">
              <img class="card-img align-middle" src="/img/logos/styra-logo.png"/>
              <div class="card-text">
                    <span class="align-middle">
                      <a href="https://www.styra.com/styra-opa-support?utm_medium=partner&utm_source=opa&utm_campaign=dmge&utm_content=opa-support">Styra</a>
                      is the original creator of Open Policy Agent and provides
                      support, professional services, training, and
                      enterprise products.
                    </span>
              </div>
            </div>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            <div class="d-flex flex-row align-items-center flex-wrap-sm">
              <img class="card-img align-middle" src="/img/logos/paclabs-logo.png"/>
              <div class="card-text">
                    <span class="align-middle">
                      <a href="https://paclabs.io/opa_support.html?utm_source=opa&utm_content=opa-support">Policy-as-Code Laboratories</a>
                      provides strategic planning
                      and integration consulting for OPA and Rego across the PaC ecosystem
                      (Cloud, Kubernetes, Open Shift and legacy platforms)
                    </span>
              </div>
            </div>
          </div>
        </div>

      </div>
    </section>
  </main>
</div>

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
{{ end }}
