From 9206c6fb31ad9a641419ff585e81a175daac1ae9 Mon Sep 17 00:00:00 2001
From: Kevin Adam <rexprimeadam@gmail.com>
Date: Wed, 28 Oct 2020 12:53:26 +0700
Subject: [PATCH 1/2] add some adjustment in home page

---
 index.html        | 33 +++++++++++++++++----------------
 styles/config.css | 28 +++++++++++++++++++++++-----
 2 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/index.html b/index.html
index 4ca14f8..b828bcd 100644
--- a/index.html
+++ b/index.html
@@ -202,24 +202,25 @@
       </div>
 
       <main>
-        <div class="height-100vh"></div>
-        <div class="front-cover">
-          <img id="backdrop" style="transition: background 0.5s ease-in; background: url(media/activities/024-mask-distribution/05.jpg)"/>
-          <div class="backdrop-text">
-            First Human Rights Foundation
-            <br />
-            <br />
-            <span style="font-size: 18px"
-              >Everyone's right is our mission!</span
-            >
-            <br />
-            <br />
-            <br />
-            <span style="font-size: 14px">Registered With Central Government of India (Reg-No.166151/16)</span>
+        <div class="warp-coper min-30">
+          <div class="front-cover">
+            <img id="backdrop" style="transition: background 0.5s ease-in; background: url(media/activities/024-mask-distribution/05.jpg)"/>
+            <div class="backdrop-text">
+              First Human Rights Foundation
+              <br />
+              <br />
+              <span style="font-size: 18px"
+                >Everyone's right is our mission!</span
+              >
+              <br />
+              <br />
+              <br />
+              <span style="font-size: 14px">Registered With Central Government of India (Reg-No.166151/16)</span>
+            </div>
           </div>
         </div>
-
-        <div class="row info-cards">
+        
+        <div class="row info-cards min-30">
           <div class="container">
             <div class="card">
               <a href="/about.html">
diff --git a/styles/config.css b/styles/config.css
index b893376..a06fc43 100644
--- a/styles/config.css
+++ b/styles/config.css
@@ -58,7 +58,6 @@ body {
 
 /* INFO CARDS */
 .info-cards {
-  margin-top: 40px;
   background-color: #ffd000;
 }
 
@@ -87,9 +86,9 @@ body {
 
   padding: 50px 0;
 
-  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
+  /* -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
-  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3); */
 }
 
 .info-cards .card a {
@@ -98,7 +97,7 @@ body {
 
 .info-cards .card i {
   font-size: 54px;
-  color: grey;
+  color:#1da1f2;
 
   margin-bottom: 16px;
 }
@@ -114,9 +113,24 @@ body {
   text-decoration: none;
 }
 
+.warp-coper{
+  height: 100vh;
+  position: relative;
+}
+
+.min-30{
+  margin-left: -30px;
+  margin-right: -30px;
+}
+
 @media only screen and (max-width: 768px) {
+  .min-30{
+    margin-left: -16px;
+    margin-right: -16px;
+  }
   .info-cards .card {
     width: 100%;
+    margin-bottom: 20px;
   }
 }
 
@@ -125,7 +139,7 @@ body {
   display: none;
 
   z-index: 99;
-  position: sticky;
+  position: fixed;
 
   align-items: center;
   justify-content: center;
@@ -289,6 +303,10 @@ body {
 
 /* FOOTER */
 
+footer {
+  padding-bottom: 20px;
+}
+
 footer .fab {
   font-size: 24px;
 }

From 163797d7b4a6916a54d716e08a0df7c9cb9612e1 Mon Sep 17 00:00:00 2001
From: Kevin Adam <rexprimeadam@gmail.com>
Date: Fri, 30 Oct 2020 22:52:11 +0700
Subject: [PATCH 2/2] change .warp-coper to .wrapper-cover

---
 index.html        | 2 +-
 styles/config.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b828bcd..6eab8ff 100644
--- a/index.html
+++ b/index.html
@@ -202,7 +202,7 @@
       </div>
 
       <main>
-        <div class="warp-coper min-30">
+        <div class="wrapper-cover min-30">
           <div class="front-cover">
             <img id="backdrop" style="transition: background 0.5s ease-in; background: url(media/activities/024-mask-distribution/05.jpg)"/>
             <div class="backdrop-text">
diff --git a/styles/config.css b/styles/config.css
index a06fc43..fe8d4c5 100644
--- a/styles/config.css
+++ b/styles/config.css
@@ -113,7 +113,7 @@ body {
   text-decoration: none;
 }
 
-.warp-coper{
+.wrapper-cover{
   height: 100vh;
   position: relative;
 }