Build your
startup
Whatever your goal - we will get your there.
<!-- Hero -->
<div class="container position-relative content-space-t-3 content-space-t-md-4 content-space-t-lg-4">
<div class="row justify-content-lg-between align-items-lg-center">
<div class="col-md-10 col-lg-5">
<!-- Heading -->
<div class="mb-7">
<h1 class="display-4 mb-3">
Build your<br>
<span class="text-primary text-highlight-warning">
<span class="js-typedjs"
data-hs-typed-options='{
"strings": ["perfect", "future", "dream"],
"typeSpeed": 90,
"loop": true,
"backSpeed": 30,
"backDelay": 2500
}'></span>
</span>startup
</h1>
<p class="lead">Whatever your goal - we will get your there.</p>
</div>
<!-- End Title & Description -->
<div class="d-none d-lg-block">
<img class="img-fluid" src="../assets/svg/illustrations/oc-growing.svg" alt="Image Description">
</div>
</div>
<!-- End Col -->
<div class="col-lg-6">
<!-- Form -->
<form class="js-validate needs-validation" novalidate>
<!-- Card -->
<div class="card">
<div class="card-header border-bottom text-center">
<h4 class="card-header-title">Try it free for 7 days <span class="badge bg-warning text-dark rounded-pill ms-1">starting at $59</span></h4>
</div>
<div class="card-body">
<div class="row gx-3">
<div class="col-sm-6">
<!-- Form -->
<div class="mb-4">
<label class="form-label" for="signupHeroFormFirstName">First name</label>
<input type="text" class="form-control form-control-lg" name="signupHeroFormNameFirstName" id="signupHeroFormFirstName" placeholder="First name" aria-label="First name" required>
<span class="invalid-feedback">Please enter your first name</span>
</div>
<!-- End Form -->
</div>
<!-- End Col -->
<div class="col-sm-6">
<!-- Form -->
<div class="mb-4">
<label class="form-label" for="signupHeroFormLasttName">Last name</label>
<input type="text" class="form-control form-control-lg" name="signupHeroFormNameLastName" id="signupHeroFormLasttName" placeholder="Last name" aria-label="Last name" required>
<span class="invalid-feedback">Please enter your last name</span>
</div>
<!-- End Form -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<!-- Form -->
<div class="mb-4">
<label class="form-label" for="signupHeroFormWorkEmail">Email address</label>
<input type="email" class="form-control form-control-lg" name="signupHeroFormNameWorkEmail" id="signupHeroFormWorkEmail" placeholder="email@site.com" aria-label="email@site.com" required>
<span class="invalid-feedback">Please enter your email address</span>
</div>
<!-- End Form -->
<div class="row gx-3">
<div class="col-sm-6">
<!-- Form -->
<div class="mb-4">
<label class="form-label" for="signupHeroFormSignupPassword">Password</label>
<input type="password" class="form-control form-control-lg" name="password" id="signupHeroFormSignupPassword" placeholder="8+ characters required" aria-label="8+ characters required" required>
<span class="invalid-feedback">Your password must include 8+ characters</span>
</div>
<!-- End Form -->
</div>
<!-- End Col -->
<div class="col-sm-6">
<!-- Form -->
<div class="mb-4" data-hs-validation-validate-class>
<label class="form-label" for="signupHeroFormSignupConfirmPassword">Confirm password</label>
<input type="password" class="form-control form-control-lg" name="confirmPassword" id="signupHeroFormSignupConfirmPassword" placeholder="8+ characters required" aria-label="8+ characters required" required
data-hs-validation-equal-field="#signupHeroFormSignupPassword">
<span class="invalid-feedback">Password does not match the confirm password</span>
</div>
<!-- End Form -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<!-- Check -->
<div class="form-check mb-4">
<input type="checkbox" class="form-check-input" id="signupHeroFormPrivacyCheck" name="signupFormPrivacyCheck" required>
<label class="form-check-label small" for="signupHeroFormPrivacyCheck"> By submitting this form I have read and acknowledged the <a href=../page-privacy.html>Privacy Policy</a></label>
<span class="invalid-feedback">Please accept our Privacy Policy.</span>
</div>
<!-- End Check -->
<div class="d-grid mb-3">
<button type="submit" class="btn btn-primary btn-lg">Claim your free trial</button>
</div>
</div>
</div>
<!-- End Card -->
</form>
<!-- End Form -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Hero -->
<!-- JS Implementing Plugins -->
<script src="../node_modules/typed.js/lib/typed.min.js"></script>
<!-- JS Front -->
<script src="../assets/js/hs.typed.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF TEXT ANIMATION (TYPING)
// =======================================================
HSCore.components.HSTyped.init('.js-typedjs')
})()
</script>