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