<!-- Hero -->
<div class="position-relative">
<div class="container">
<div class="row justify-content-lg-between">
<div class="col-md-7 position-relative zi-1 content-space-1 content-space-md-3">
<!-- Heading -->
<div class="mb-5">
<h1 class="display-4 text-primary">Anyone, anywhere,<br>can start a
<span class="text-warning">
<span class="js-typedjs"
data-hs-typed-options='{
"strings": ["business.", "startup.", "success."],
"typeSpeed": 90,
"loop": true,
"backSpeed": 30,
"backDelay": 2500
}'></span>
</span>
</h1>
</div>
<!-- End Heading -->
<div class="w-lg-85">
<form>
<!-- Input Group -->
<div class="row gx-2">
<div class="col-sm-6 col-md mb-2 mb-sm-0">
<input type="text" class="form-control form-control-lg" placeholder="Enter your email" aria-label="Enter your email" aria-describedby="emailAddOn">
</div>
<div class="col-sm-auto">
<div class="d-grid">
<button class="btn btn-primary btn-lg" type="button" id="emailAddOn">Start free trial</button>
</div>
</div>
</div>
<!-- End Input Group -->
</form>
<div class="form-text">Try Space free for 14 days, no credit card required. By entering your email, you agree to receive marketing emails from Space.</div>
<!-- Icon -->
<a class="d-none d-md-inline-block position-md-absolute bottom-0 start-0" href="#scrollToContent">
<span class="svg-icon svg-icon-lg text-primary">
</span>
</a>
<!-- End Icon -->
</div>
</div>
<!-- End Col -->
<div class="col-md-5 banner-half-end">
<!-- Images -->
<div class="d-none d-md-block bg-img-center h-100" style="background-image: url(../assets/img/466x510/img1.jpg);"></div>
<div class="d-md-none w-75 mx-auto ms-sm-auto">
<img class="img-fluid" src="../assets/img/466x510/img1.jpg" alt="Image Description">
</div>
<!-- End Images -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End Hero -->
<!-- JS Implementing Plugins -->
<!-- bundlejs:vendor [..] -->
<script src="../node_modules/typed.js/lib/typed.min.js"></script>
<!-- JS Space -->
<!-- bundlejs:theme [..] -->
<script src="../assets/js/hs.typed.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF TEXT ANIMATION (TYPING)
// =======================================================
const typed = HSCore.components.HSTyped.init('.js-typedjs')
})()
</script>