docs/includes/landing.html

  <!-- Hero -->
  <section id="landing" style="background-color: #fafbfc;">
    <div class="container-xl px-3 px-md-6 pb-6 pb-lg-9">
      <div class="gutter gutter-xl-spacious pt-6 pt-lg-0 d-lg-flex flex-row-reverse flex-items-center">
        <div class="col-lg-7">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1163.67 358.83"><g data-name="Layer 2"><g data-name="octocat header"><ellipse cx="103.6" cy="346.72" rx="87.23" ry="8.57" style="fill:#cacfd6"/><ellipse cx="317.81" cy="346.72" rx="38.5" ry="8.57" style="fill:#cacfd6"/><ellipse cx="551.85" cy="342.73" rx="99.97" ry="16.1" style="fill:#cacfd6"/><path d="M1163.67,292.31l-198-4.27-20.59-61.16a142.6,142.6,0,0,0,17.77-8c11.26-6.27,12.58-22.69,7.82-33.31-3.43-1.31-12.31-1.71-12.31-1.71a48.88,48.88,0,0,1,.83,14.71c-.65,5-12.33,11-18.94,14l-24-71.34c3.63-2.07,39.84-43.64,39.84-43.64H972.3l69.46,78.37,22.9-11.8Z" style="fill:#e3e9ec"/><path d="M970.65,185.57s10.72,28-11.92,36.3-94.37,32.4-82.59,43.23c26.69,24.53,127.29,27.22,127.29,27.22s-6.89-42.43-12.28-61.07Z" style="fill:#cacfd3"/><path d="M44.62,269.6l27.87-41.35L75,248.75l20.43-34.62,4.77,13.24,9.57-23.23,10.76,32.26,16.8-48.74L150,228l17.65-23.89s-19,6.57-19,4.83,25.64-33.81,25.64-33.81-23.61,8.35-23.62,6.62,20-19.3,26.83-30.35S196.54,102,196.54,102s19.6,47.19,30.06,52.28c3.38-7.56,14.13-29.06,14.13-29.06l-21.29,8.9s32.08-64.05,36-78.54,3-9.51,10,3.13c4.88,10.73,10.68,45.83,28.46,65.78,16.82,15-12.08,4.32-12.08,4.32L308,176.31l23-42.22,13.65,32.79L365,124.46l-23,15.28s20.5-28.55,24.87-51.14,9.77-58.49,9.77-58.49l28.9,52.29S433.12,9.84,434.16,0c3.27,34.65,47,117.41,47,117.41s17-34.29,18.56-47C505,83,573.83,292.7,573.83,292.7S379.7,304.66,304,304.91s-220.81,1.26-234.19-6.1S44.62,269.6,44.62,269.6Z" style="fill:#e3e9ec"/><path d="M572.28,291.55s110.26-9.9,124-19.52" style="fill:none;stroke:#e1e4e8;stroke-miterlimit:10;stroke-width:2px"/><path d="M341,317.75s7.46-2.12,8.62,1.61S341,338,341,338s11.19-.94,11.66,1.39c-8.17,1.17-17.81,1.13-18.41,1.58S341,317.75,341,317.75Z" style="fill:#f66a0a"/><path d="M364.46,304.05c-.83-1.55-13,0-13,0v-7.42s9.27-2.7,9.85-4.84c1.46-5.33-9.58-1.35-11.4-1a44.57,44.57,0,0,0-35.19,40.73,19.71,19.71,0,0,0,.6,7c-2.42,1.94-6.35,4.35-9.17,2.41-4.36-3,9-25.46,8.42-36-.48-8.92-7.77-29.57-26.27-29.71-14.84-.1-23.28,6-29,19s-9.33,19.69-15.39,19.1-8.77.5-13.63-8.88c.47,6.34,5.34,19.34,18.35,19s18.74-6.7,24.48-12.16,15.71-7.6,16.18-.34-5.69,25-4.76,30.81,3.5,9.13,14.09,8.81c9-.28,15.25-6.52,17.86-9.34a8,8,0,0,0,4.72,3.63,3.31,3.31,0,0,1,.92.3c.7.42-1.48,3.56-1.78,4.32s14.15,1.34,20.84.78a3,3,0,0,0,1.93-.66,2,2,0,0,0-.53-2.89,5.84,5.84,0,0,0-3.16-.86L328.18,345a69,69,0,0,0,14.64-11.55c2.14-2.21,4.27-5.12,3.49-8.11-.64-2.4-3-3.92-5.09-5.19a48.3,48.3,0,0,1-.13-11.89c.5-3.2,1.3-5.49,3.25-7.57,0,.07,1,9.81,3.82,11.05s12.39-4,12.39-4,1.52,3.63,1.93,3.53S365.29,305.61,364.46,304.05Z" style="fill:#ff9c57"/><path d="M357.94,286.54c-1.44-.78-2.2-4.89-1.1-5.38s3.88,1.1,3.82,3.42c.72-.37,2.38-.79,2.76-1.21a2.82,2.82,0,0,1-1.49-2.2c-.57-2.32,1.15-2.83,2-2.14s2,2.71,1.48,4.08c2.53-1.32,5.78-.66,8.19.87a11,11,0,0,1,4.66,6.92,3,3,0,0,0,.8,1.78c1.09.86,2.74-.35,4,.11,1.09.38-.32,4.73-1.29,5.35a22.76,22.76,0,0,1-8.82,3.3c-2.93.43-6.1.24-8.54-1.43a11.76,11.76,0,0,1-3-3.12C358.43,292.46,359.17,291.58,357.94,286.54Z" style="fill:#ff9c57"/><path d="M341.87,305a74.7,74.7,0,0,0-5.53,8.66,66.28,66.28,0,0,0-6.37,13,94.73,94.73,0,0,1,11.59-6.28l-.34-.21a48.3,48.3,0,0,1-.13-11.89A19.87,19.87,0,0,1,341.87,305Z" style="fill:#f66a0a"/><path d="M292,345.39c-.54-5.66,13.7-18.14,4.28-20.93a1,1,0,0,1-.58-1.43c2.71-3.75,7.91-6.82,9.23-11.39s-1.85-8.14-6-9.15c-1.57-.38-3.7-.7-4.85-2-1.35-1.49-1.21-4-3.08-5.21-2.88-1.83-7.44.16-10,1.55-4.22,2.24-7.53,5.92-10.86,9.27-5.66,5.7-12.27,12.95-20.82,13.63-9.54.77-14.53-6.87-18.9-14,1,6.65,6,18.07,18.21,17.75,13-.33,18.74-6.7,24.48-12.16s15.71-7.6,16.18-.34-5.69,25-4.76,30.81,3.5,9.13,14.09,8.81a20.75,20.75,0,0,0,2.4-.24C296.57,350.93,292.49,350.65,292,345.39Z" style="fill:#ff7000"/><path d="M372.76,287.42a12.1,12.1,0,0,1,3.65,4c1.84,3,4.11,4.05,7,3.43.21-1,.21-1.88-.26-2-1.3-.46-2.95.75-4-.11a3,3,0,0,1-.8-1.78,11,11,0,0,0-4.66-6.92,9.68,9.68,0,0,0-5.46-1.55c-.89.23-1.78.46-2.67.66l-.06,0h0c-.62.14-1.24.24-1.87.32-.65.25-1.28.53-1.9.83.12.18.25.35.38.51A17.52,17.52,0,0,1,372.76,287.42Z" style="fill:#ffd1ac;opacity:0.8"/><path d="M303.71,288
        </div>
        <div class="col-lg-5 mt-6">
          <h1 class="h1-mktg mb-3">{% data ui.search.need_help %}</h1>
          {% include search-form %}
        </div>
      </div>
      <div id="search-results-container" class="mt-4 d-none" data-active-class="d-block" data-inactive-class="d-none"></div>
    </div>
  </section>

  <!-- Explore by product -->
  <section class="container-xl pb-lg-4 my-8 px-3 px-md-6">
    <div class="">
      <h3 class="text-mono f5 text-normal text-gray text-md-center mb-4">{% data ui.homepage.explore_by_product %}</h3>
      <div class="d-flex flex-wrap gutter gutter-xl-spacious">
      {% for product in activeProducts %}
      {% if product.versions contains currentVersion or currentVersion == 'homepage' %}
      <div class="d-flex flex-column col-12 col-sm-6 col-lg-3 pb-4">
        <a class="btn-mktg flex-auto d-flex flex-items-center btn-outline-mktg btn-large-mktg ws-normal " href="{% unless product.external %}/{{ currentLanguage }}{% endunless %}{% if product.versions contains currentVersion %}/{{currentVersion}}/{{product.id}}{% else %}{{product.href}}{% endif %}">{{ product.name }}
      {% if product.external %}
        <span class="ml-1">{% octicon "link-external" %}</span>
      {% endif %}
      </a>
      </div>
      {% endif %}
      {% endfor %}
      </div>
    </div>
  </section>

  <div class="px-3 px-md-6 container-xl">
  {% include featured-links %}
  </div>