From b4559b9af12091fff34b66bf2b87ec83922fa010 Mon Sep 17 00:00:00 2001
From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id>
Date: Sun, 19 Sep 2021 18:54:51 +0700
Subject: [PATCH] register-verification-completed.html - Added a simple fade
 animation for the main card

---
 register-verification-completed.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/register-verification-completed.html b/register-verification-completed.html
index 046e1fe..2e9b750 100644
--- a/register-verification-completed.html
+++ b/register-verification-completed.html
@@ -11,6 +11,7 @@
     <link href="https://fonts.googleapis.com" rel="preconnect">
     <link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
     <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 
     <style>
         body {
@@ -133,7 +134,7 @@
 <br>
 
 
-<div class="container">
+<div data-aos="fade-in" data-aos-delay="500" class="container">
     <div class="row">
         <div class="col">
             <div class="card col-md-6 col-lg-6 col-xl-8">
@@ -156,6 +157,10 @@
     </div>
 </div>
 
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script>
+    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"></script>