From 625146570c1ea4638439dcef2cbd292d66591a31 Mon Sep 17 00:00:00 2001
From: RaviTejaVattem <43704759+RaviTejaVattem@users.noreply.github.com>
Date: Thu, 7 Oct 2021 00:00:07 +0530
Subject: [PATCH 1/2] Added footer styles

---
 style.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/style.css b/style.css
index e69de29..dec25b3 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,7 @@
+footer div {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    padding: 75px 25px;
+    background-color: antiquewhite;
+}

From b29a366de04cdfc1595bddb5f98653d14b2bc410 Mon Sep 17 00:00:00 2001
From: RaviTejaVattem <43704759+RaviTejaVattem@users.noreply.github.com>
Date: Thu, 7 Oct 2021 23:25:34 +0530
Subject: [PATCH 2/2] Styled About us part along with footer

---
 index.html | 13 ++++++-----
 style.css  | 67 ++++++++++++++++++++++++++++++++++++++----------------
 2 files changed, 54 insertions(+), 26 deletions(-)

diff --git a/index.html b/index.html
index fdce932..69ec933 100644
--- a/index.html
+++ b/index.html
@@ -41,16 +41,17 @@ <h2>Developed by guugle and government of bindia</h2>
             <img src="assets/memes/20.jpeg" alt="" srcset="">
         </div>
         <!-- div for about -->
-        <div>
-            <h2>About us</h2>
+        <div class="about-container">
+            <h2 class="heading">About us</h2>
             <h3>If you feel to contribute to the site visit this repository, we are open to all suggestions and content</h3>
-            <h4>https://github.com/apoorvpandey0/30daysofscam-html</h4>
+            <a class="github-link" href="https://github.com/apoorvpandey0/30daysofscam-html">30daysofscam-html</a>
             <hr>
             <h3>Also consider supporting us by Buying us a coffee at:</h3>
             <script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="ankurg132" data-color="#FFDD00" data-emoji=""  data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff" ></script>
-            <h3>All the fund raised will be donated to guugle for improving their servers. Stay tuned for more info.</h3>
-            <hr>
-            <h2>Memes are created by our beloved GDSC community, mostly GDSC JGEC thanks :)</h2>
+            <div>
+                <h3>All the fund raised will be donated to guugle for improving their servers. Stay tuned for more info.</h3>
+                <h3>Memes are created by our beloved GDSC community, mostly GDSC JGEC thanks :)</h3>
+            </div>
         </div>
 
 
diff --git a/style.css b/style.css
index 1cba0c0..28fd35a 100644
--- a/style.css
+++ b/style.css
@@ -1,30 +1,57 @@
-footer div {
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-    padding: 75px 25px;
-    background-color: antiquewhite;
-}
-
 .images {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-around;
 }
 
 .images > img {
-  width: 100%;
-  margin: 10px 0;
+	width: 100%;
+	margin: 10px 0;
 }
 
 @media (min-width: 600px) {
-  .images > img {
-    width: 47%;
-  }
+	.images > img {
+		width: 47%;
+	}
 }
 
 @media (min-width: 1025px) {
-  .images > img {
-    width: 30%;
-  }
-}
\ No newline at end of file
+	.images > img {
+		width: 30%;
+	}
+}
+
+footer div {
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	padding: 75px 25px;
+	background-color: rgb(252, 221, 182);
+}
+
+body {
+	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
+	margin: 0;
+}
+
+.about-container {
+	display: flex;
+	flex-direction: column;
+	padding: 2% 20%;
+	background-color: whitesmoke;
+}
+
+.heading {
+	font-size: 50px;
+}
+
+.about-container h3 {
+	font-size: 25px;
+	font-weight: 450;
+}
+
+.github-link {
+	text-decoration: none;
+	font-weight: bold;
+	font-size: 20px;
+}