From 10b439d590f64d960d9a1d71907fda155bdb208d Mon Sep 17 00:00:00 2001
From: mrobeidat <y.linux96@gmail.com>
Date: Sun, 2 Jan 2022 22:27:41 +0200
Subject: [PATCH] styling footer

---
 pages/home_compnenet/Footer.js     | 66 ++++++++++++------------------
 pages/home_compnenet/Sectiontwo.js |  4 +-
 styles/video.css                   |  2 +
 3 files changed, 30 insertions(+), 42 deletions(-)

diff --git a/pages/home_compnenet/Footer.js b/pages/home_compnenet/Footer.js
index 2f276b1..439532f 100644
--- a/pages/home_compnenet/Footer.js
+++ b/pages/home_compnenet/Footer.js
@@ -26,42 +26,36 @@ export default function Footer() {
         <div className="container mx-auto px-4">
           <div className="flex flex-wrap text-center lg:text-left">
             <div className="w-full lg:w-6/12 px-4">
-              <h4 className="text-3xl font-semibold text-white">Let's keep in touch!</h4>
+              <h4 className="text-3xl font-semibold text-white">LATEST NEWS</h4>
               <h5 className="text-lg mt-0 mb-2 text-white ">
-                Find us on any of these platforms, we respond 1-2 business days.
               </h5>
-              <div className="mt-6 lg:mb-0 mb-6">
-                <button
-                  className="bg-white text-lightBlue-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
-                  type="button"
-                >
-                  <i className="fab fa-twitter"></i>
-                </button>
-                <button
-                  className="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
-                  type="button"
-                >
-                  <i className="fab fa-facebook-square"></i>
-                </button>
-                <button
-                  className="bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
-                  type="button"
-                >
-                  <i className="fab fa-dribbble"></i>
-                </button>
-                <button
-                  className="bg-white text-blueGray-800 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
-                  type="button"
-                >
-                  <i className="fab fa-github"></i>
-                </button>
-              </div>
+              <ul className="list-unstyled">
+                <li>
+                  <a
+                    className="text-white hover:text-blueGray-800 font-semibold block pb-2 text-sm"
+                    href="https://www.creative-tim.com/presentation?ref=nnjs-footer"
+                  >
+                    Road Accidents Cause a Blood Emergency
+                  </a>
+                </li>
+                <li>
+                  <a
+                    className="text-white hover:text-blueGray-800 font-semibold block pb-2 text-sm"
+                    href="https://blog.creative-tim.com?ref=nnjs-footer"
+                  >
+                    Amazing Facts about Blood Donation
+                  </a>
+                </li>
+
+              </ul>
+
             </div>
+
             <div className="w-full lg:w-6/12 px-4">
               <div className="flex flex-wrap items-top mb-6">
                 <div className="w-full lg:w-4/12 px-4 ml-auto">
                   <span className="block uppercase text-white text-sm font-semibold mb-2">
-                    Useful Links
+                  LIFE SHARE
                   </span>
                   <ul className="list-unstyled">
                     <li>
@@ -93,24 +87,16 @@ export default function Footer() {
                         className="text-white hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                         href="https://www.creative-tim.com/bootstrap-themes/free?ref=nnjs-footer"
                       >
-                        Free Products
+                        Find Blood
                       </a>
                     </li>
                   </ul>
                 </div>
                 <div className="w-full lg:w-4/12 px-4">
                   <span className="block uppercase text-white text-sm font-semibold mb-2">
-                    Other Resources
+                   Legal
                   </span>
                   <ul className="list-unstyled">
-                    <li>
-                      <a
-                        className="text-white hover:text-blueGray-800 font-semibold block pb-2 text-sm"
-                        href="https://github.com/creativetimofficial/notus-nextjs/blob/main/LICENSE.md?ref=nnjs-footer"
-                      >
-                        MIT License
-                      </a>
-                    </li>
                     <li>
                       <a
                         className="text-white hover:text-blueGray-800 font-semibold block pb-2 text-sm"
@@ -145,7 +131,7 @@ export default function Footer() {
             <div className="w-full md:w-4/12 px-4 mx-auto text-center">
               <div className="text-sm text-white font-semibold py-1">
                 Copyright © {new Date().getFullYear()} Python-Hiss{" "}
-              
+
                 .
               </div>
             </div>
diff --git a/pages/home_compnenet/Sectiontwo.js b/pages/home_compnenet/Sectiontwo.js
index d645f2f..9329873 100644
--- a/pages/home_compnenet/Sectiontwo.js
+++ b/pages/home_compnenet/Sectiontwo.js
@@ -33,10 +33,10 @@ export default function Sectiontwo() {
            
           <div className="px-4 w-fit md:w-8/12 lg:w-6/12 xl:w-6/12 contenttext" style={{width:'fit-content'}}>
             <div className="pt-32 sm:pt-0 w-fit"  >
-              <h2 className="text-4xl font-semibold text-blueGray-600">
+              <h2 className="text-4xl font-semibold text-white">
               Give The "Gift of Life"&nbsp;<span style={{fontWeight: 700}}>Today</span>!
               </h2>
-              <p className="mt-4 text-lg leading-relaxed text-blueGray-500" style={{width:'400px'}}>
+              <p className="mt-4 text-lg leading-relaxed text-white" style={{width:'400px'}}>
               Join our cause and help us save more lives. Everyone should have the right to get a blood transfusion.
               </p>
               <div className="mt-12" style={{display:'flex'}}>
diff --git a/styles/video.css b/styles/video.css
index e60c790..5f8d621 100644
--- a/styles/video.css
+++ b/styles/video.css
@@ -28,6 +28,7 @@
 .divnavbar{
     position: relative;
     right: 35%;
+  
 }
 .imagenav{
   animation: float9 4s ease-in-out infinite;
@@ -56,6 +57,7 @@
   transform: translate(-50%, -50%);
   width: fit-content; */
 }
+
 #divlogin{
   width: 100%;
   height: 100vh;