From 3283c2b60c7fcd0b265efd16de602b7fd74389fa Mon Sep 17 00:00:00 2001
From: Vijayamrav <95993395+Vijayamrav@users.noreply.github.com>
Date: Wed, 28 Feb 2024 23:35:10 +0530
Subject: [PATCH] index file is added

---
 index.html | 198 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 198 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0af69a9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nike</title>
+    <link rel="icon" href="./assests/favicon.png" type="image/x-icon">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+ <link rel="stylesheet" href="style.css">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+</head>
+<body>
+        
+        <ul class="list-inline">
+            <li class="list-inline-item float-end ms-3"><a href="./signinpage.html" target="_blank">Sign in</a></li>
+            <li class="list-inline-item float-end ms-3">Join us</li>
+            <li class="list-inline-item float-end ms-3">Help</li>
+            <li class="list-inline-item float-end ms-3">Find a store</li>
+            <li class="list-inline-item float-start ms-2"><img src="./assests/airjordanlogo.png" height="40px" width="40px"></li>
+        </ul>
+        
+        <div class="container1">
+            <img class="nikeicon" src="./assests/nike.png" height="80px" width="80px">
+           
+            <div class="mt-5 m"><h4>Men</h4>   
+                <div class="mens-products">
+                <ul class="list-unstyled men">
+                    <li><h6>Featured</h6></li>
+                    <li>New&nbsp;Releases</li>
+                    <li>Members&nbsp;Exclusive</li>
+                    <li>Best&nbsp;Sellers</li>
+                    <li>Jordan</li>
+                  </ul>  
+                  <ul class="list-unstyled men">
+                    <li><h6>Shoes</h6></li>
+                    <li>New&nbsp;Collection</li>
+                    <li>Jordan</li>
+                    <li>Lifestyle</li>
+                    <li>Running</li>
+                    <li>Football</li>
+                    <li>Basketball</li>
+                    <li>Trekking</li>
+                  </ul> 
+                  <ul class="list-unstyled men">
+                    <li><h6>Shop By Brand</h6></li>
+                    <li>Nike&nbsp;SportsWear</li>
+                    <li>NikeLab</li>
+                    <li>Nike&nbsp;By&nbsp;You</li>
+                    <li>Jordan</li>
+                    <li>ACG</li>
+                    <li>NBA</li>
+                    <li>Nike&nbsp;SB</li>
+                  </ul> 
+                  <ul class="list-unstyled men">
+                    <li><h6>Clothing</h6></li>
+                    <li>Top's&nbsp;T-shirts</li>
+                    <li>pants</li>
+                    <li>Hoodies&nbsp;jackets</li>
+                    <li>Jordan</li>
+                    <li>Shorts</li>
+                    <li>Jerseys</li>
+                    
+                  </ul> 
+                  
+        
+                
+                </div>
+            </div> 
+            <h4 class="mt-5 ms-4 w">Women</h4>
+            <h4 class="mt-5 ms-4 k">Kids</h4>
+            <h4 class="mt-5 ms-4 sale">Sale</h4>
+            <h4 class="mt-5 ms-4 customize">Customize</h4>
+            <input class="search mt-5 ms-4" type="text" name="search" placeholder="search">
+            
+            <i class="fa fa-search searchlogo" style="font-size:24px"></i>
+            <i class="fa fa-heart loveicon" style="font-size:36px"></i>
+            <i class="fa fa-shopping-bag bagicon" style="font-size:36px" title="bag-items"></i>
+            
+        </div>
+        <div class="offer-text">
+            <p class="example">Save Upto 40%<br><a href="./products.html" target="_blank">Shop all our new markdowns</a></p>
+            <!-- <p class="example1">loremefwhf</p> -->
+        </div>
+           <div class="backgroundimage">
+            <img class="frontphoto" src="./assests/nikefire.jpg" alt="frontphoto" height="450px" width="30%">
+            <img class="greenshoe" src="./assests/whiteshoe.png" height="450px" width="30%">
+            <img class="airjordan" src="./assests/nikeairforce.jpg" height="450px" width="30%">
+        </div> 
+        <div class="advertise">
+            <h6 class="airmax">Air Max 90 LV8</h6>
+            <h1 class="quote">DOUBLE STACKED.</h1>
+            <h1 class="quote1">DOUBLE FUN.</h1>
+            <p style="font-weight: bold;">Play all day,dance all night in elevated,eye catching comfort<br>Introducing the all new Air Max 90 LV8,styled by new jeans.</p><br>
+           
+        </div>  
+        <div class="buttons">
+        <h6 class="s">Shop New Jean's Picks</h6>
+        <h6 class="s1">Shop Air Max 90 LV8</h6>
+        </div>
+
+        <h3 class="f">Featured</h3>
+        <img class="womens-wear" src="./assests/womenmax.png" height="350px" width="30%">
+        <img class="mens-wear" src="./assests/menmax.png" height="350px" width="30%">
+        <img class="kids-wear" src="./assests/kidsmax.png" height="350px"  width="30%">
+        <div class="container">
+          <h2 class="iconic text-muted">always iconic</h2>
+          <img class="images" src="./assests/ekin18.jpg">
+          <img class="images" src="./assests/ekin14.jpg">
+          <img class="images" src="./assests/ekin11.jpg">
+          <img class="images" src="./assests/ekin4.jpg">
+          <img class="images" src="./assests/ekin15.jpg">
+          <img class="images" src="./assests/ekin12.jpg">
+          <img class="images" src="./assests/ekin7.jpg">
+          <img class="images" src="./assests/ekin19.jpg">
+          <img class="images" src="./assests/ekin9.jpg">
+          <img class="images" src="./assests/ekin17.jpg">
+           </div>
+           <!-- <h1 class="text-muted">Don't Miss</h1>  -->
+        <!-- <div class="nikevideo">
+         
+        <video controls width="400px"  height="400px" autoplay loop>
+          <source src="./assests/nikevideo.mp4" type="video/mp4">
+          
+        </video>
+        <video controls width="400px"  height="400px" autoplay loop>
+          <source src="./assests/nikevideo11.mp4" type="video/mp4">
+           <source class="video2" src="./assests/nikevideo11.mp4" type="video/mp4"> 
+        </video>
+
+        </div>    -->
+        <!-- <video controls>
+          <source src="https://www.youtube.com/embed/mPt8NChzzUc?si=AnYiVukVjlwiT3Hk">
+        </video> -->
+         <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/mPt8NChzzUc?si=AnYiVukVjlwiT3Hk"  title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>   -->
+         <div class="nikefootball">
+          <h2 class="text-muted">Nike Football</h2>
+        <video  controls width="100%" height="400px" >
+          <source src="./assests/nikefootball.mp4"  type="video/mp4">
+        </video> 
+        </div>
+        <div class="nikebasketball">
+          <h2 class="text-muted">Jordan</h2>
+        <video controls width="100%" height="400px" >
+          <source src="./assests/Jordanvideo.mp4"  type="video/mp4">
+        </video> 
+        </div>
+        <div class="footer">
+          <div class="first">
+       <h4 class="z">FIND A STORE</h4>
+       <h4 class="z">BECOME A MEMBER</h4>
+       <h4 class="z">Send Us Feedback</h4>
+       
+    
+       </div>
+       <div class="second">
+          <h3>Get Help</h3>
+          <h4 class="x">Order Status</h4>
+          <h4 class="x">Delivery</h4>
+          <h4 class="x">Returns</h4>
+          <h4 class="x">Payment Options</h4>
+          <h4 class="x">Contact us</h4>
+  
+       </div>
+       <div class="third">
+          <h3>ABOUT NIKE</h3>
+          <h4 class="x">news</h4>
+          <h4 class="x">Careers</h4>
+          <h4 class="x">Investors</h4>
+          <h4 class="x">Sustainability</h4>
+       </div>
+       <div class="icons">
+          <div class="icons-separate">
+          <i class="fa fa-facebook-square" style="font-size:36px;color:aliceblue"></i>
+          <i class="fa fa-linkedin-square" style="font-size:36px;color:aliceblue"></i>
+          <i class="fa fa-twitter" style="font-size:36px;color:aliceblue"></i>
+          <i class='fa fa-instagram' style='font-size:36px;color:aliceblue'></i>
+          </div>
+       </div>
+       <div class="bottomline">
+       <h5>India</h5>
+       <h5>@2024 Nike, Inc.All Rights Reserved </h5>
+       </div>
+      </div>
+        
+        
+    
+        
+       
+      
+
+        
+      
+
+    
+    
+</body>
+</html>
\ No newline at end of file
