login.html - Changed dont have an account text. and beautify code

This commit is contained in:
Matthew Patrick 2021-09-24 14:03:07 +07:00
parent c9c1c88177
commit 27a0fa35f2

View file

@ -146,18 +146,18 @@
margin-left: 10px
}
.google:hover{
.google:hover {
background: #e0e0e0;
}
.facebook:hover{
.facebook:hover {
background: #3e61a8;
}
.links i{
.links i {
font-size: 17px;
}
@media screen and (max-width: 426px) {
@ -271,7 +271,8 @@
<h1 class="card-header text-white">Login</h1>
<lottie-player autoplay background="transparent"
class="icon"
loop speed="1" src="https://assets3.lottiefiles.com/packages/lf20_myor1trh.json"></lottie-player>
loop speed="1"
src="https://assets3.lottiefiles.com/packages/lf20_myor1trh.json"></lottie-player>
<div class="card-body">
<form class="px-4 py-3">
<div class="form-group" style="text-align: left;">
@ -284,7 +285,8 @@
<a data-feather="lock" href="" style="font-size: 40px;"></a>
<label for="exampleDropdownFormPassword1">Password</label>
<div class="input-group">
<input class="form-control input-sm text-center" id="exampleDropdownFormPassword1" name="password"
<input class="form-control input-sm text-center" id="exampleDropdownFormPassword1"
name="password"
placeholder="Password" type="password">
<div class="input-group-append">
<span class="input-group-text">
@ -292,25 +294,29 @@
</span>
</div>
</div>
<div class="options-01 hoverlogin-1" style="word-break: keep-all;">
<label class="remember-me text-left"><input name="" type="checkbox">Remember me</label>
<a href="forgot-password.html" style="margin-left: 15%; font-size: 10pt;">Forgot your password?</a>
</div>
<a href="forgot-password.html" style="margin-left: 15%; font-size: 10pt;">Forgot your
password?</a>
</div>
<button class="btn btn-login btn-primary" type="submit">Login</button>
<div class="login-with">Or login with
<div class="links">
<div class="google">
<i><a href=""></a><img class="google-icon-svg" src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"/><span></span></i>
<i><a href=""></a><img class="google-icon-svg"
src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"/><span></span></i>
</div>
<div class="facebook">
<i><a href=""></a><img class="facebook-icon-svg" src="https://cdn-icons-png.flaticon.com/128/733/733547.png" style="height: 30px; width: 30px; margin: 0 30px; padding-top: -3px" ><span></span></i>
</div>
</div>
<i><a href=""></a><img class="facebook-icon-svg"
src="https://cdn-icons-png.flaticon.com/128/733/733547.png"
style="height: 30px; width: 30px; margin: 0 30px; padding-top: -3px"><span></span></i>
</div>
</div>
</div>
<div class="hoverlogin-1 text-center">
<a href="register.html">Not Have Account? Sign up</a>
<a href="register.html">Don't have an account?? Click Here to Sign Up!!</a>
</div>
</div>
</form>
@ -338,10 +344,12 @@
AOS.init();
</script>
<script crossorigin="anonymous"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" src="https://code.jquery.com/jquery-3.5.1.slim.min.js">
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
src="https://code.jquery.com/jquery-3.5.1.slim.min.js">
</script>
<script crossorigin="anonymous"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js">
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js">
</script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
</body>