From be350e025fc6adda7955e3f86618cdae39a8d05e Mon Sep 17 00:00:00 2001
From: singharpitaa <arpitasingh80301@gmail.com>
Date: Thu, 3 Oct 2024 00:45:25 +0530
Subject: [PATCH] Add new about section #48

---
 index.html | 17 +++++++++++++++++
 style.css  | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+)

diff --git a/index.html b/index.html
index 370a684..0db9ab4 100644
--- a/index.html
+++ b/index.html
@@ -222,6 +222,23 @@ <h5>Nike Air Max</h5>
         </div>
        </section>
        
+       <section id="about-us" class="about-us-section">
+        <div class="container">
+          <h2>About Us</h2>
+          <p>
+            Welcome to Nike! We are a global brand that is dedicated to providing top-quality athletic footwear, apparel, and equipment for sports and fitness enthusiasts around the world. Since 1964, Nike has been committed to innovation, pushing the limits of design and functionality to inspire athletes and casual wearers alike.
+          </p>
+          <div class="mission">
+            <h3>Our Mission</h3>
+            <p>
+              Our mission is to bring inspiration and innovation to every athlete* in the world. We believe that if you have a body, you are an athlete.
+            </p>
+          </div>
+        </div>
+      </section>
+      
+
+       
        <div class="footer">
         <div class="links" id="link1">
             <a href="https://www.nike.com/in/retail">find store</a><br>
diff --git a/style.css b/style.css
index f62dafa..d902773 100644
--- a/style.css
+++ b/style.css
@@ -353,6 +353,41 @@ header i:hover,header #cart:hover{
     text-align: center;
    
 }
+.about-us-section {
+    background-color: #f9f9f9;
+    padding: 50px 0;
+    text-align: center;
+  }
+  
+  .about-us-section h2 {
+    font-size: 36px;
+    color: #111;
+    margin-bottom: 20px;
+  }
+  
+  .about-us-section p {
+    font-size: 18px;
+    color: #555;
+    line-height: 1.6;
+    margin-bottom: 20px;
+  }
+  
+  .about-us-section .mission h3 {
+    font-size: 28px;
+    color: #111;
+    margin-bottom: 15px;
+  }
+  
+  .about-us-section .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 15px;
+  }
+  
+
+
+
+
 .footer{
     white-space: nowrap;
     width: 100%;