Merge pull request #10 from pandey22/about-us

Add About us section to the home page
MastanSayyad · Jun 23, 2024 · 1a05cb1 · 1a05cb1
2 parents 3951338 + be7a538
commit 1a05cb1
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
 
 </head>
 
-<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
+<body data-spy="scroll" data-target=".site-navbar-target" data-offset="72">
 
   <div class="site-wrap">
 
@@ -57,7 +57,7 @@
                 <li><a href="#home-section" class="nav-link">Home</a></li>
                 <li><a href="#algorithm-section" class="nav-link">Types</a></li>
                 <li><a href="#programs-section" class="nav-link">Algorithms</a></li>
-                <li><a href="#" class="nav-link">About Us</a></li>
+                <li><a href="#about-us-section" class="nav-link">About Us</a></li>
               </ul>
             </nav>
           </div>
@@ -244,6 +244,14 @@ <h2 class="text-black mb-4">Selection Sort</h2>
               end selectionSort </p>
         </div>
       </div>
+      <div class="site-section" id="about-us-section">
+        <div class="container">
+          <div class="row mb-5 justify-content-center">
+            <div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="">
+              <h2 class="section-title">About Us</h2>
+              <p>Welcome to Visual Sort, your interactive companion for understanding sorting algorithms. Our web-based tool provides dynamic visualizations of various sorting algorithms, helping users grasp how they work and their efficiency in sorting data. We believe that visual learning makes complex concepts easier to understand and more engaging. Explore, learn, and enjoy the fascinating world of sorting algorithms with Visual Sort.</p>
+            </div>
+          </div>
 
       <footer class="container py-4 py-md-5 px-4 px-md-3">
         <div class="row d-flex justify-content-center items-center text-center">
@@ -284,7 +292,7 @@ <h5>Home</h5>
           <div class="col-6 col-md-2 mb-3">
             <h5>About</h5>
             <ul class="nav flex-column">
-              <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
+              <li class="nav-item mb-2"><a href="#about-us-section" class="nav-link p-0 text-body-secondary">About</a></li>
               <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Our Contributors</a></li>
             </ul>
           </div>