From ae3dc5879a309cf074bd7b7b1c8d845d3c0aad00 Mon Sep 17 00:00:00 2001
From: ShadyLane <itsashutosh.dev@gmail.com>
Date: Wed, 2 Oct 2024 15:15:20 +0530
Subject: [PATCH] Added an about section

---
 index.html | 33 ++++++++++++++++++++++++---------
 style.css  | 41 +++++++++++++++++++++++++++++++++++++++--
 2 files changed, 63 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 53dfdf6..1ea22b3 100644
--- a/index.html
+++ b/index.html
@@ -18,8 +18,8 @@
            <header>
                <img src="logo.png" alt="">
                <ul>
-                   <li><a href="#" class="active">Home</a></li>
-                <li><a href="#">About</a></li>
+                   <li><a href="index.html" class="active">Home</a></li>
+                <li><a href="#about">About</a></li>
                 <li><a href="#">products</a></li>
                 <li><a href="#">support</a></li>
             </ul>
@@ -30,8 +30,8 @@
         </header>
         <div class="Hamburger">
             <ul>
-                <li><a href="#" class="active whiteTxt">Home</a></li>
-                <li><a href="#"  class="whiteTxt">About</a></li>
+                <li><a href="index.html" class="active whiteTxt">Home</a></li>
+                <li><a href="#about"  class="whiteTxt">About</a></li>
                 <li><a href="#"  class="whiteTxt">products</a></li>
                 <li><a href="#" class="whiteTxt">support</a></li>
             </ul>
@@ -255,13 +255,28 @@ <h5>Nike Air Max</h5>
                 
         </div>
        </section>
-       <footer class="footer">
-        <div class="container">
-            <div class="footer-section">
-                <h3>About Us</h3>
-                <p>Nike is a global leader in sportswear, committed to innovation and inspiring athletes at all levels. Our mission is to bring performance-driven products that empower individuals to achieve their potential, while driving sustainability and creating a better future through sport.</p>
+       <section class="about-sec">
+            <div id="about">
+                <div class="about-content">
+            <h2>About Us</h2>
+            
+                <p>At Nike, we are driven by a mission to bring inspiration and innovation to every athlete in the world. Founded in 1964 as Blue Ribbon Sports, we have grown to become a global leader in sportswear and athletic equipment. Our commitment to pushing boundaries and challenging the status quo is reflected in our diverse range of products, from high-performance shoes and apparel to cutting-edge sports technology. <br><br>
+
+                    We believe that if you have a body, you are an athlete, and our goal is to support every individual in unlocking their full potential. Through constant innovation, collaboration with top athletes, and an unwavering focus on sustainability, we continue to lead the industry with breakthrough designs and products. <br><br>
+                    
+                    At the heart of Nike is a deep passion for sport and an unwavering dedication to providing the best for athletes at all levels. From our iconic Air Max and Flyknit technologies to our commitment to reducing environmental impact, we strive to make a lasting impact on both the sporting world and the planet.
+                    
+                    With a global presence and a community of passionate fans, Nike is more than just a brand—it’s a movement that empowers people to dream big, push boundaries, and just do it.</p>
+            </div>
+            <!-- <div class="headqrtrs">
+                <img src="headqrtr.png">
+            </div> -->
             </div>
 
+
+       </section>
+       <footer class="footer">
+        <div class="container">
             <div class="footer-section">
                 <h3>Quick Links</h3>
                 <ul class="links" id="link1">
diff --git a/style.css b/style.css
index 2eedbb7..fa04517 100644
--- a/style.css
+++ b/style.css
@@ -77,6 +77,7 @@ header{
    
     
 }
+
 .Hamburger ul li a{
     text-transform: uppercase;
     text-decoration: none;
@@ -305,7 +306,7 @@ header i:hover,header #cart:hover{
 
 .sec{
     width: 100%;
-    height: 269%;
+    height: 180%;
     display: flex;
     background-color: #414247;
     overflow-x: hidden;
@@ -315,7 +316,7 @@ header i:hover,header #cart:hover{
 .sec #para{
     position:absolute;
     margin-top: 50px;
-    left: 33%;  
+    left: 33%; 
 }
 
 .sec #para h1{
@@ -349,6 +350,41 @@ header i:hover,header #cart:hover{
    
 
 }
+
+
+.about-sec{
+    width: 100%;
+    height: 120%;
+    display: flex;
+    background-color: #232327;
+    overflow-x: hidden;
+    
+}
+.about-sec #about h2{
+    position: absolute;
+    margin-top: 10%;
+    font-size: 2rem;
+    font-weight: 700;
+    color: rgb(255, 59, 59);
+    font-family: 'Poppins', sans-serif;
+    margin-left: 20px;
+   
+
+}
+.about-sec #about p{
+    position: absolute;
+    margin-top: 15%;
+    font-size: 1.45rem;
+    color: white;
+    font-family: 'Poppins', sans-serif;
+    margin-left: 20px;
+
+}
+.about-content{
+    word-wrap: break-word;
+    width: 50px;
+}
+
 .recommended-product img {
     width: 100%; /* Responsive image */
     height: auto; /* Maintain aspect ratio */
@@ -626,6 +662,7 @@ i.ri-menu-3-fill {
     
    
 }
+
 #recommendedproduct {
     display: grid;
     position: relative;