@themesberg/pixel-lite-bootstrap-ui-kit
Version:
Open-source Bootstrap 5 UI Kit
115 lines (103 loc) • 6.17 kB
HTML
<!--
=========================================================
* Pixel Free Bootstrap 5 UI Kit
=========================================================
* Product Page: https://themesberg.com/product/ui-kit/pixel-free-bootstrap-5-ui-kit
* Copyright 2021 Themesberg (https://www.themesberg.com)
* Coded by https://themesberg.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Contact us if you want to remove it.
-->
<html lang="en">
<head>
@@include('./_head.html', {
"path": "../..",
"title": "Pixel Bootstrap 5 - Sign up"
})
</head>
<body>
<main>
@@include('./_preloader.html', {
"path": "../.."
})
<!-- Section -->
<section class="min-vh-100 d-flex align-items-center section-image overlay-soft-dark" data-background="../../assets/img/pages/form-image.jpg">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 d-flex align-items-center justify-content-center">
<div class="signin-inner my-4 my-lg-0 bg-white shadow-soft border rounded border-gray-300 p-4 p-lg-5 w-100 fmxw-500">
<div class="text-center text-md-center mb-4 mt-md-0">
<h1 class="mb-0 h3">Create an account</h1>
</div>
<form action="#">
<!-- Form -->
<div class="form-group mb-4">
<label for="email">Your Email</label>
<div class="input-group">
<span class="input-group-text" id="basic-addon3"><span class="fas fa-envelope"></span></span>
<input type="email" class="form-control" placeholder="example@company.com" id="email" required>
</div>
</div>
<!-- End of Form -->
<div class="form-group">
<!-- Form -->
<div class="form-group mb-4">
<label for="password">Your Password</label>
<div class="input-group">
<span class="input-group-text" id="basic-addon4"><span class="fas fa-unlock-alt"></span></span>
<input type="password" placeholder="Password" class="form-control" id="password" required>
</div>
</div>
<!-- End of Form -->
<!-- Form -->
<div class="form-group mb-4">
<label for="password_confirm">Confirm Password</label>
<div class="input-group">
<span class="input-group-text" id="basic-addon5"><span class="fas fa-unlock-alt"></span></span>
<input type="password" placeholder="Confirm Password" class="form-control" id="password_confirm" required>
</div>
</div>
<!-- End of Form -->
<div class="form-check mb-4">
<input class="form-check-input" type="checkbox" value="" id="terms">
<label class="form-check-label" for="terms">
I agree to the <a href="#">terms and conditions</a>
</label>
</div>
</div>
<div class="d-grid">
<button type="submit" class="btn btn-primary">Sign up</button>
</div>
</form>
<div class="mt-3 mb-4 text-center">
<span class="fw-normal">or</span>
</div>
<div class="btn-wrapper my-4 text-center">
<a href="#" class="btn btn-icon-only btn-pill btn-outline-gray-300 text-facebook me-2" aria-label="facebook button" title="facebook button">
<span aria-hidden="true" class="fab fa-facebook-f"></span>
</a>
<a href="#" class="btn btn-icon-only btn-pill btn-outline-gray-300 text-twitter me-2" aria-label="twitter button" title="twitter button">
<span aria-hidden="true" class="fab fa-twitter"></span>
</a>
<a href="#" class="btn btn-icon-only btn-pill btn-outline-gray-300 text-facebook" aria-label="github button" title="github button">
<span aria-hidden="true" class="fab fa-github"></span>
</a>
</div>
<div class="d-flex justify-content-center align-items-center mt-4">
<span class="fw-normal">
Already have an account?
<a href="./sign-in.html" class="fw-bold text-underline">Login here</a>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
@@include('./_scripts.html', {
"path": "../.."
})
</body>
</html>