update
This commit is contained in:
@@ -1,93 +1,36 @@
|
||||
<!-- Section: Design Block -->
|
||||
<section class="">
|
||||
<!-- Jumbotron -->
|
||||
<div class="px-4 py-5 px-md-5 text-center text-lg-start" style="background-color: hsl(0, 0%, 96%)">
|
||||
<div class="container">
|
||||
<div class="row gx-lg-5 align-items-center">
|
||||
<div class="col-lg-6 mb-5 mb-lg-0">
|
||||
<h1 class="my-5 display-3 fw-bold ls-tight">
|
||||
The best offer <br />
|
||||
<span class="text-primary">for your business</span>
|
||||
</h1>
|
||||
<p style="color: hsl(217, 10%, 50.8%)">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
||||
Eveniet, itaque accusantium odio, soluta, corrupti aliquam
|
||||
quibusdam tempora at cupiditate quis eum maiores libero
|
||||
veritatis? Dicta facilis sint aliquid ipsum atque?
|
||||
</p>
|
||||
</div>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="col-lg-6 mb-5 mb-lg-0">
|
||||
<div class="card">
|
||||
<div class="card-body py-5 px-md-5">
|
||||
<form>
|
||||
<!-- 2 column grid layout with text inputs for the first and last names -->
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="form-outline">
|
||||
<input type="text" id="form3Example1" class="form-control" />
|
||||
<label class="form-label" for="form3Example1">First name</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="form-outline">
|
||||
<input type="text" id="form3Example2" class="form-control" />
|
||||
<label class="form-label" for="form3Example2">Last name</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mt-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>Login</h4>
|
||||
</div>
|
||||
|
||||
<!-- Email input -->
|
||||
<div class="form-outline mb-4">
|
||||
<input type="email" id="form3Example3" class="form-control" />
|
||||
<label class="form-label" for="form3Example3">Email address</label>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="username">Username:</label>
|
||||
<input type="text" class="form-control" id="username" name="username" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" class="form-control" id="password" name="password" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Password input -->
|
||||
<div class="form-outline mb-4">
|
||||
<input type="password" id="form3Example4" class="form-control" />
|
||||
<label class="form-label" for="form3Example4">Password</label>
|
||||
</div>
|
||||
|
||||
<!-- Checkbox -->
|
||||
<div class="form-check d-flex justify-content-center mb-4">
|
||||
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example33" checked />
|
||||
<label class="form-check-label" for="form2Example33">
|
||||
Subscribe to our newsletter
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<!-- Submit button -->
|
||||
<button type="submit" class="btn btn-primary btn-block mb-4">
|
||||
Sign up
|
||||
</button>
|
||||
|
||||
<!-- Register buttons -->
|
||||
<div class="text-center">
|
||||
<p>or sign up with:</p>
|
||||
<button type="button" class="btn btn-link btn-floating mx-1">
|
||||
<i class="fab fa-facebook-f"></i>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-link btn-floating mx-1">
|
||||
<i class="fab fa-google"></i>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-link btn-floating mx-1">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-link btn-floating mx-1">
|
||||
<i class="fab fa-github"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jumbotron -->
|
||||
</section>
|
||||
<!-- Section: Design Block -->
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user