Solving problems for every team
Built on standard web technology, teams use Unify to build beautiful cross-platform hybrid apps in a fraction of the time.
<!-- Hero -->
<div class="position-relative overflow-hidden">
<div class="container">
<div class="row content-space-t-3 content-space-t-lg-4 content-space-b-2 content-space-b-lg-3">
<div class="col-md-6 col-lg-5 order-md-2">
<!-- Heading -->
<div class="mb-4">
<h1>Solving problems for every <span class="text-primary">team</span></h1>
<p>Built on standard web technology, teams use Unify to build beautiful cross-platform hybrid apps in a fraction of the time.</p>
</div>
<!-- End Heading -->
<!-- Form -->
<form class="js-validate">
<div class="d-grid">
<a class="btn btn-white btn-lg" href="#">
<span class="d-flex justify-content-center align-items-center">
<img class="avatar avatar-xss me-2" src="../assets/svg/brands/google-icon.svg" alt="Image Description">
Sign up with Google
</span>
</a>
</div>
<span class="divider-center my-2">or</span>
<div class="row gx-3">
<div class="col-sm-6">
<!-- Form -->
<div class="mb-3">
<label class="form-label visually-hidden" for="signupFormFirstName">First name</label>
<input type="text" class="form-control form-control-lg" name="signupFormFirstName" id="signupFormFirstName" placeholder="First name" aria-label="First name" required>
<span class="invalid-feedback">Please enter your first name.</span>
</div>
<!-- End Form -->
</div>
<div class="col-sm-6">
<!-- Form -->
<div class="mb-3">
<label class="form-label visually-hidden" for="signupFormLastName">Last name</label>
<input type="text" class="form-control form-control-lg" name="signupFormLastName" id="signupFormLastName" placeholder="Last name" aria-label="Last name" required>
<span class="invalid-feedback">Please enter your last name.</span>
</div>
<!-- End Form -->
</div>
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-3">
<label class="form-label visually-hidden" for="signupFormEmail">Business email</label>
<input type="email" class="form-control form-control-lg" name="signupFormEmailName" id="signupFormEmail" placeholder="Business email address" aria-label="Business email address" required>
<span class="invalid-feedback">Please enter a valid email address.</span>
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-3">
<label class="form-label visually-hidden" for="loginFormPassword">Password</label>
<div class="input-group-merge">
<input type="password" class="js-toggle-password form-control form-control-lg" name="loginFormPasswordName" id="loginFormPassword" placeholder="Password" aria-label="Password" required
data-hs-toggle-password-options='{
"target": "#loginFormChangePassTarget",
"defaultClass": "bi-eye-slash",
"showClass": "bi-eye",
"classChangeTarget": "#changePassIcon"
}'>
<span class="invalid-feedback">Your password is invalid. Please try again.</span>
<a id="loginFormChangePassTarget" class="input-group-append input-group-text" href="javascript:;">
<i id="changePassIcon" class="bi-eye"></i>
</a>
</div>
</div>
<!-- End Form -->
<div class="d-grid">
<button type="submit" class="btn btn-primary btn-lg">Sign up</button>
</div>
</form>
<!-- End Form -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<div class="position-md-absolute top-0 end-0 col-md-5 col-lg-6 d-none d-md-block">
<!-- Video Background -->
<div class="video-bg" style="min-height: 57rem;">
<div class="js-video-bg video-bg-content" data-hs-video-bg-options='{"videoId": "../assets/video/our-business-is-growing"}'></div>
</div>
<!-- End Video Background -->
</div>
<!-- End Col -->
</div>
<!-- End Hero -->
<link rel="stylesheet" href="../assets/vendor/hs-video-bg/dist/hs-video-bg.min.css">
<!-- JS Implementing Plugins -->
<script src="../assets/vendor/hs-video-bg/dist/hs-video-bg.min.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF VIDEO BG
// =======================================================
document.querySelectorAll('.js-video-bg').forEach(item=> {
new HSVideoBg(item).init()
})
})()
</script>