From 1e9a560bfd293ba98079111b203dec60715e34e0 Mon Sep 17 00:00:00 2001
From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id>
Date: Tue, 14 Sep 2021 10:43:06 +0700
Subject: [PATCH] Register-Verification-sent.html - Optimize Card to look more
pleasing and responsive
---
register-verification-sent.html | 20 ++++++++++++++++----
1 file changed, 16 insertions(+), 4 deletions(-)
diff --git a/register-verification-sent.html b/register-verification-sent.html
index 7882d4f..454045f 100644
--- a/register-verification-sent.html
+++ b/register-verification-sent.html
@@ -27,7 +27,17 @@
}
.card {
- width: 70%;
+ position: center;
+ margin: auto;
+ text-align: center;
+ border-bottom-left-radius: 20px;
+ border-bottom-right-radius: 20px;
+ border-top-left-radius: 20px;
+ border-top-right-radius: 20px;
+ background-color: #212226;
+ }
+
+ .card, .card-img-top {
position: center;
margin: auto;
text-align: center;
@@ -52,10 +62,12 @@
<br>
-<div class="card" style="width: 18rem;">
- <img src="assets/logo_transparent.png" class="card-img-top" alt="Logo">
+<div class="card w-50">
+ <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">
<div class="card-body">
- <h1 class="card-text" style="color: white;">Verify Your Email Address</h1>
<p class="card-text" style="color: #dedede;">Before proceeding, please check your email for a verification link to verify your email address.</p>
</div>
</div>