diff --git a/Startup Landing Page/about.html b/Startup Landing Page/about.html
new file mode 100644
index 0000000..b6c8671
--- /dev/null
+++ b/Startup Landing Page/about.html	
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoes Startup - About Us</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="index.html">Walk-With-US</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="products.html">Products</a>
+                </li>
+                <li class="nav-item active">
+                    <a class="nav-link" href="about.html">About Us</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="gallery.html">Gallery</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="contact.html">Contact</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- About Us Section -->
+    <section class="about py-5">
+        <div class="container">
+            <h2 class="text-center mb-4">About Us</h2>
+            <p class="text-center">
+                Though the human foot can adapt to varied terrains and climate conditions, it is vulnerable, and shoes provide protection. 
+                </p>
+            <p>Shoes are meant to provide support, comfort, and protection for the feet. But shoes can also be worn as an item of fashion. Often shoes are worn over socks.</p>
+            <p>Manufacture your shoes or outsource production. The production process can include pattern making, shoe last development, heel and sole making, and more.</p>
+            <p>Design the shoe line, considering features that are new and innovative.</p>
+            <p>Manufacture the footwear or outsource production. Some newer companies are using 3D printing and sustainable materials.</p>
+            <p>Write a business plan that addresses industry-specific challenges like fashion trends and manufacturing. It should include a market analysis, financial projections, and a sales strategy.</p>
+            <p>our business structure, register the business, and obtain necessary licenses and permits.
+                Financing: Secure financing. Startup costs can range from $500–$20,000 depending on the fulfillment method.</p>
+            <p> sharing its name, tagline, and concise description of what your company does.Keep it simple, clear, and impactful. For the investor, this is the first introduction to what you are building and what problem you are solving.</p>
+            <p>an adjustable strap such as laces or Velcro which allows for adjustment depending on an individual's needs.</p>
+            <p>Shoe designers keep up to date with marketing and fashion trends while creating new shoe designs to put on the market. </p>
+            <p>They also incorporate new materials as they are created and available for footwear. They typically begin by sketching original designs and then selecting the required materials.</p>
+            <p>Start strong, introduce your company, showcase milestones, present products/services, include testimonials, introduce your team, share values and mission.</p>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-dark text-white text-center py-3">
+        <p>&copy; 2024 Walk-With-US. All rights reserved.</p>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
diff --git a/Startup Landing Page/contact.html b/Startup Landing Page/contact.html
new file mode 100644
index 0000000..fbea377
--- /dev/null
+++ b/Startup Landing Page/contact.html	
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoes Startup - Contact</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="index.html">Walk-With-US</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="products.html">Products</a>
+                </li>
+                <li class="nav-item active">
+                    <a class="nav-link" href="contact.html">Contact</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Contact Section -->
+    <section class="contact py-5">
+        <div class="container">
+            <h2 class="text-center mb-4">Contact Us</h2>
+            <div class="row">
+                <div class="col-md-6 mx-auto">
+                    <form>
+                        <div class="form-group">
+                            <label for="name">Name</label>
+                            <input type="text" class="form-control" id="name" placeholder="Your Name">
+                        </div>
+                        <div class="form-group">
+                            <label for="email">Email</label>
+                            <input type="email" class="form-control" id="email" placeholder="Your Email">
+                        </div>
+                        <div class="form-group">
+                            <label for="message">Message</label>
+                            <textarea class="form-control" id="message" rows="4" placeholder="Your Message"></textarea>
+                        </div>
+                        <br>
+                        <button type="submit" class="btn btn-primary">Send</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-dark text-white text-center py-3">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-4">
+                    <h5>Contact Us</h5><br>
+
+                    <p>Email: info@shoesstartup.com</p>
+                    <p>Phone: +123 456 7890</p>
+                </div>
+                <div class="col-md-4">
+                    <h5>Quick Links</h5>
+                    <div class="footer-links">
+                        <a href="index.html">Home</a><br>
+                        <a href="products.html">Products</a><br>
+                        <a href="about.html">About Us</a><br>
+                        <a href="gallery.html">Gallery</a><br>
+                        <a href="contact.html">Contact</a><br>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <h5>Follow Us</h5>
+                    <div class="social-icons">
+                        <a href="https://www.instagram.com/accounts/login/?hl=en"><i class="fab fa-instagram"></i> Instagram</a><br>
+                        <a href="https://x.com/i/flow/login"><i class="fab fa-twitter"></i>Twitter</a><br>
+                        <a href="https://www.facebook.com/"><i class="fab fa-facebook"></i>Facebook</a><br>
+                        <a href="https://www.linkedin.com/login?session_redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Fin%2Foscar-de-la-torre-tenorsoloist%3FmidToken%3DAQEaLRphTzRIdw%26midSig%3D16d1n68ZJqzq01%26trk%3Deml-email_pymk_02-header-109-profile%26trkEmail%3Deml-email_pymk_02-head"><i class="fab fa-linkedin"></i>linkedin</a>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-3">
+                <p>&copy; 2024 Walk-With-US. All rights reserved.</p>
+            </div>
+        </div><br>
+        <br>
+        <br>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
diff --git a/Startup Landing Page/gallery.html b/Startup Landing Page/gallery.html
new file mode 100644
index 0000000..c9d4154
--- /dev/null
+++ b/Startup Landing Page/gallery.html	
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoes Startup - Gallery</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="index.html">Walk-With-US</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="products.html">Products</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="about.html">About Us</a>
+                </li>
+                <li class="nav-item active">
+                    <a class="nav-link" href="gallery.html">Gallery</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="contact.html">Contact</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Gallery Section -->
+    <section class="gallery py-5">
+        <div class="container">
+            <h2 class="text-center mb-4">Contact us for more collections</h2>
+            <div class="row">
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/99486859-0ff3-46b4-949b-2d16af2ad421/custom-nike-dunk-high-by-you-shoes.png" alt="Gallery Image 1" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/c_limit,w_592,f_auto/t_product_v1/5e48bdf3-5ef4-4e25-8208-a84ec255c656/dunk-low-retro-se-shoes-RSrHtr.png" alt="Gallery Image 2" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/2a5710b8-70b8-4316-8078-4311dd01d025/court-vision-low-womens-shoes-KPB597.png" alt="Gallery Image 3" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/e3d72728-4900-4e71-a4ea-1f323bb570d8/custom-nike-air-force-1-high-by-you-shoes.png" alt="Gallery Image 4" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/fdded470-0ac5-4bd7-b41b-1bb63e161438/custom-nike-air-force-1-mid-by-you-shoes.png" alt="Gallery Image 5" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://sothebys-com.brightspotcdn.com/dims4/default/4003dc8/2147483647/strip/true/crop/734x571+0+0/resize/684x532!/quality/90/?url=http%3A%2F%2Fsothebys-brightspot.s3.amazonaws.com%2Fdotcom%2F3c%2F03%2Ff41060124c0b9c919229ccc723e0%2Fsothebys-md.brightspotcdn-10.jpg" alt="Gallery Image 6" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://assets.ajio.com/medias/sys_master/root/20230301/dwGr/63ff7b33f997dde6f4d51ede/-473Wx593H-469431429-blackgrey-MODEL.jpg" alt="Gallery Image 7" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/c_limit,w_592,f_auto/t_product_v1/c183916c-7623-42a2-87cf-ba1ec1659999/full-force-low-shoes-BJkxkR.png" alt="Gallery Image 8" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/c_limit,w_592,f_auto/t_product_v1/c20afd60-b230-4815-bfd2-6768c875f6cd/air-force-1-07-shoes-tP2wSt.png" alt="Gallery Image 9" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/3d1769cf-c7ad-47e6-95c2-ecc40093e28d/blazer-mid-77-womens-shoes-NPWfjm.png" alt="Gallery Image 10" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/b9542e6b-db03-4ef3-8df5-7eb07de98020/interact-run-mens-road-running-shoes-2pmmcR.png" alt="Gallery Image 11" class="img-fluid">
+                </div>
+                <div class="col-md-4 mb-4">
+                    <img src="https://static.nike.com/a/images/c_limit,w_592,f_auto/t_product_v1/cd457421-aedf-447c-abf7-8f6f944e6276/court-borough-low-recraft-big-kids-shoes-dDK0q4.png" alt="Gallery Image 12" class="img-fluid">
+                </div>
+                <!-- Add more images as needed -->
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-dark text-white text-center py-3">
+        <p>&copy; 2024 Walk-With-US. All rights reserved.</p>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
diff --git a/Startup Landing Page/index.html b/Startup Landing Page/index.html
new file mode 100644
index 0000000..c00620c
--- /dev/null
+++ b/Startup Landing Page/index.html	
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoes Startup - Home</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="index.html">Walk-With-US</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav ml-auto">
+                <li class="nav-item active">
+                    <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="products.html">Products</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="contact.html">Contact</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero bg-dark text-white text-center py-5">
+        <div class="container">
+            <h1 class="display-4">Step into Comfort</h1>
+            <p class="lead">Discover the best shoes for your style and comfort</p>
+            <a href="products.html" class="btn btn-primary">Shop Now</a>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section id="features" class="features py-5">
+        <div class="container">
+            <h2 class="text-center mb-4">Features</h2>
+            <div class="row">
+                <div class="col-md-4 text-center">
+                    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTguiaORqINItLBkL6r4V8k9LaAbTgu3xGhGQ&s" alt="Dynamic steering" class="img-fluid mb-3">
+                    <h4>Cushioning and Comfort</h4>
+                    <p>Nike shoes are known for their exceptional cushioning and comfort. They offer a range of technologies such as Air Max, ZoomX, impact protection, and comfort during wear.</p>
+                </div>
+                <div class="col-md-4 text-center">
+                    <img src="https://cf.shopee.co.id/file/effbd6c2003ed4300ba9d68c22b6d1ac" alt="Wireless charging" class="img-fluid mb-3">
+                    <h4>Support and Stability</h4>
+                    <p> Nike shoes often feature advanced support and stability systems, including Flyknit and Flyleather materials that provide a snug, secure fit.Additionally, technologies like Dynamic.</p>
+                </div>
+                <div class="col-md-4 text-center">
+                    <img src="https://indian-retailer.s3.ap-south-1.amazonaws.com/s3fs-public/styles/details_page_images/public/2023-12/best%20shoe%20brands%20in%20india.jpg.webp?itok=enqCoru9" alt="Feature 3" class="img-fluid mb-3">
+                    <h4>Breathability and Moisture Management</h4>
+                    <p>Nike shoes frequently incorporate breathable materials and moisture-wicking technologies like Dri-FIT, Breathe, and Mesh panels. These features help regulate temperature.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- About Us Section -->
+    <section id="about" class="about bg-light py-5">
+        <div class="container">
+            <h2 class="text-center mb-4">About Us</h2>
+            <p class="text-center">We are a startup committed to providing the best footwear for comfort and style. Our mission is to create shoes that not only look good but also feel great.</p>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-dark text-white text-center py-3">
+        <p>&copy; 2024 Walk-With-US. All rights reserved.</p>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
+
+<style>
+body {
+    font-family: 'Arial', sans-serif;
+   
+}
+
+.hero {
+    background: url('https://images.pexels.com/photos/1598505/pexels-photo-1598505.jpeg?cs=srgb&dl=pexels-mnzoutfits-1598505.jpg&fm=jpg') no-repeat center center/cover;
+    height: 90vh;
+}
+
+.features img, .products img {
+    width: 100px;
+    height: 100px;
+}
+
+.about, .contact {
+    background-color: #f8f9fa;
+}
+/* .display-4{
+    color: rgb(235, 200, 212);
+    border: #1c4a77;
+    block-size: auto;
+    display: center;
+    
+
+} */
+
+</style>
\ No newline at end of file
diff --git a/Startup Landing Page/order.html b/Startup Landing Page/order.html
new file mode 100644
index 0000000..fdb6b31
--- /dev/null
+++ b/Startup Landing Page/order.html	
@@ -0,0 +1,233 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Order Page</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: rgb(254, 251, 250);
+        }
+
+        .navbar {
+            background-color: #333;
+        }
+
+        .navbar-brand,
+        .nav-link {
+            color: #fff;
+        }
+
+        .navbar-brand:hover,
+        .nav-link:hover {
+            color: #ffd700;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 50px auto;
+            background: #fff;
+            padding: 30px;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            border-radius: 10px;
+        }
+
+        .order-summary {
+            margin-bottom: 30px;
+        }
+
+        .order-summary h1 {
+            font-size: 28px;
+            margin-bottom: 20px;
+        }
+
+        .order-summary .list-group-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border: none;
+            padding: 15px 20px;
+            background: #f9f9f9;
+            margin-bottom: 10px;
+            border-radius: 5px;
+        }
+
+        .order-summary .list-group-item:nth-child(even) {
+            background: #ececec;
+        }
+
+        .order-summary .list-group-item strong {
+            font-size: 18px;
+        }
+
+        .order-summary .list-group-item span {
+            font-size: 18px;
+            font-weight: bold;
+            color: #333;
+        }
+
+        .total-price {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-top: 20px;
+            padding: 20px;
+            background: #007bff;
+            color: #fff;
+            border-radius: 5px;
+        }
+
+        .total-price h3 {
+            font-size: 22px;
+            margin: 0;
+        }
+
+        .btn-primary {
+            background-color: #28a745;
+            border: none;
+            padding: 15px 30px;
+            font-size: 18px;
+            border-radius: 50px;
+            transition: background-color 0.2s;
+        }
+
+        .btn-primary:hover {
+            background-color: #218838;
+        }
+
+        footer {
+            background-color: #333;
+            color: #fff;
+            padding: 20px 0;
+            text-align: center;
+        }
+    </style>
+</head>
+
+<body>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="index.html">Walk-With-US</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="products.html">Products</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="about.html">About Us</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="gallery.html">Gallery</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="contact.html">Contact</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="order.html">Order</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <div class="container mt-5">
+        <div class="order-summary">
+            <h1 class="mb-4">Order Summary</h1>
+            <div id="cartItems" class="list-group mb-4">
+                <!-- Cart items will be dynamically added here -->
+            </div>
+            <div class="total-price">
+                <h3>Total: ₹<span id="totalPrice">0</span></h3>
+                <button class="btn btn-primary" id="checkoutButton">Buy</button>
+            </div>
+        </div>
+    </div>
+    
+
+    <footer>
+        <p>&copy; 2024 Walk-With-US. All rights reserved.</p>
+    </footer>
+
+    <script>
+        // Get cart data from localStorage
+        const cart = JSON.parse(localStorage.getItem('cart')) || [];
+
+        // Update order summary on page load
+        updateOrderSummary();
+
+        // Function to handle checkout button click
+        document.getElementById('checkoutButton').addEventListener('click', () => {
+            alert('Your order has been placed successfully!');
+            window.location.href = 'index.html';
+        });
+
+        function updateOrderSummary() {
+    const cartItemsContainer = document.getElementById('cartItems');
+    const totalPriceElement = document.getElementById('totalPrice');
+    cartItemsContainer.innerHTML = '';
+    let totalPrice = 0;
+
+    cart.forEach(item => {
+        const cartItemElement = document.createElement('div');
+        cartItemElement.classList.add('list-group-item');
+        cartItemElement.innerHTML = `
+            <strong>${item.name}</strong>
+            <input type="number" min="1" value="${item.quantity}" class="quantity-input" data-name="${item.name}">
+            <span>₹${item.price}</span>
+            <button class="btn btn-danger btn-sm delete-btn" data-name="${item.name}">Delete</button>`;
+        cartItemsContainer.appendChild(cartItemElement);
+        totalPrice += parseInt(item.price, 10) * item.quantity;
+    });
+
+    totalPriceElement.textContent = totalPrice;
+
+    // Add event listeners to quantity inputs
+    document.querySelectorAll('.quantity-input').forEach(input => {
+        input.addEventListener('change', (event) => {
+            const itemName = event.target.getAttribute('data-name');
+            const newQuantity = parseInt(event.target.value, 10);
+            updateCartItemQuantity(itemName, newQuantity);
+            updateOrderSummary();
+        });
+    });
+
+    // Add event listeners to delete buttons
+    document.querySelectorAll('.delete-btn').forEach(button => {
+        button.addEventListener('click', (event) => {
+            const itemName = event.target.getAttribute('data-name');
+            deleteCartItem(itemName);
+            updateOrderSummary();
+        });
+    });
+}
+
+function updateCartItemQuantity(name, quantity) {
+    const cartItem = cart.find(item => item.name === name);
+    if (cartItem) {
+        cartItem.quantity = quantity;
+        localStorage.setItem('cart', JSON.stringify(cart));
+    }
+}
+
+function deleteCartItem(name) {
+    const cartIndex = cart.findIndex(item => item.name === name);
+    if (cartIndex !== -1) {
+        cart.splice(cartIndex, 1);
+        localStorage.setItem('cart', JSON.stringify(cart));
+    }
+}
+
+
+
+    </script>
+</body>
+
+</html>
diff --git a/Startup Landing Page/product1.html b/Startup Landing Page/product1.html
new file mode 100644
index 0000000..169bc88
--- /dev/null
+++ b/Startup Landing Page/product1.html	
@@ -0,0 +1,273 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoes Startup - Product 1</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/styles.css">
+</head>
+
+<body>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="index.html">Walk-With-US</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="products.html">Products</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="about.html">About Us</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="gallery.html">Gallery</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="contact.html">Contact</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="order.html">Order</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Product Detail Section -->
+    <section class="product-detail py-5">
+        <div class="container">
+            <div class="row">
+                <div class="menu-item">
+                    <img src="https://t4.ftcdn.net/jpg/03/91/45/63/360_F_391456310_iYbpTyVcCgjhbcnCBn3Nb2veidPKyEfX.jpg" alt="Image not found">
+                    <h3>Nike Sneakers</h3>
+                    <p>The very first pair of shoes were made using a waffle iron.</p>
+                    <h2 class="price">Price: ₹2,000</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="Nike Sneakers" data-product-price="2000">Add to Cart</button>
+                </div>
+                <div class="menu-item">
+                    <img src="https://as1.ftcdn.net/v2/jpg/05/13/04/94/1000_F_513049431_P79qz3CLAXg8TMGVLx9t4phMqUixgRaN.jpg" alt="Image not found">
+                    <h3>Running</h3>
+                    <p>These then helped to grip while you wore them.</p>
+                    <h2 class="price">Price: ₹3,000</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="Running" data-product-price="3000">Add to Cart</button>
+                </div>
+                <div class="menu-item">
+                    <img src="https://media.istockphoto.com/id/1320501530/photo/white-sneaker-on-a-blue-gradient-background-mens-fashion-sport-shoe-sneakers-lifestyle.jpg?s=612x612&w=0&k=20&c=dgnAb4BsW_O8LEPUaEurgYj82H6x7fA_OCcuBTDUVCA=" alt="Image not found">
+                    <h3>Sports Shoes</h3>
+                    <p>Popular footwear store Foot stock Nike’s more expensive.</p>
+                    <h2 class="price">Price: ₹15,999</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="Sports Shoes" data-product-price="15999">Add to Cart</button>
+                </div>
+                <div class="menu-item">
+                    <img src="https://rukminim2.flixcart.com/image/850/1000/xif0q/shoe/p/c/v/9-da1350-002nike-10-nike-black-university-red-white-original-imagg36rdqjbhnvv.jpeg?q=90&crop=false" alt="Image not found">
+                    <h3>Gym Shoes</h3>
+                    <p>If you mix in strength training. Consider the instep, toe depth.</p>
+                    <h2 class="price">Price: ₹11,999</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="Gym Shoes" data-product-price="11999">Add to Cart</button>
+                </div>
+                <div class="menu-item">
+                    <img src="https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/39cb4d42-5742-4b07-bfaf-5c463dc8326c/versair-workout-shoes-s72Hjj.png" alt="Image not found">
+                    <h3>American Football</h3>
+                    <p>Nike heavily supports the University of Oregon and their sports teams.</p>
+                    <h2 class="price">Price: ₹12,999</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="American Football" data-product-price="12999">Add to Cart</button>
+                </div>
+                <div class="menu-item">
+                    <img src="https://assets.ajio.com/medias/sys_master/root/20221025/4e0v/6357f36daeb269659c593cd6/-473Wx593H-469258173-black-MODEL4.jpg" alt="Image not found">
+                    <h3>Tennis</h3>
+                    <p>Use running shoes (with cushioning) for cardio and cross trainers.</p>
+                    <h2 class="price">Price: ₹9,999</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="Tennis" data-product-price="9999">Add to Cart</button>
+                </div>
+                <div class="menu-item">
+                    <img src="https://hips.hearstapps.com/hmg-prod/images/run-nike-running-shoes-1661870227.jpg?crop=0.6666666666666666xw:1xh;center,top&resize=1200:*" alt="Image not found">
+                    <h3>Athletics</h3>
+                    <p>Nike created a new advert for their Air Max shoes.</p>
+                    <h2 class="price">Price: ₹2,999</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="Athletics" data-product-price="2999">Add to Cart</button>
+                </div>
+                <div class="menu-item">
+                    <img src="https://static.nike.com/a/images/c_limit,w_592,f_auto/t_product_v1/uirypqqxq83mwcjbf9ej/air-monarch-iv-mens-workout-shoes-p8qNlT.png" alt="Image not found">
+                    <h3>Skateboarding</h3>
+                    <p>Shoes should provide proper support.</p>
+                    <h2 class="price">Price: ₹7,999</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="Skateboarding" data-product-price="7999">Add to Cart</button>
+                </div>
+                <div class="menu-item">
+                    <img src="https://m.media-amazon.com/images/I/71iys9n0jcL._SL1500_.jpg" alt="Image not found">
+                    <h3>Basketball</h3>
+                    <p>Footwear for Nike is manufactured mainly in India.</p>
+                    <h2 class="price">Price: ₹4,999</h2>
+                    <button class="btn btn-primary addToCartBtn" data-product-name="Basketball" data-product-price="4999">Add to Cart</button>
+                </div>
+            </div>
+            <button class="btn-buy" onclick="redirectToOrder()">Buy Now</button>
+            </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-dark text-white text-center py-3">
+        <p>&copy; 2024 Walk-With-US. All rights reserved.</p>
+    </footer>
+
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: rgb(254, 251, 250);
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        .heading {
+            text-align: center;
+            color: black;
+            padding: 10px;
+            font-size: 50px;
+        }
+
+        .navbar {
+            display: flex;
+            justify-content: center;
+            padding: 10px;
+        }
+
+        .navItem {
+            margin: 0 10px;
+            color: black;
+            text-decoration: none;
+            font-size: 25px;
+
+        }
+
+        .menu {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            align-items: center;
+            padding: 20px;
+        }
+
+        .menu-item {
+            margin: 20px;
+            padding: 20px;
+            border: 1px solid black;
+            border-radius: 10px;
+            width: 300px;
+            height: 450px;
+        }
+
+        .menu-item img {
+            width: 100%;
+            height: 200px;
+            object-fit: cover;
+            border-radius: 10px;
+        }
+
+        .menu-item h3 {
+            text-align: center;
+            margin: 10px 0;
+        }
+
+        .menu-item p {
+            text-align: center;
+        }
+
+        .bg-image {
+            background-size: cover;
+            background-position: center;
+            background-repeat: no-repeat;
+            /* height:600px; */
+            width: 100%;
+            position: relative;
+            /* left: 30%; */
+        }
+
+        .desc {
+            text-align: center;
+            padding: 20px;
+            z-index: 999;
+            font-size: 20px;
+
+        }
+
+        #m1 {
+            text-align: center;
+            padding: 20px;
+            z-index: 999;
+
+        }
+
+        .price {
+            text-align: center;
+            z-index: 999;
+            color: rgb(26, 99, 6);
+            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        }
+
+        .btn-success {
+            background-color: #28a745;
+            border-color: #28a745;
+        }
+
+        .btn-primary {
+            background-color: #007bff;
+            border-color: #007bff;
+        }
+
+        .btn-primary:hover {
+            background-color: #0069d9;
+            border-color: #0062cc;
+        }
+        .btn-buy {
+            background-color: #0069d9;
+            border-color: #0062cc;
+            height: 50px;
+            width: 150px;
+
+        }
+    </style>
+    <script>
+        // Initialize cart array
+        const cart = [];
+
+        // Function to handle Add to Cart button click
+        function addToCart(productName, productPrice) {
+            cart.push({ name: productName, price: productPrice });
+            console.log(cart);
+            alert(`${productName} added to cart!`);
+        }
+
+        // Add event listeners to Add to Cart buttons
+        const addToCartButtons = document.querySelectorAll('.addToCartBtn');
+        addToCartButtons.forEach(button => {
+            button.addEventListener('click', () => {
+                const productName = button.getAttribute('data-product-name');
+                const productPrice = button.getAttribute('data-product-price');
+                addToCart(productName, productPrice);
+            });
+        });
+
+        // Function to handle Buy Now button click
+        function redirectToOrder() {
+            // Save cart data to localStorage
+            localStorage.setItem('cart', JSON.stringify(cart));
+            // Redirect to order page
+            window.location.href = 'order.html';
+        }
+    </script>
+</body>
+
+</html>
diff --git a/Startup Landing Page/products.html b/Startup Landing Page/products.html
new file mode 100644
index 0000000..33675f6
--- /dev/null
+++ b/Startup Landing Page/products.html	
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoes Startup - Products</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="index.html">Walk-With-US</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item active">
+                    <a class="nav-link" href="products.html">Products</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="about.html">About Us</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="gallery.html">Gallery</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="contact.html">Contact</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Products Section -->
+    <section class="products py-5">
+        <div class="container">
+            <h2 class="text-center mb-4">Our Products</h2>
+            <div class="row">
+                <div class="col-md-4 text-center">
+                    <img src="https://www.dhresource.com/avim_1053540763_00.jpg" alt="Product 1" class="img-fluid mb-3">
+                    <h4>Nike Mens</h4>
+                    <p>MRP : ₹ 14 995.00 incl. of taxes (Also includes all applicable duties)</p> <br>
+                    <a href="product1.html" class="btn btn-primary">Buy Now</a>
+                </div>
+                <div class="col-md-4 text-center">
+                    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTwzdqbm2ZQLxBHVHVrWmI4QP1SgWETcI1UpQ&s" alt="Product 2" class="img-fluid mb-3">
+                    <h4>Nike Womens</h4>
+                    <p>MRP : ₹ 12 795.00
+                        incl. of taxes
+                        (Also includes all applicable duties) </p> <br>
+                    <a href="product1.html" class="btn btn-primary">Buy Now</a>
+                </div>
+                <div class="col-md-4 text-center">
+                    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZzoqe4Gt3XWJ90okntdaAEc63S0XWedM5yCMd3YpsKY3vAxEbGL7FZQ2CrM1Uf9c-WBM&usqp=CAU" alt="Product 3" class="img-fluid mb-3">
+                    <h4>Nike of kids</h4>
+                    <p>MRP : ₹ 14 995.00
+                        incl. of taxes
+                        (Also includes all applicable duties)</p> <br>
+                    <a href="product1.html" class="btn btn-primary">Buy Now</a><br>
+                </div>
+            </div><br>
+        </div><br>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-dark text-white text-center py-3">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-4">
+                    <h5>Contact Us</h5>
+                    <p>Email: info@shoesstartup.com</p>
+                    <p>Phone: +123 456 7890</p>
+                </div>
+                <div class="col-md-4">
+                    <h5>Quick Links</h5>
+                    <div class="footer-links">
+                        <a href="index.html">Home</a><br>
+                        <a href="products.html">Products</a><br>
+                        <a href="about.html">About Us</a><br>
+                        <a href="gallery.html">Gallery</a><br>
+                        <a href="contact.html">Contact</a><br>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <h5>Follow Us</h5>
+                    <div class="social-icons">
+                        <a href="https://www.instagram.com/accounts/login/?hl=en"><i class="fab fa-instagram"></i> Instagram</a><br>
+                        <a href="https://x.com/i/flow/login"><i class="fab fa-twitter"></i>Twitter</a><br>
+                        <a href="https://www.facebook.com/"><i class="fab fa-facebook"></i>Facebook</a><br>
+                        <a href="https://www.linkedin.com/login?session_redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Fin%2Foscar-de-la-torre-tenorsoloist%3FmidToken%3DAQEaLRphTzRIdw%26midSig%3D16d1n68ZJqzq01%26trk%3Deml-email_pymk_02-header-109-profile%26trkEmail%3Deml-email_pymk_02-head"><i class="fab fa-linkedin"></i>linkedin</a>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-3">
+                <p>&copy; 2024 Walk-With-US. All rights reserved.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
