From 19158594afb388beb769300d1b176927412cf4f6 Mon Sep 17 00:00:00 2001
From: Vijay Shanker Sharma <vijayshankersharma1973@gmail.com>
Date: Mon, 24 Jun 2024 07:03:16 +0530
Subject: [PATCH] Made changes to about scetion

---
 new-website/index.html |  5 ++++-
 new-website/style.css  | 22 ++++++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/new-website/index.html b/new-website/index.html
index 78d96d5e..ea5fd11c 100644
--- a/new-website/index.html
+++ b/new-website/index.html
@@ -215,7 +215,10 @@ <h1 class="mb-20 text-xl font-bold text-center sm:text-2xl md:text-6xl lg:text-8
        <!-- <a href="#about"> -->
         <div id="center"  href="#about" >
             <div class="about-section" id="about">
-                <h2><img src="/img3.png" id="imgl">  About</h2>
+                <div class="about-container">
+                    <i class="fas fa-link link-icon"></i>
+                    <h1 class="title dark:text-white" id="about">About</h1>
+                </div>
                 <p>
                     <strong>ResourceHub</strong> is an open-source project I created on September 14, 2023, with the goal of compiling helpful resources for web development initially. My aim was to provide developers with valuable resources they could use to enhance their workflow or in their journey as a developer.
                 </p>
diff --git a/new-website/style.css b/new-website/style.css
index 3a6d072c..0bd2a2cb 100644
--- a/new-website/style.css
+++ b/new-website/style.css
@@ -1165,6 +1165,28 @@ body{
 
 /* Add these styles to the end of your existing style.css file */
 
+.about-section {
+  background-color: white;
+  padding: 40px;
+  width: 90%;
+  max-width: 1000px;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.about-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.about-section p {
+  font-size: 1em !important;
+  line-height: 1.5 !important;
+  margin-bottom: 20px;
+  color: #333;
+}
+
 .container {
   display: flex;
   justify-content: space-between;