nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2025-02-17 02:34:18 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity

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

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

16
register-verification-sent.html
View file

@ -37,7 +37,7 @@
background-color: #212226;
}
.card, .card-img-top {
.card {
position: center;
margin: auto;
text-align: center;
@ -47,6 +47,13 @@
border-top-right-radius: 20px;
background-color: #212226;
}
.icon {
position: center;
margin: auto;
width: 70%;
height: 70%;
}
</style>
</head>
<body>
@ -66,9 +73,11 @@
<div class="card-header" style="color: white;">
<h2>Verify Your Email Address</h2>
</div>
<img src="assets/logo_transparent.png" class="card-img-top w-50" alt="Logo">
<lottie-player src="https://assets1.lottiefiles.com/packages/lf20_IUWMcw.json" class="icon" background="transparent"
speed="1" loop autoplay></lottie-player>
<div class="card-body">
<p class="card-text" style="color: #dedede;">Before proceeding, please check your email for a verification link to verify your email address.</p>
<h5 class="card-text" style="color: #dedede;">Before proceeding, please check your email for a verification link
to verify your email address.</h5>
</div>
</div>
@ -78,5 +87,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>