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>