From a0d997979de970eb0fd93e13897d9f1b926990ee Mon Sep 17 00:00:00 2001
From: A1Kumari <aryakumari3953@gmail.com>
Date: Tue, 15 Aug 2023 17:04:05 +0530
Subject: [PATCH] about section

---
 .../images/{Elixer logo.jpeg => Elixer.jpeg}  | Bin
 src/components/about/About.css                |   3 +-
 src/components/about/About.jsx                |  26 +++++++++++++++++-
 3 files changed, 27 insertions(+), 2 deletions(-)
 rename src/assets/images/{Elixer logo.jpeg => Elixer.jpeg} (100%)

diff --git a/src/assets/images/Elixer logo.jpeg b/src/assets/images/Elixer.jpeg
similarity index 100%
rename from src/assets/images/Elixer logo.jpeg
rename to src/assets/images/Elixer.jpeg
diff --git a/src/components/about/About.css b/src/components/about/About.css
index 802f26d..7a2847e 100644
--- a/src/components/about/About.css
+++ b/src/components/about/About.css
@@ -9,12 +9,13 @@
 }
 
 .about-image img {
-  width: 400px; /* Adjust the image size as needed */
+  width: 300px; /* Adjust the image size as needed */
   max-width: 100%; /* Ensure the image stays within its container */
   border-radius: 8px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition: 0.5s ease; /* Add transition for hover effect */
   margin-bottom: 40px;
+  margin: 20px;
 }
 
 .about-image:hover img {
diff --git a/src/components/about/About.jsx b/src/components/about/About.jsx
index a18b264..9c175b0 100644
--- a/src/components/about/About.jsx
+++ b/src/components/about/About.jsx
@@ -1,5 +1,7 @@
 import React from "react";
 import aboutSvg from "../../assets/images/about.svg";
+import CClogo from "../../assets/images/codechef-logo.jpg"
+import Elixerlogo from "../../assets/images/Elixer.jpeg"
 import "./About.css";
 
 export default function About() {
@@ -19,7 +21,7 @@ export default function About() {
       </div>
       <div id="wrapper" className="participation-rules">
         <div className="about-image">
-          <img src={aboutSvg} alt="About Us" />
+          <img src={CClogo} alt="About Us" />
         </div>
         <div className="points-container">
           <ul className="rules-list">
@@ -39,6 +41,28 @@ export default function About() {
           </ul>
         </div>
       </div>
+
+
+      <div id="wrapper" className="participation-rules">
+        <div className="points-container">
+          <ul className="rules-list">
+            <p classname="about">
+            Elixir aces as an unparalleled community consisting of the greatest 
+            minds of our college. It has people ranging from tech domains to non-tech
+            sectors, all of whom are competent in their respective areas and strive
+            together to make Elixir an astounding entity. With the perfect space to
+            learn, collaborate, and explore, you are bound to experience many
+            "Hello World" moments here. With our aim to provide our students
+            an environment that fosters self-growth, we are proud to call
+            ourselves a community FOR THE STUDENTS, BY THE STUDENTS, AND
+            OF THE STUDENTS.
+            </p>
+          </ul>
+        </div>
+        <div className="about-image">
+          <img src={Elixerlogo} alt="About Us" />
+        </div>
+      </div>
     </section>
   );
 }