<!-- Hero -->
<div class="shape-container">
<div class="bg-soft-warning position-relative overflow-hidden">
<div class="container content-space-2 content-space-b-md-3">
<div class="row justify-content-center align-items-lg-center mb-10">
<div class="col-md-6 mb-7 mb-md-0">
<div class="mb-7">
<h1 class="display-3 text-primary">You’re in great <span class="text-warning">company</span></h1>
<p class="lead">Join thousands of companies who rely on Space to turn idea into business.</p>
</div>
<!-- Input Card -->
<div class="input-card input-card-sm">
<div class="input-card-form">
<input type="text" class="form-control form-control-lg" placeholder="Your business email" aria-label="Your business email">
</div>
<button type="button" class="btn btn-primary btn-lg">Request a demo</button>
</div>
<!-- End Input Card -->
</div>
<!-- End Col -->
<div class="col-md-5 col-md-6">
<div class="w-75 w-lg-100 mx-auto">
<img class="img-fluid" src="../assets/svg/illustrations/oc-chatting.svg" alt="Image Description">
</div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<div class="row">
<div class="col py-3">
<img src="../assets/svg/brands/capsule-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
<div class="col py-3">
<img src="../assets/svg/brands/fitbit-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
<div class="col py-3">
<img src="../assets/svg/brands/vidados-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
<div class="col py-3">
<img src="../assets/svg/brands/mailchimp-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
<div class="col py-3">
<img src="../assets/svg/brands/layar-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- Background Shapes -->
<div class="position-absolute top-0" style="left: 0rem;">
<img src="../assets/svg/components/shape-1.svg" alt="SVG" width="500" style="width: 12rem;">
</div>
<div class="position-absolute" style="bottom: -5rem; right: 7rem;">
<img src="../assets/svg/components/shape-7.svg" alt="SVG" width="250">
</div>
<!-- End Background Shapes -->
<!-- Shape -->
<div class="shape shape-bottom zi-1">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1920 100.1">
<path fill="#fff" d="M0,0c0,0,934.4,93.4,1920,0v100.1H0L0,0z"></path>
</svg>
</div>
<!-- End Shape -->
</div>
</div>
<!-- End Hero -->