From eade760aa081b00ed94fb2eb3b659c75cf54e5e1 Mon Sep 17 00:00:00 2001 From: Lakshmi Pavananjali <154777864+Anjaliavv51@users.noreply.github.com> Date: Sat, 1 Jun 2024 22:23:04 +0530 Subject: [PATCH] Update index.html --- index.html | 96 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 96 insertions(+) diff --git a/index.html b/index.html index acd150c6..f36ed74b 100644 --- a/index.html +++ b/index.html @@ -115,7 +115,78 @@ right: 0; } } +/*Preloader CSS*/ +.pre{ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + transition: opacity 2s ease-out, visibility 2s ease-out; + opacity: 1; + visibility: visible; + z-index: 9999; +} + +.pre--hidden { + opacity: 0; + visibility: hidden; +} + +.loader { + display: block; + position: relative; + width: 150px; + height: 150px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #55a5ea; + animation: spin 3s linear infinite; +} + +.loader:before { + content: ""; + position: absolute; + top: 5px; + left: 5px; + right: 5px; + bottom: 5px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #3fbcc0c6; + animation: spin 3s linear infinite; +} + +.loader:after { + content: ""; + position: absolute; + top: 15px; + left: 15px; + right: 15px; + bottom: 15px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #fff; + animation: spin 1.5s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +.loader--hidden{ + opacity: 0; + visibility: hidden; +} @@ -125,6 +196,9 @@ +
+
+
@@ -995,6 +1069,28 @@

RAPIDOC Newsletter

ScrollReveal().reveal('.col-lg-3', { delay: 500 , origin:'left' }); ScrollReveal().reveal('.feedback', { delay: 400 , origin:'left' }); ScrollReveal().reveal('.footer', { delay: 400 , origin:'bottom' }); + +