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