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;