# Add apps, get work done

Find tools to improve your workflow - right within Front.

Search for apps

- HTML

                    <!-- 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 -->