How can we help?

Popular help topics: pricing, upgrade, hosting, membership

Image Description
<!-- Hero Section -->
<div id="SVGknowledgebaseCommunity" class="svg-preloader bg-light">
  <div class="container">
    <div class="row justify-content-md-between">
      <div class="col-md-6 space-2 space-bottom-lg-3 space-top-md-5">
        <div class="mb-5">
          <h1 class="font-weight-medium">How can we help?</h1>
        </div>

        <!-- Input -->
        <form class="js-focus-state input-group mb-3">
          <div class="input-group-prepend">
            <span class="input-group-text" id="askQuestions">
              <span class="fas fa-search"></span>
            </span>
          </div>
          <input type="search" class="form-control" placeholder="Search the knowledge base..." aria-label="Search the knowledge base..." aria-describedby="askQuestions">
        </form>
        <!-- End Input -->

        <!-- Text/Links -->
        <p class="font-size-1 text-dark">
          Popular help topics:
          <a class="link-muted" href="#">pricing,</a>
          <a class="link-muted ml-1" href="#">upgrade,</a>
          <a class="link-muted ml-1" href="#">hosting,</a>
          <a class="link-muted ml-1" href="#">membership</a>
        </p>
        <!-- End Text/Links -->
      </div>

      <div class="col-md-5 align-self-md-end d-none d-md-inline-block">
        <!-- SVG Icon -->
        <figure class="ie-knowledgebase-community mb-n3">
          <img class="js-svg-injector" src="../../assets/svg/illustrations/knowledgebase-community.svg" alt="Image Description"
               data-parent="#SVGknowledgebaseCommunity">
        </figure>
        <!-- End SVG Icon -->
      </div>
    </div>
  </div>
</div>
<!-- End Hero Section -->
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/svg-injector/dist/svg-injector.min.js"></script>

<!-- JS Front -->
<script src="../../assets/js/components/hs.svg-injector.js"></script>
<script src="../../assets/js/components/hs.focus-state.js"></script>

<!-- JS Plugins Init. -->
<script>
  $(window).on('load', function () {
    // initialization of svg injector module
    $.HSCore.components.HSSVGIngector.init('.js-svg-injector');
  });

  $(document).on('ready', function () {
    // initialization of forms
    $.HSCore.components.HSFocusState.init();
  });
</script>