<!-- Hero -->
<div class="overflow-hidden">
<div class="container content-space-t-3">
<div class="row justify-content-lg-between align-items-md-center">
<div class="col-md-6 col-lg-5 mb-5 mb-lg-0">
<h1 class="display-4 mb-5">Start your journey with <span class="text-primary">Unity</span></h1>
<div class="border-top border-2 my-5" style="max-width: 5rem;"></div>
<!-- Blockquote -->
<figure>
<blockquote class="blockquote"><em>Amazing people to work with. Very fast and professional partner.</em></blockquote>
<figcaption class="blockquote-footer">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img class="avatar avatar-circle" src="../assets/img/160x160/img10.jpg" alt="Image Description">
</div>
<div class="flex-grow-1 ms-3">
Nicole Grazioso
<span class="blockquote-footer-source">Director Payments & Risk | Airbnb</span>
</div>
</div>
</figcaption>
</figure>
<!-- End Blockquote -->
</div>
<!-- End Col -->
<div class="col-md-6 col-lg-5 d-none d-md-block">
<div class="row gx-3 me-lg-n10">
<div class="col-3 offset-1 align-self-end mb-3">
<img class="img-fluid" src="../assets/svg/components/dots-warning.svg" alt="Image Description">
</div>
<!-- End Col -->
<div class="col-8 mb-3">
<img class="img-fluid rounded-3" src="../assets/img/950x950/img4.jpg" alt="Image Description">
</div>
<!-- End Col -->
<div class="col-6">
<img class="img-fluid rounded-3" src="../assets/img/950x950/img5.jpg" alt="Image Description">
</div>
<!-- End Col -->
<div class="col-5">
<img class="img-fluid" src="../assets/svg/components/card-11.svg" alt="Image Description">
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End Hero -->
