From 3ad0886d3a013ecd205ff16ce7a92b633dbfd9a2 Mon Sep 17 00:00:00 2001
From: sijanregmi <72308259+sijanregmi@users.noreply.github.com>
Date: Sun, 23 Oct 2022 01:03:44 +0545
Subject: [PATCH] Changed Site UI and Added Preloader
---
css/style.css | 29 +++++++++++++++++++++++++++--
index.html | 19 +++++++++++++++++--
loader.gif | Bin 0 -> 39472 bytes
script.js | 11 ++++++++++-
4 files changed, 54 insertions(+), 5 deletions(-)
create mode 100644 loader.gif
diff --git a/css/style.css b/css/style.css
index 05fa874..99a69b8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -129,7 +129,6 @@ nav{
.firsthalf {
width: 100%;
- display: flex;
justify-content: flex-start;
flex-direction: column;
}
@@ -208,8 +207,8 @@ nav{
background-color: var(--primary-colour);
padding: 25px;
border-radius: 20px;
- box-shadow: 0 0 5px 10px darkslateblue;
margin-left: 10%;
+ box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.contributors-heading {
font-size: 2rem;
@@ -288,6 +287,32 @@ footer {
margin-top: 30px;
} */
+
+/* Preloader */
+
+.loader{
+ position: fixed;
+ top:0;
+ left: 0;
+ background-color: white;
+ height:100%;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.disppear{
+ animation: faded 1s forwards;
+}
+@keyframes faded {
+ 100%{
+ opacity: 0;
+ visibility: hidden;
+ }
+}
+
+/* End Preloader */
+
.subscribe input {
width: 40%;
margin-top: 20px;
diff --git a/index.html b/index.html
index d7eb5cf..8245e35 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,13 @@
+
+
+
+
+
+
+
Project
@@ -23,6 +30,12 @@
+
+
+
+