From 4ca59fd7201cc9f7b7bae4115eda2286edc7b031 Mon Sep 17 00:00:00 2001
From: bineetNaidu <bineet.s.naidu@gmail.com>
Date: Tue, 13 Oct 2020 11:00:14 +0530
Subject: [PATCH] -- updated footer -- add fontawesome for icons -- add footer
 styles -- copied gamergram.ico to src for footer img

---
 client/public/index.html                |   4 +++
 client/src/Components/Screens/Footer.js |  40 +++++++++++-------------
 client/src/Styles/Footer.css            |  24 ++++++++++++++
 client/src/gamergram.ico                | Bin 0 -> 307254 bytes
 4 files changed, 47 insertions(+), 21 deletions(-)
 create mode 100644 client/src/Styles/Footer.css
 create mode 100644 client/src/gamergram.ico

diff --git a/client/public/index.html b/client/public/index.html
index a8066ff..9af869e 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -25,6 +25,10 @@
     -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
+      integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
+      crossorigin="anonymous" />
+
 
     <title>Gamergram</title>
   </head>
diff --git a/client/src/Components/Screens/Footer.js b/client/src/Components/Screens/Footer.js
index 9ba7fd8..29b8327 100644
--- a/client/src/Components/Screens/Footer.js
+++ b/client/src/Components/Screens/Footer.js
@@ -1,29 +1,27 @@
 import React from 'react'
+import "../../Styles/Footer.css"
 
 function Footer() {
     return (
-        <footer className="page-footer footer">
-            <div className="container">
-                <div className="row">
-                    <div className="col l6 s12">
-                        <h5 className="gamergram">Gamergram</h5>
-                        <p>A web application to publish your thoughts, connect with friends, share pictures, comment, like and much more!</p>
-                        <p>Developed by Meghal Bisht using the MERN stack.</p>
-                    </div>
-                    <div className="col l4 offset-l2 s12">
-                        <h5>Connect with me</h5>
-                        <ul>
-                            <li><a rel="noopener noreferrer" target="_blank" href="https://www.linkedin.com/in/meghal-bisht-777451177/">LinkedIn</a></li>
-                            <li><a rel="noopener noreferrer" target="_blank" href="https://github.com/MeghalBisht">GitHub</a></li>
-                            <li><a rel="noopener noreferrer" target="_blank" href="https://meghalbisht.github.io/Meghal-Resume/">Website</a></li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <div className="footer-copyright">
-                <div className="container">
-                    © 2020 <span>Gamergram</span>
+        <footer className="footer">
+            <div className="container text-center">
+                <img src="../../gamergram.ico" className="d-block mb-4 mx-auto" width="100px " />    
+            
+            <p className="text-secondary col md 9 mx-auto">A web application to publish your thoughts, connect with friends, share pictures, comment, like and much more!</p>
+                <p className="text-secondary col md 9 mx-auto">Developed by Meghal Bisht using the MERN stack.</p>
+            <hr className="my-5" />
+            <div className="mb-3">
+                <a rel="noopener noreferrer" target="_blank" className="ctx__icons"  href="https://www.linkedin.com/in/meghal-bisht-777451177/">
+                    <i className="fab fa-linkedin"></i>
+                </a>
+                <a rel="noopener noreferrer" target="_blank"  className="ctx__icons" href="https://github.com/MeghalBisht">
+                    <i className="fab fa-github"></i>
+                </a>
+                <a rel="noopener noreferrer" target="_blank" className="ctx__icons"  href="https://resume-meghal.herokuapp.com/">
+                    <i className="fas fa-code"></i>
+                </a>
                 </div>
+                <p className="text-secondary">Copyright 2020. All rights reserved!</p>
             </div>
         </footer>
     )
diff --git a/client/src/Styles/Footer.css b/client/src/Styles/Footer.css
new file mode 100644
index 0000000..c36aed1
--- /dev/null
+++ b/client/src/Styles/Footer.css
@@ -0,0 +1,24 @@
+.footer {
+  padding: 2rem 0;
+  background-color: #d6efc7;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.footer .ctx__icons {
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+  margin: 15px 8px;
+}
+
+.footer .ctx__icons > .fab,
+.footer .ctx__icons > .fas {
+  font-size: 30px;
+}
+
+.my-5 {
+  margin: 2rem 0;
+}
diff --git a/client/src/gamergram.ico b/client/src/gamergram.ico
new file mode 100644
index 0000000000000000000000000000000000000000..f9f21560af564c79e0e955cf85a86ba16d8bb5a7
GIT binary patch
literal 307254
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

literal 0
HcmV?d00001