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="图片描述内容">
</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">免费试用7天 <span class="badge bg-warning text-dark rounded-pill ms-1">从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">名字</label>
<input type="text" class="form-control form-control-lg" name="signupHeroFormNameFirstName" id="signupHeroFormFirstName" placeholder="名字" aria-label="名字" required>
<span class="invalid-feedback">请输入您的名字
</span>
</div>
<!-- End Form -->
</div>
<!-- End Col -->
<div class="col-sm-6">
<!-- Form -->
<div class="mb-4">
<label class="form-label" for="signupHeroFormLasttName">姓氏</label>
<input type="text" class="form-control form-control-lg" name="signupHeroFormNameLastName" id="signupHeroFormLasttName" placeholder="姓氏" aria-label="姓氏" required>
<span class="invalid-feedback">请输入您的姓氏</span>
</div>
<!-- End Form -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<!-- Form -->
<div class="mb-4">
<label class="form-label" for="signupHeroFormWorkEmail">邮箱地址</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">请输入您的电子邮件地址</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个字符以上的内容" aria-label="请输入至少8个字符以上的内容" required>
<span class="invalid-feedback">您的密码必须包含8个以上的字符</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">确认密码</label>
<input type="password" class="form-control form-control-lg" name="confirmPassword" id="signupHeroFormSignupConfirmPassword" placeholder="请输入至少8个字符以上的内容" aria-label="请输入至少8个字符以上的内容" 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"> 提交此表格后，我已阅读并确认 <a href=../page-privacy.html>隐私策略</a></label>
<span class="invalid-feedback">请接受我们的隐私政策。</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="../assets/vendor/typed.js/lib/typed.min.js"></script>
<!-- JS Front -->
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF TEXT ANIMATION (TYPING)
// =======================================================
HSCore.components.HSTyped.init('.js-typedjs')
})()
</script>