offerings.html

---
layout: default
title: Offerings
active: offerings

offerings-note: CrateKube's offerings scale to fulfill the use case of everyone from platform operators to cloud application developers.
offerings-1-head: Platform Operation
offerings-1-body: Leverage the power of containers while maintaining control of your deployment. CrateKube's platform can be deployed and configured to fit your operating needs.
offerings-2-head: Components
offerings-2-body: Expand the power of your existing Kubernetes deployment using our components. Each component can be used independently or mixed and matched to cater to your custom needs.
offerings-3-head: Automanaged
offerings-3-body: Achieve the power of the platform without the headache of managing it. Run CrateKube on your infrastructure with our no-ops solution.
---

<section id="overviewOffering">
  <div class="container">
    <div class="row mt-4">
      <div class="col-md-12 col-sm-12">
        <div class="w-75 mx-auto text-center">
          <h2>OVERVIEW</h2>
          <p class="pt-2">
            {{page.offerings-note}}
          </p>
          <!-- 
            Add When pricing is defined 

            
            <div class="row">
            <div class="pb-4 col-md-12">
              <button
                onclick="window.location.href='/pricing.html'"
                class="btn btn-primary caseButton offeringWidth mt-4"
              >
                View Pricing
              </button>
            </div>
          </div> -->
        </div>
      </div>
    </div>
  </div>
</section>

<section id="offeringWhite">
  <div class="container">
    <div class="row mt-5">
      <div class="col-md-4">
        <div class="pt-md-5 text-center">
          <h2 class="font-weight-bold text-uppercase">
            {{page.offerings-1-head}}
          </h2>
        </div>
        <hr style="border: 1px solid#000000;" />
        <div class="py-md-3 text-center">
          <p>
            {{page.offerings-1-body}}
          </p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="pt-md-5 text-center">
          <h2 class="font-weight-bold text-uppercase">
            {{page.offerings-2-head}}
          </h2>
        </div>
        <hr style="border: 1px solid#000000;" />
        <div class="py-md-3 text-center">
          <p>
            {{page.offerings-2-body}}
          </p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="pt-md-5 text-center">
          <h2 class="font-weight-bold text-uppercase">
            {{page.offerings-3-head}}
          </h2>
        </div>
        <hr style="border: 1px solid#000000;" />
        <div class="py-md-3 text-center">
          <p>{{page.offerings-3-body}}</p>
        </div>
      </div>
    </div>
  </div>
</section>