Merge pull request #1444 from thevijayshankersharma/about-sec

Update About Section to Match Figma Design

new-website/index.html

@@ -216,7 +216,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>

new-website/style.css

@@ -1167,6 +1167,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;