index.html

---
layout: home
---

<main class="bd-masthead bd-masthead-home" id="content" role="main">
  <div class="banner-home-inner">
    <div class="container">
      <div class="row align-items-center">
        <!--<div class="mx-auto col-md-5 order-md-2 d-none d-sm-none d-md-block d-lg-block d-xlg-block">-->
        <!--<img class="img-fluid mb-3 mb-md-0" src="{{ site.baseurl }}/assets/img/favicons/android-chrome-512x512.png" alt="" width="288" height="288" />-->
        <!--</div>-->
        <div class="col-md-7 order-md-1 text-center mx-auto pr-md-5">
          <h2 class="mb-3 bd-text-white text-uppercase">
            {%- include icons/codefresh-logo.svg class="align-middle" width="180" height="auto" -%}
            <span class="badge cf-badge cf-badge-doc align-middle mt-2">DOCUMENTATION</span>
          </h2>
          <p class="lead bd-text-white mb-4">
            Codefresh for Docker-native CI/CD and GitOps with Argo. <br>
            Instantly build, test, and deploy Docker images.<br>
            Realize your true DevOps potential with the premier enterprise Argo software delivery solution.
          </p>
<!--          <div id="searchbar"></div>-->
          <button
            onclick="window.CommandBar.openHelpHub(); setTimeout(() => {
              document.querySelector('input[data-testid=helphub-input]').focus()
            }, 100)"
            class="helpbub-toggler mb-3"
            aria-label="Search Codefresh Documentation"
            type="button"
          >
            <div class="d-flex align-items-center">
              <img src="{{site.baseurl}}/images/icons/search.png" />
              <span class="ml-2">Search</span>
            </div>
            <span class="helpbub-toggler--hotkey">Ctrl / &#8984; + K</span>
          </button>
          <!-- <div>
            <form class="bd-search bd-search--home d-flex mt-1 mb-3 mt-md-0 order-2 order-md-2 align-items-center">
              <input type="search" class="form-control form-control-dark mr-sm-2 doc-search-input" id="navbar-search-input" placeholder="{{ site.data.translations[site.locale].search_placeholder_text }}" aria-label="{{ site.data.translations[site.locale].search_placeholder_text }}" autocomplete="off">
              <i class="fa fa-search"></i>
            </form>
          </div> -->
          <div class="d-flex flex-column flex-md-row justify-content-center lead mb-3">
            <a href="{{ site.baseurl }}/docs/quick-start/ci-quick-start/"
               class="btn btn-primary mb-3 mb-md-0 mr-md-3"
               onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">
              Get started with CI/CD
            </a>
            <a href="{{ site.baseurl }}/docs/quick-start/gitops-quick-start/"
            class="btn btn-primary mb-3 mb-md-0 mr-md-3"
            onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">
           Get started with GitOps
           </a>
           <a href="{{ site.baseurl }}/docs/kb/"
            class="btn btn-primary mb-3 mb-md-0 mr-md-3"
            onclick="ga('send', 'event', 'Jumbotron actions', 'Knowledge Base', 'Knowledge Base');">
           Knowledge Base
           </a>
            <a href="{{ site.codefresh_signup }}"
               class="btn btn-primary mb-3 mb-md-0 mr-md-3"
               onclick="ga('send', 'event', 'Main page actions', 'SignUp', 'SignUp');">
              Sign Up
            </a>
            <a href="{{ site.schedule_demo }}"
               class="btn btn-secondary mb-3 mb-md-0 mr-md-3"
               onclick="ga('send', 'event', 'Main page actions', 'Schedule demo', 'Schedule demo');">
              Schedule demo
            </a>
            <!--
            <a href="{{ site.baseurl }}/docs/getting-started/download/"
               class="btn btn-lg btn-outline-secondary"
               onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">
              Download
            </a>
            -->
          </div>
        </div>
      </div>
    </div>
  </div>
</main>

<div class="masthead-followup row m-0 border border-white">
  <div class="container">
    <div class="row">
      {% for homeContent in site.data.home-content %}
      <div class="col-12 col-md-3 p-4 p-md-4 followup-card-item border border-white">
        <div class="d-flex align-items-center mb-3">
          <img src="{{ homeContent.icon }}" alt="{{ homeContent.title }}" class="mr-2"/>
          <h4 {% unless homeContent.new== nil or homeContent.new== false %}
              class="bulb bulb-red bulb-above-left bulb-pos-after mb-0" data-bulb-text="NEW" {% endunless %} class="mb-0">
            {{ homeContent.title }}
          </h4>
        </div>

        <ul class="list-unstyled">
          {% for homeContentLink in homeContent.links %}
          {% if homeContentLink.localurl %}
          {% assign localurl = homeContentLink.localurl %}
          {% else %}
          {% assign localurl = nil %}
          {% endif %}
          <li class="mt-2">
            <a {% if localurl %}href="{{site.baseurl}}{{ localurl }}" {% elsif homeContentLink.url %}href="{{ homeContentLink.url }}" {% endif %}
               title="{{ homeContentLink.title }}">
              {{ homeContentLink.title }}
              {% unless homeContentLink.new == nil or homeContentLink.new == false %}
              <span class="badge cf-badge cf-badge-new align-top text-uppercase">New</span>
              {% endunless %}
            </a>
          </li>
          {% endfor %}
        </ul>
      </div>
      {% endfor %}
    </div>
  </div>
</div>