nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2025-01-08 11:24:04 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity

Register-Verification-completed.html - Changed the card's icon to be an animation

Browse source
This commit is contained in:
Matthew Patrick 2021-09-14 11:15:16 +07:00
parent 1e9a560bfd
commit 8da821b31b
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
register-verification-completed.html
View file

@ -26,7 +26,7 @@
border-bottom-right-radius: 20px;
}
.card, .btn, .card-img-top {
.card, .btn {
position: center;
margin: auto;
text-align: center;
@ -36,6 +36,13 @@
border-top-right-radius: 20px;
background-color: #212226;
}
.icon {
position: center;
margin: auto;
width: 70%;
height: 70%;
}
</style>
</head>
<body>
@ -55,9 +62,12 @@
<div class="card-header" style="color: white;">
<h2>Verification Completed !!</h2>
</div>
<img src="assets/logo_transparent.png" class="card-img-top w-50" alt="Logo">
<lottie-player src="https://assets10.lottiefiles.com/private_files/lf30_hlzxxlfs.json" class="icon"
background="transparent"
speed="1" loop autoplay></lottie-player>
<div class="card-body">
<p class="card-text" style="color: #dedede;">Your Email Has Been Verified !! Please Sign in Using the button below..</p>
<h5 class="card-text" style="color: #dedede;">Your Email Has Been Verified !! Please Sign in Using the button
below..</h5>
<a href="login.html" class="btn btn-primary w-50">Sign in</a>
</div>
</div>
@ -67,5 +77,6 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
</body>
</html>