Merge branch 'overhaul-and-upgrade' of https://github.com/Nkovaturien…

…t/eventmint into overhaul-and-upgrade
samyakmaitre · Oct 6, 2024 · 257a008 · 257a008
2 parents 00f185c + 919ade5
commit 257a008
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 10 deletions.
diff --git a/src/App.css b/src/App.css
@@ -52,8 +52,8 @@ body {
 
 /* Header Styles */
 header {
-  background-color: #c31210;
-  color: white;
+  background-color: #fff;
+  color: #000;
   padding: 1rem 0;
   text-align: center;
 
@@ -81,9 +81,6 @@ header nav ul li {
   background-color: #282c34;
 }
 
-
-
-
 /* Movie List Styles */
 .movie-list {
   display: flex;

diff --git a/src/assets/styles/Footer.css b/src/assets/styles/Footer.css
@@ -1,7 +1,7 @@
 
 .footer{
-  color: #fff;
-  background-color: #c31210;
+    /* background-color: #bbb7b7; */
+    color: #000;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -25,22 +25,28 @@
     align-items: start;
     gap: 20px;
 }
+.footer-content-left p{
+    align-self: flex-start;
+    text-align: left;
+}
 .footer-content-left li, .footer-content-center li, .footer-content-right li{
     list-style-type: none;
     margin-bottom: 10px;
     cursor: pointer;
 }
  .footer-content-center h2, .footer-content-right h2{
-    color: white;
+    color: #000;
     margin-bottom: 10px;
 }
 .footer-social-icons img{
     width: 40px;
     margin-right: 15px;
     cursor: pointer;
+    background: #000;color: #000;
+    border-radius: 50%;
 }
 .footer-social-icons img:hover{
-    background-color: #2926f3;
+    background-color: #c31210;
     border-radius: 50%;
     transform: translateX(45deg);
 }

diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -14,7 +14,9 @@ const Footer = () => {
         <div className="footer-content">
             <div className="footer-content-left">
                 <img src="/logo.png" alt="logo" style={{width: '320px'}} />
-                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit eveniet mollitia dolor, accusantium exercitationem reiciendis magni. Doloremque praesentium ut, veniam mollitia ea dolorum qui atque consequuntur pariatur vitae laboriosam quod!</p>
+                <p>Event Mint is a dynamic web application built for managing events in educational institutions such as schools, colleges, and universities.simplifies event discovery, registration, payments, and management for organizers and attendees alike.
+
+</p>
                 <div className="footer-social-icons">
                     <img src={assets.facebook_icon} alt="fb" />
                     <img src={assets.linkedin_icon} alt="linked" />