Add apps, get work done

              
                <!-- Hero -->
                <div class="container content-space-1 contenspace-t-md-0">
                  <div class="row justify-content-md-between align-items-md-center">
                    <div class="col-md-5 mb-7 mb-md-0">
                      <!-- Heading -->
                      <div class="mb-4">
                        <h1>Add apps, get work done</h1>
                        <p>Find tools to improve your workflow - right within Front.</p>
                      </div>
                      <!-- End Heading -->

                      <form>
                        <!-- Input Card -->
                        <div class="input-card border">
                          <div class="input-card-form">
                            <label for="searchAppsForm" class="form-label visually-hidden">Search for apps</label>
                            <input type="text" class="form-control" id="searchAppsForm" placeholder="Search for apps" aria-label="Search for apps">
                          </div>
                          <button type="button" class="btn btn-primary">
                            <i class="bi-search"></i>
                          </button>
                        </div>
                        <!-- End Input Card -->
                      </form>
                    </div>
                    <!-- End Col -->

                    <div class="col-md-5">
                      <img class="img-fluid" src="../assets/svg/illustrations/oc-on-the-go.svg" alt="Image Descriptio">
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->
                </div>
                <!-- End Hero -->