diff --git a/shopping boot/Buy item Page/bip.css b/shopping boot/Buy item Page/bip.css
new file mode 100644
index 0000000..7536334
--- /dev/null
+++ b/shopping boot/Buy item Page/bip.css	
@@ -0,0 +1,32 @@
+body {
+  padding-top: 150px;
+}
+
+#itemid {
+  font-size: 15px;
+}
+
+#bag {
+  text-align: right;
+}
+
+#list {
+  text-align: left;
+}
+
+.list-group {
+  float: left;
+}
+
+.nav-item a {
+  margin-left: 15px;
+}
+
+.nav-item a:hover {
+  border-bottom: 2px solid greenyellow;
+}
+
+#foot {
+  padding-left: 90px;
+}
+/*# sourceMappingURL=bip.css.map */
\ No newline at end of file
diff --git a/shopping boot/Buy item Page/bip.css.map b/shopping boot/Buy item Page/bip.css.map
new file mode 100644
index 0000000..40ad5bb
--- /dev/null
+++ b/shopping boot/Buy item Page/bip.css.map	
@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,IAAI,CAAA;EACA,WAAW,EAAE,KAAK;CACrB;;AACD,AAAA,OAAO,CAAA;EACH,SAAS,EAAE,IAAI;CAClB;;AACD,AAAA,IAAI,CAAA;EACA,UAAU,EAAE,KAAK;CACpB;;AACD,AAAA,KAAK,CAAA;EACD,UAAU,EAAE,IAAI;CACnB;;AACD,AAAA,WAAW,CAAA;EACP,KAAK,EAAE,IAAI;CACd;;AACD,AACI,SADK,CACL,CAAC,CAAA;EACG,WAAW,EAAE,IAAI;CACpB;;AAHL,AAII,SAJK,CAIL,CAAC,AAAA,MAAM,CAAA;EACH,aAAa,EAAE,qBAAqB;CACvC;;AAEL,AAAA,KAAK,CAAA;EACD,YAAY,EAAE,IAAI;CACrB",
+    "sources": [
+        "bip.scss"
+    ],
+    "names": [],
+    "file": "bip.css"
+}
\ No newline at end of file
diff --git a/shopping boot/Buy item Page/bip.html b/shopping boot/Buy item Page/bip.html
new file mode 100644
index 0000000..845c598
--- /dev/null
+++ b/shopping boot/Buy item Page/bip.html	
@@ -0,0 +1,482 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  
+
+  <title>Buy Men T-Shirts | Mynto</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" ></script>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" >
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" ></script>
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
+  <link rel="stylesheet" href="bip.css">
+</head>
+<body>
+
+         <!-- Navigation -->
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color:white;">
+    <div class="container">
+      <a class="navbar-brand" href="#"><h1 class="display-4">Mynto</h1></a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbar">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item active">
+            <a class="nav-link" href="#">Home
+              <span class="sr-only">(current)</span>
+            </a>
+          </li>
+          
+          <li class="nav-item">
+            <a class="nav-link" href="#">Service </a>
+          </li>
+          <li class="nav-item">
+              <a class="nav-link" href="#">About </a>
+            </li>
+         
+          <li class="nav-item">
+          <form class="form-inline">
+            <div class="form-group">
+              <input type="text"class="form-control" placeholder="Search"> 
+            </div>
+             <button type="button" class="btn btn-danger"><i class="fas fa-search"></i></button> 
+          </form>
+          </li>
+          
+
+          </ul>
+      </div>
+    </div>
+  </nav>
+
+  <!-- Page Content -->
+  <div class="container">
+
+    <div class="row">
+      
+      <div class="col-lg-3">
+        <div class="row" id="login">
+          <div class="col-lg-5 col-sm-4 col-md-3 col-4">
+            <!-- Button trigger modal -->
+<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" >
+  Sign up
+</button>
+
+<!-- Modal -->
+<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Sign up With</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <a href="#" class="badge badge-secondary"><i class="fab fa-google-plus-g"></i></a>
+        <a href="#" class="badge badge-secondary"><i class="fab fa-facebook-f"></i></a>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-success" data-dismiss="modal">Sign Up</button>
+        
+      </div>
+    </div>
+  </div>
+</div>
+          </div>
+          <div class="col-lg-5 col-sm-4 col-md-3 col-3">
+            <!-- Button trigger modal -->
+<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal1" >
+  Log In
+</button>
+
+<!-- Modal -->
+<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel1">Log In Here</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+          <a href="#" class="badge badge-secondary"><i class="fab fa-google-plus-g"></i></a>
+          <a href="#" class="badge badge-secondary"><i class="fab fa-facebook-f"></i></a>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Log In</button>
+        
+      </div>
+    </div>
+  </div>
+</div>
+          </div>
+        </div> 
+        <h1 class="my-4">Category</h1>
+        <div class="list-group">
+          <div class="btn-group dropright">
+            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Men
+            </button>
+            <div class="dropdown-menu">
+              <!-- Dropdown menu links -->
+              <button class="dropdown-item" type="button"><a href="#">Top Wear</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Bottom Wear</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Footwear</a></button>
+            </div>
+          </div>
+          <div class="btn-group dropright">
+            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Women
+            </button>
+            <div class="dropdown-menu">
+              <button class="dropdown-item" type="button"><a href="#">Indian Wear</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Western Wear</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Footwear</a></button>
+            </div>
+          </div>
+          <div class="btn-group dropright">
+            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Kids
+            </button>
+            <div class="dropdown-menu">
+              <button class="dropdown-item" type="button"><a href="#">Boys Clothing</a></button>
+              <button class="dropdown-item" type="button"><a href="#">girls Clothing</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Footwear</a></button>
+            </div>
+          </div>
+                    
+          
+        </div>
+        
+      </div>
+      <!-- /.col-lg-3 -->
+        
+        
+      <div class="col-lg-5">
+
+        <div id="carouselExampleIndicators" class="carousel slide my-4 carousel-fade" data-ride="carousel">
+          <ol class="carousel-indicators">
+            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+            
+          </ol>
+          <div class="carousel-inner" role="listbox">
+            <div class="carousel-item active" data-interval="2000">
+              <img class="d-block img-fluid" src="img/demo.jpg" alt="First slide">
+            </div>
+            <div class="carousel-item" data-interval="2000">
+              <img class="d-block img-fluid" src="img/demo1.jpg" alt="Second slide">
+            </div>
+            <div class="carousel-item" data-interval="2000">
+              <img class="d-block img-fluid" src="img/demo2.jpg" alt="Third slide">
+            </div>
+           
+          </div>
+          <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="sr-only">Previous</span>
+          </a>
+          <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="sr-only">Next</span>
+          </a>
+        </div>
+        </div>
+        <div class="col-lg-4" id="itemid">
+          <div class="container">
+          <h2>Maniac</h2><br/>
+          <p><small>Men White Checked Round Neck T-shirt</small></p><br/><hr/>
+          <h5>Rs. 400   <del> Rs. 1000</del> <mark>60% off</mark> </h5>
+          <small>Additional tax may apply; charged at checkout</small><hr/>
+          <h3>SELECT SIZE</h3>
+          <br/>
+          <!--size-->
+          <div class="btn-group btn-group-toggle btn-group-lg" data-toggle="buttons">
+            <label class="btn btn-secondary active">
+              <input type="radio" name="options" id="option1" autocomplete="off" checked> S
+            </label>
+            <label class="btn btn-secondary">
+              <input type="radio" name="options" id="option2" autocomplete="off"> M
+            </label>
+            <label class="btn btn-secondary">
+              <input type="radio" name="options" id="option3" autocomplete="off"> L
+            </label>
+            <label class="btn btn-secondary">
+              <input type="radio" name="options" id="option3" autocomplete="off"> XL
+            </label>
+          </div><hr/>
+          <!--product details-->
+          <h3>Products Details</h3>
+          
+            <div class="row">
+              <div class="col-lg-6 col-6 col-md-6 col-sm-6">
+                <small>Sleeve Styling</small>
+                <h6>Regular Sleeves</h6><hr/>
+                <small>Occasion</small>
+                <h6>Casual</h6><hr/>
+                <small>Print or Pattern Type</small>
+                <h6>Checked</h6>
+              </div>
+              <div class="col-lg-6 col-6 col-md-6 col-sm-6">
+                <small>Multipack Set</small>
+                <h6>Single</h6><hr/>
+                <small>Main Trend</small>
+                <h6>New Basics</h6><hr/>
+                <small>Fabric 2</small>
+                <h6>Cotton</h6>
+              </div>
+            </div><hr/>
+            <h3>DELIVERY OPTIONS</h3>
+            <div class="input-group mb-3">
+                <input type="text" class="form-control" placeholder="Enter Pincode" aria-label="Pincode" aria-describedby="button-addon2">
+                <div class="input-group-append">
+                  <button class="btn btn-outline-secondary" type="button" id="button-addon2">Check</button>
+                </div>
+                <small>Please enter PIN code to check delivery time & Cash/Card on Delivery Availability</small><br/>
+               
+              </div>
+              <p>Product Code: <strong>452368</strong></p>
+              <p>Sold By: <strong>Proab</strong></p>
+        
+          <h3>Products Details</h3>
+          
+            <div class="row">
+              <div class="col-lg-6 col-6 col-md-6 col-sm-6">
+                <small>Sleeve Styling</small>
+                <h6>Regular Sleeves</h6><hr/>
+                <small>Occasion</small>
+                <h6>Casual</h6><hr/>
+                <small>Print or Pattern Type</small>
+                <h6>Checked</h6>
+              </div>
+              <div class="col-lg-6 col-6 col-md-6 col-sm-6">
+                <small>Multipack Set</small>
+                <h6>Single</h6><hr/>
+                <small>Main Trend</small>
+                <h6>New Basics</h6><hr/>
+                <small>Fabric 2</small>
+                <h6>Cotton</h6>
+              </div>
+            </div>
+            
+
+          </div>
+          <hr/>
+        </div>
+        <!--similar product-->
+        <div class="container">
+          <div class="row">
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                    <a href="#">Maniac</a>
+                    
+                  </h4><small>Printed Round Neck T-shirt</small>
+                  <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                  <p class="card-text">(70% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp2.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                    <a href="#">Dressberry</a>
+                  </h4><small>Printed Round Neck T-shirt</small>
+                  <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                  <p class="card-text">(70% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/p3.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">FIDO-DIDO</a>
+                        
+                    </h4><small>Round Neck T-shirt</small>
+                    <h5>₹ 399 <small><del>₹ 999</del></small> </h5>
+                    <p class="card-text">(60% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp4.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">Roadster</a>
+                            
+                          </h4><small>Polo Neck T-shirt</small>
+                          <h5>₹ 499 <small><del>₹ 1249</del></small> </h5>
+                          <p class="card-text">(60% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp7.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">HERE & NOW</a>
+                                
+                    </h4><small>Stripped T-shirt</small>
+                    <h5>₹ 599 <small><del>₹ 999</del></small> </h5>
+                    <p class="card-text">(40% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp6.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">Maniac</a>
+                                    
+                    </h4><small>Round Neck T-shirt</small>
+                    <h5>₹ 399 <small><del>₹ 999</del></small> </h5>
+                    <p class="card-text">(60% off)</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp8.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">Roadster</a>
+                                        
+                    </h4><small>Stripped T-shirt</small>
+                    <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                    <p class="card-text">(70% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp9.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">HERE & NOW</a>
+                        
+                    </h4><small>Polo Neck T-shirt</small>
+                    <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                    <p class="card-text">(70% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp10.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">FIDO-DIDO</a>
+                            
+                    </h4><small>Round Neck T-shirt</small>
+                    <h5>₹ 399 <small><del>₹ 999</del></small> </h5>
+                    <p class="card-text">(60% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp11.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">Roadster</a>
+                    </h4><small>Stripped T-shirt</small>
+                    <h5>₹ 599 <small><del>₹ 999</del></small> </h5>
+                    <p class="card-text">(40% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp12.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">HERE & NOW</a>
+                                    
+                    </h4><small>Polo Neck T-shirt</small>
+                    <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                    <p class="card-text">(70% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-4 col-4 col-lg-2">
+              <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp1.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                      <a href="#">Maniac</a>
+                                        
+                    </h4><small>Round Neck T-shirt</small>
+                    <h5>₹ 399 <small><del>₹ 999</del></small> </h5>
+                    <p class="card-text">(60% off)</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--similar product-->
+
+        <footer class="fixed-bottom">
+          <div class="row">
+            <div class="col-lg-6 col-6 col-sm-6 col-md-6" id="bag">
+              <button type="button" class="btn btn-secondary btn-md" >  <i class="fas fa-shopping-bag" > ADD TO BAG</i></button>
+            </div>
+            <div class="col-lg-6 col-6 col-md-6 col-sm-6" id="list">
+              <button type="button" class="btn btn-outline-success btn-md bg-white" > <i class="fas fa-award" > WISHLIST</i></button>
+            </div>
+          </div>
+        </footer>
+        
+       
+        <footer class="py-5 " id="foot">
+          <div class="container-fluid">
+            <div class="row">
+              <div class="col-4 col-sm-4 col-md-4 col-lg-4">
+                <h4>Useful Links</h4><br/>
+                <a href="#">FAQ</a><br/>
+                <a href="#">T&C</a><br/>
+                <a href="#">Terms Of Use</a><br/>
+                <a href="#">Shipping</a><br/>
+                <a href="#">Blog</a><br/>
+                <a href="#">Cancelation</a><br/>
+              </div>
+              <div class="col-4 col-sm-4 col-md-4 col-lg-4">
+                <h4>Keep In Touch</h4><br/>
+                <a href="#"><i class="fab fa-facebook-f"></i></a>
+                <a href="#"><i class="fab fa-youtube"></i></a>
+                <a href="#"><i class="fab fa-twitter"></i></a>
+                <a href="#"><i class="fab fa-instagram"></i></a>
+              </div>
+              <div class="col-4 col-sm-4 col-md-4 col-lg-4">
+                <p><mark><strong>100% Original</strong></mark>guarantee for all products</p>
+                <p><mark><strong>Return Within 30 Days </strong></mark> of receiving your order</p>
+                <p><mark><strong>Get free delivery</strong></mark> for every order avobe Rs.599</p>
+              </div>
+            <div class="col-12">
+            <p class="m-0 text-center text-black">Copyright &copy; Your Website 2019</p>
+          </div>
+          </div>
+          </div>
+      
+        </footer>
+        </body>
+</html>
\ No newline at end of file
diff --git a/shopping boot/Buy item Page/bip.scss b/shopping boot/Buy item Page/bip.scss
new file mode 100644
index 0000000..3b75c58
--- /dev/null
+++ b/shopping boot/Buy item Page/bip.scss	
@@ -0,0 +1,26 @@
+body{
+    padding-top: 150px;
+}
+#itemid{
+    font-size: 15px;
+}
+#bag{
+    text-align: right;
+}
+#list{
+    text-align: left;
+}
+.list-group{
+    float: left;
+}
+.nav-item{
+    a{
+        margin-left: 15px;
+    }
+    a:hover{
+        border-bottom: 2px solid greenyellow;
+    }
+}
+#foot{
+    padding-left: 90px;
+}
\ No newline at end of file
diff --git a/shopping boot/Buy item Page/img/demo.jpg b/shopping boot/Buy item Page/img/demo.jpg
new file mode 100644
index 0000000..f2a909a
Binary files /dev/null and b/shopping boot/Buy item Page/img/demo.jpg differ
diff --git a/shopping boot/Buy item Page/img/demo1.jpg b/shopping boot/Buy item Page/img/demo1.jpg
new file mode 100644
index 0000000..84e396d
Binary files /dev/null and b/shopping boot/Buy item Page/img/demo1.jpg differ
diff --git a/shopping boot/Buy item Page/img/demo2.jpg b/shopping boot/Buy item Page/img/demo2.jpg
new file mode 100644
index 0000000..13d0674
Binary files /dev/null and b/shopping boot/Buy item Page/img/demo2.jpg differ
diff --git a/shopping boot/Buy item Page/img/p3.jpg b/shopping boot/Buy item Page/img/p3.jpg
new file mode 100644
index 0000000..5876d07
Binary files /dev/null and b/shopping boot/Buy item Page/img/p3.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp.jpg b/shopping boot/Buy item Page/img/sp.jpg
new file mode 100644
index 0000000..5c70667
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp1.jpg b/shopping boot/Buy item Page/img/sp1.jpg
new file mode 100644
index 0000000..19dbabe
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp1.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp10.jpg b/shopping boot/Buy item Page/img/sp10.jpg
new file mode 100644
index 0000000..eb68390
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp10.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp11.jpg b/shopping boot/Buy item Page/img/sp11.jpg
new file mode 100644
index 0000000..c31ed1b
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp11.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp12.jpg b/shopping boot/Buy item Page/img/sp12.jpg
new file mode 100644
index 0000000..f0f2a68
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp12.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp2.jpg b/shopping boot/Buy item Page/img/sp2.jpg
new file mode 100644
index 0000000..437261a
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp2.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp4.jpg b/shopping boot/Buy item Page/img/sp4.jpg
new file mode 100644
index 0000000..3c4ece0
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp4.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp6.jpg b/shopping boot/Buy item Page/img/sp6.jpg
new file mode 100644
index 0000000..f522b14
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp6.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp7.jpg b/shopping boot/Buy item Page/img/sp7.jpg
new file mode 100644
index 0000000..591bee2
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp7.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp8.jpg b/shopping boot/Buy item Page/img/sp8.jpg
new file mode 100644
index 0000000..f8ebc32
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp8.jpg differ
diff --git a/shopping boot/Buy item Page/img/sp9.jpg b/shopping boot/Buy item Page/img/sp9.jpg
new file mode 100644
index 0000000..ea9dc88
Binary files /dev/null and b/shopping boot/Buy item Page/img/sp9.jpg differ
diff --git a/shopping boot/landingpage/banner2.jpg b/shopping boot/landingpage/banner2.jpg
new file mode 100644
index 0000000..5caca8c
Binary files /dev/null and b/shopping boot/landingpage/banner2.jpg differ
diff --git a/shopping boot/landingpage/banner3.jpg b/shopping boot/landingpage/banner3.jpg
new file mode 100644
index 0000000..d9cc84a
Binary files /dev/null and b/shopping boot/landingpage/banner3.jpg differ
diff --git a/shopping boot/landingpage/banner4.jpg b/shopping boot/landingpage/banner4.jpg
new file mode 100644
index 0000000..3abecb0
Binary files /dev/null and b/shopping boot/landingpage/banner4.jpg differ
diff --git a/shopping boot/landingpage/banner5.jpg b/shopping boot/landingpage/banner5.jpg
new file mode 100644
index 0000000..bf84128
Binary files /dev/null and b/shopping boot/landingpage/banner5.jpg differ
diff --git a/shopping boot/landingpage/bif.jpg b/shopping boot/landingpage/bif.jpg
new file mode 100644
index 0000000..8571e11
Binary files /dev/null and b/shopping boot/landingpage/bif.jpg differ
diff --git a/shopping boot/landingpage/bif3.jpg b/shopping boot/landingpage/bif3.jpg
new file mode 100644
index 0000000..ba1f768
Binary files /dev/null and b/shopping boot/landingpage/bif3.jpg differ
diff --git a/shopping boot/landingpage/bif4.jpg b/shopping boot/landingpage/bif4.jpg
new file mode 100644
index 0000000..264ded9
Binary files /dev/null and b/shopping boot/landingpage/bif4.jpg differ
diff --git a/shopping boot/landingpage/showcase1.jpg b/shopping boot/landingpage/showcase1.jpg
new file mode 100644
index 0000000..51efecc
Binary files /dev/null and b/shopping boot/landingpage/showcase1.jpg differ
diff --git a/shopping boot/landingpage/showcase2.jpg b/shopping boot/landingpage/showcase2.jpg
new file mode 100644
index 0000000..0df925f
Binary files /dev/null and b/shopping boot/landingpage/showcase2.jpg differ
diff --git a/shopping boot/landingpage/showcase3.jpg b/shopping boot/landingpage/showcase3.jpg
new file mode 100644
index 0000000..2325faa
Binary files /dev/null and b/shopping boot/landingpage/showcase3.jpg differ
diff --git a/shopping boot/landingpage/showcase4.jpg b/shopping boot/landingpage/showcase4.jpg
new file mode 100644
index 0000000..b11aaab
Binary files /dev/null and b/shopping boot/landingpage/showcase4.jpg differ
diff --git a/shopping boot/landingpage/sw.html b/shopping boot/landingpage/sw.html
new file mode 100644
index 0000000..1bb8bb2
--- /dev/null
+++ b/shopping boot/landingpage/sw.html	
@@ -0,0 +1,331 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  
+
+  <title>Online Shopping Website - Mynto</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" ></script>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" >
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" ></script>
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
+  <link rel="stylesheet" href="sww.css">
+</head>
+<body class="d-flex flex-column h-100">
+    
+      <!-- Navigation -->
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color:white;">
+    <div class="container">
+      <a class="navbar-brand" href="#"><h1 class="display-4">Mynto</h1></a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbar">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item active">
+            <a class="nav-link" href="#">Home
+              <span class="sr-only">(current)</span>
+            </a>
+          </li>
+          
+          <li class="nav-item">
+            <a class="nav-link" href="#">Service </a>
+          </li>
+          <li class="nav-item">
+              <a class="nav-link" href="#">About </a>
+            </li>
+         
+          <li class="nav-item">
+          <form class="form-inline">
+            <div class="form-group">
+              <input type="text"class="form-control" placeholder="Search"> 
+            </div>
+             <button type="button" class="btn btn-danger"><i class="fas fa-search"></i></button> 
+          </form>
+          </li>
+          
+  
+
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <!-- Page Content -->
+  <div class="container">
+
+    <div class="row">
+      
+      <div class="col-lg-3">
+        <div class="row" id="login">
+          <div class="col-lg-5 col-sm-4 col-md-3 col-6">
+            <!-- Button trigger modal -->
+<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
+  Sign up
+</button>
+
+<!-- Modal -->
+<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Sign up With</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <a href="#" class="badge badge-secondary"><i class="fab fa-google-plus-g"></i></a>
+        <a href="#" class="badge badge-secondary"><i class="fab fa-facebook-f"></i></a>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-success" data-dismiss="modal">Sign Up</button>
+        
+      </div>
+    </div>
+  </div>
+</div>
+          </div>
+          <div class="col-lg-5 col-sm-4 col-md-3 col-6">
+            <!-- Button trigger modal -->
+<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal1">
+  Log In
+</button>
+
+<!-- Modal -->
+<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel1">Log In Here</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+          <a href="#" class="badge badge-secondary"><i class="fab fa-google-plus-g"></i></a>
+          <a href="#" class="badge badge-secondary"><i class="fab fa-facebook-f"></i></a>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Log In</button>
+        
+      </div>
+    </div>
+  </div>
+</div>
+          </div>
+        </div> 
+        <h1 class="my-4">Category</h1>
+        <div class="list-group">
+          <div class="btn-group dropright">
+            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Men
+            </button>
+            <div class="dropdown-menu">
+              <!-- Dropdown menu links -->
+              <button class="dropdown-item" type="button"><a href="#">Top Wear</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Bottom Wear</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Footwear</a></button>
+            </div>
+          </div>
+          <div class="btn-group dropright">
+            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Women
+            </button>
+            <div class="dropdown-menu">
+              <button class="dropdown-item" type="button"><a href="#">Indian Wear</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Western Wear</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Footwear</a></button>
+            </div>
+          </div>
+          <div class="btn-group dropright">
+            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Kids
+            </button>
+            <div class="dropdown-menu">
+              <button class="dropdown-item" type="button"><a href="#">Boys Clothing</a></button>
+              <button class="dropdown-item" type="button"><a href="#">girls Clothing</a></button>
+              <button class="dropdown-item" type="button"><a href="#">Footwear</a></button>
+            </div>
+          </div>
+                    
+          
+        </div>
+        
+      </div>
+      <!-- /.col-lg-3 -->
+      
+
+      <div class="col-lg-9">
+
+        <div id="carouselExampleIndicators" class="carousel slide my-4 carousel-fade" data-ride="carousel">
+          <ol class="carousel-indicators">
+            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
+            <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
+          </ol>
+          <div class="carousel-inner" role="listbox">
+            <div class="carousel-item active" data-interval="1800">
+              <img class="d-block img-fluid" src="banner1.jpg" alt="First slide">
+            </div>
+            <div class="carousel-item" data-interval="1200">
+              <img class="d-block img-fluid" src="banner2.jpg" alt="Second slide">
+            </div>
+            <div class="carousel-item" data-interval="1200">
+              <img class="d-block img-fluid" src="banner3.jpg" alt="Third slide">
+            </div>
+            <div class="carousel-item" data-interval="1200">
+              <img class="d-block img-fluid" src="banner4.jpg" alt="Fourth slide">
+            </div>
+            <div class="carousel-item" data-interval="1000">
+              <img class="d-block img-fluid" src="banner5.jpg" alt="Fifth slide">
+            </div>
+          </div>
+          <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="sr-only">Previous</span>
+          </a>
+          <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="sr-only">Next</span>
+          </a>
+        </div>
+        <div class="badge badge-primary" id="hotdeal">
+          Hot Deals
+        </div>
+        
+
+        <div class="row">
+
+          
+
+          <div class="col-4 col-lg-4 col-md-4 col-sm-4 mb-4">
+            <div class="card h-100">
+              <a href="#"><img class="card-img-top" src="showcase3.jpg" alt=""></a>
+              
+            </div>
+          </div>
+
+          <div class="col-4 col-lg-4 col-md-4 col-sm-4 mb-4">
+            <div class="card h-100">
+              <a href="#"><img class="card-img-top" src="showcase2.jpg" alt=""></a>
+              
+            </div>
+          </div>
+
+          <div class="col-4 col-lg-4 col-md-4 col-sm-4 mb-4">
+            <div class="card h-100">
+              <a href="#"><img class="card-img-top" src="showcase1.jpg" alt=""></a>
+              
+            </div>
+          </div>
+        </div>
+        
+          <div class="badge badge-secondary" id="bif">
+            Brand In Foucus
+
+          </div>
+          <div class="row">
+          <div class="col-4 col-lg-4 col-md-4 col-sm-4 mb-4">
+            <div class="card h-100">
+              <a href="#"><img class="card-img-top" src="bif.jpg" alt=""></a>
+              <div class="card-body">
+                <h4 class="card-title">
+                  <a href="#">Dressberry</a>
+                </h4>
+                <h5>₹999</h5>
+                <p class="card-text">50-70% off Best Of Fall</p>
+              </div>
+              <div class="card-footer">
+                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-4 col-lg-4 col-md-4 col-sm-4 mb-4">
+            <div class="card h-100">
+              <a href="#"><img class="card-img-top" src="bif3.jpg" alt=""></a>
+              <div class="card-body">
+                <h4 class="card-title">
+                  <a href="#">Peter England</a>
+                </h4>
+                <h5>₹899</h5>
+                <p class="card-text">Exclusive Workwear Collection At Min. 40% Off</p>
+              </div>
+              <div class="card-footer">
+                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-4 col-lg-4 col-md-4 col-sm-4 mb-4">
+            <div class="card h-100">
+              <a href="#"><img class="card-img-top" src="bif4.jpg" alt=""></a>
+              <div class="card-body">
+                <h4 class="card-title">
+                  <a href="#">Skybags</a>
+                </h4>
+                <h5>₹1599</h5>
+                <p class="card-text">Min. 30% Off On Your Travel Companion</p>
+              </div>
+              <div class="card-footer">
+                <small class="text-muted">&#9733; &#9733; &#9733; &#9733; &#9734;</small>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- /.row -->
+
+      </div>
+      <!-- /.col-lg-9 -->
+
+    </div>
+    <!-- /.row -->
+
+  </div>
+  <!-- /.container -->
+  <hr/>
+  <!-- Footer -->
+  <footer class="py-5 bg-gradient-info">
+    <div class="container">
+      <div class="row">
+        <div class="col-4 col-sm-4 col-md-4 col-lg-4">
+          <h4>Useful Links</h4><br/>
+          <a href="#">FAQ</a><br/>
+          <a href="#">T&C</a><br/>
+          <a href="#">Terms Of Use</a><br/>
+          <a href="#">Shipping</a><br/>
+          <a href="#">Blog</a><br/>
+          <a href="#">Cancelation</a><br/>
+        </div>
+        <div class="col-4 col-sm-4 col-md-4 col-lg-4">
+          <h4>Keep In Touch</h4><br/>
+          <a href="#"><i class="fab fa-facebook-f"></i></a>
+          <a href="#"><i class="fab fa-youtube"></i></a>
+          <a href="#"><i class="fab fa-twitter"></i></a>
+          <a href="#"><i class="fab fa-instagram"></i></a>
+        </div>
+        <div class="col-4 col-sm-4 col-md-4 col-lg-4">
+          <p><mark><strong>100% Original</strong></mark>guarantee for all products</p>
+          <p><mark><strong>Return Within 30 Days </strong></mark> of receiving your order</p>
+          <p><mark><strong>Get free delivery</strong></mark> for every order avobe Rs.599</p>
+        </div>
+      <div class="col-12">
+      <p class="m-0 text-center text-black">Copyright &copy; Your Website 2019</p>
+    </div>
+    </div>
+    </div>
+
+  </footer>
+  
+   
+  
+</body>
+</html>
\ No newline at end of file
diff --git a/shopping boot/landingpage/sww.css b/shopping boot/landingpage/sww.css
new file mode 100644
index 0000000..7d8e1d3
--- /dev/null
+++ b/shopping boot/landingpage/sww.css	
@@ -0,0 +1,26 @@
+body {
+  padding-top: 120px;
+}
+
+#hotdeal {
+  font-size: 20px;
+  margin-bottom: 20px;
+}
+
+#bif {
+  font-size: 20px;
+  margin-bottom: 20px;
+}
+
+.list-group {
+  float: left;
+}
+
+.nav-item a {
+  margin-left: 15px;
+}
+
+.nav-item a:hover {
+  border-bottom: 2px solid greenyellow;
+}
+/*# sourceMappingURL=sww.css.map */
\ No newline at end of file
diff --git a/shopping boot/landingpage/sww.css.map b/shopping boot/landingpage/sww.css.map
new file mode 100644
index 0000000..4c91e7a
--- /dev/null
+++ b/shopping boot/landingpage/sww.css.map	
@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AACA,AAAA,IAAI,CAAA;EAEA,WAAW,EAAE,KAAK;CACrB;;AACD,AAAA,QAAQ,CAAA;EACA,SAAS,EAAE,IAAI;EACf,aAAa,EAAE,IAAI;CAC1B;;AACD,AAAA,IAAI,CAAA;EACA,SAAS,EAAE,IAAI;EACf,aAAa,EAAE,IAAI;CACtB;;AACD,AAAA,WAAW,CAAA;EACP,KAAK,EAAE,IAAI;CACd;;AACD,AACI,SADK,CACL,CAAC,CAAA;EACG,WAAW,EAAE,IAAI;CACpB;;AAHL,AAII,SAJK,CAIL,CAAC,AAAA,MAAM,CAAA;EACH,aAAa,EAAE,qBAAqB;CACvC",
+    "sources": [
+        "sww.scss"
+    ],
+    "names": [],
+    "file": "sww.css"
+}
\ No newline at end of file
diff --git a/shopping boot/landingpage/sww.scss b/shopping boot/landingpage/sww.scss
new file mode 100644
index 0000000..20825d2
--- /dev/null
+++ b/shopping boot/landingpage/sww.scss	
@@ -0,0 +1,24 @@
+
+body{
+    
+    padding-top: 120px;
+}
+#hotdeal{
+        font-size: 20px;
+        margin-bottom: 20px;
+}
+#bif{
+    font-size: 20px;
+    margin-bottom: 20px;
+}
+.list-group{
+    float: left;
+}
+.nav-item{
+    a{
+        margin-left: 15px;
+    }
+    a:hover{
+        border-bottom: 2px solid greenyellow;
+    }
+}
diff --git a/shopping boot/sorting page/img/demo.jpg b/shopping boot/sorting page/img/demo.jpg
new file mode 100644
index 0000000..f2a909a
Binary files /dev/null and b/shopping boot/sorting page/img/demo.jpg differ
diff --git a/shopping boot/sorting page/img/p3.jpg b/shopping boot/sorting page/img/p3.jpg
new file mode 100644
index 0000000..5876d07
Binary files /dev/null and b/shopping boot/sorting page/img/p3.jpg differ
diff --git a/shopping boot/sorting page/img/sp.jpg b/shopping boot/sorting page/img/sp.jpg
new file mode 100644
index 0000000..ab6cb37
Binary files /dev/null and b/shopping boot/sorting page/img/sp.jpg differ
diff --git a/shopping boot/sorting page/img/sp1.jpg b/shopping boot/sorting page/img/sp1.jpg
new file mode 100644
index 0000000..9f5ed93
Binary files /dev/null and b/shopping boot/sorting page/img/sp1.jpg differ
diff --git a/shopping boot/sorting page/img/sp2.jpg b/shopping boot/sorting page/img/sp2.jpg
new file mode 100644
index 0000000..ef49f7f
Binary files /dev/null and b/shopping boot/sorting page/img/sp2.jpg differ
diff --git a/shopping boot/sorting page/img/sp3.jpg b/shopping boot/sorting page/img/sp3.jpg
new file mode 100644
index 0000000..f3b7366
Binary files /dev/null and b/shopping boot/sorting page/img/sp3.jpg differ
diff --git a/shopping boot/sorting page/img/sp4.jpg b/shopping boot/sorting page/img/sp4.jpg
new file mode 100644
index 0000000..a7d892c
Binary files /dev/null and b/shopping boot/sorting page/img/sp4.jpg differ
diff --git a/shopping boot/sorting page/img/sp5.jpg b/shopping boot/sorting page/img/sp5.jpg
new file mode 100644
index 0000000..5c70667
Binary files /dev/null and b/shopping boot/sorting page/img/sp5.jpg differ
diff --git a/shopping boot/sorting page/img/sp6.jpg b/shopping boot/sorting page/img/sp6.jpg
new file mode 100644
index 0000000..3c4ece0
Binary files /dev/null and b/shopping boot/sorting page/img/sp6.jpg differ
diff --git a/shopping boot/sorting page/img/sp7.jpg b/shopping boot/sorting page/img/sp7.jpg
new file mode 100644
index 0000000..437261a
Binary files /dev/null and b/shopping boot/sorting page/img/sp7.jpg differ
diff --git a/shopping boot/sorting page/img/sp8.jpg b/shopping boot/sorting page/img/sp8.jpg
new file mode 100644
index 0000000..f8ebc32
Binary files /dev/null and b/shopping boot/sorting page/img/sp8.jpg differ
diff --git a/shopping boot/sorting page/sorting.css b/shopping boot/sorting page/sorting.css
new file mode 100644
index 0000000..1aac70f
--- /dev/null
+++ b/shopping boot/sorting page/sorting.css	
@@ -0,0 +1,8 @@
+#start {
+  padding-top: 150px;
+}
+
+#foot {
+  text-align: justify;
+}
+/*# sourceMappingURL=sorting.css.map */
\ No newline at end of file
diff --git a/shopping boot/sorting page/sorting.css.map b/shopping boot/sorting page/sorting.css.map
new file mode 100644
index 0000000..7799f47
--- /dev/null
+++ b/shopping boot/sorting page/sorting.css.map	
@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,MAAM,CAAA;EACF,WAAW,EAAE,KAAK;CACrB;;AACD,AAAA,KAAK,CAAA;EACH,UAAU,EAAE,OAAO;CACpB",
+    "sources": [
+        "sorting.scss"
+    ],
+    "names": [],
+    "file": "sorting.css"
+}
\ No newline at end of file
diff --git a/shopping boot/sorting page/sorting.html b/shopping boot/sorting page/sorting.html
new file mode 100644
index 0000000..b7de16e
--- /dev/null
+++ b/shopping boot/sorting page/sorting.html	
@@ -0,0 +1,673 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  
+
+  <title>Buy Checked T-Shirts | Mynto</title>
+  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" ></script>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" >
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" ></script>
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
+  <link rel="stylesheet" href="sorting.css">
+</head>
+<body>
+
+         <!-- Navigation -->
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color:white;">
+    <div class="container">
+      <a class="navbar-brand" href="#"><h1 class="display-4">Mynto</h1></a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbar">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item active">
+            <a class="nav-link" href="#">Home
+              <span class="sr-only">(current)</span>
+            </a>
+          </li>
+          
+          <li class="nav-item">
+            <a class="nav-link" href="#">Service </a>
+          </li>
+          <li class="nav-item">
+              <a class="nav-link" href="#">About </a>
+            </li>
+         
+          <li class="nav-item">
+          <form class="form-inline">
+            <div class="form-group">
+              <input type="text"class="form-control" placeholder="Search"> 
+            </div>
+             <button type="button" class="btn btn-danger"><i class="fas fa-search"></i></button> 
+          </form>
+          </li>
+          
+
+          </ul>
+      </div>
+    </div>
+  </nav>
+
+  <!--row-->
+  <div class="container-fluid" id="start">
+    <div class="row">
+        <div class="col-lg-2">
+            <h5>Mens TShirt <small>-54857 items</small></h5>
+            <hr/>
+            <h5>Filters</h5><hr/>
+        </div>
+        <!--dropdown-->
+        <div class="col-lg-7">
+            <!-- button -->
+            <div class="btn-group">
+                <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                  Bundles
+                </button>
+                <div class="dropdown-menu">
+                  <a class="dropdown-item" href="#">
+                        <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                                <label class="form-check-label" for="defaultCheck1">
+                                  Bundles
+                                </label>
+                              </div>
+                    </a>
+                  <a class="dropdown-item" href="#">
+                        <div class="form-check">
+                                <input class="form-check-input" type="checkbox" value="" id="defaultCheck2">
+                                <label class="form-check-label" for="defaultCheck2">
+                                  Single Styles
+                                </label>
+                              </div>
+                  </a> 
+              </div>
+              </div>
+              <div class="btn-group">
+                    <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                      Length
+                    </button>
+                    <div class="dropdown-menu">
+                      <a class="dropdown-item" href="#">
+                            <div class="form-check ">
+                                    <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                                    <label class="form-check-label" for="defaultCheck1">
+                                      Longline
+                                    </label>
+                                  </div>
+                        </a>
+                      <a class="dropdown-item" href="#">
+                            <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" value="" id="defaultCheck2">
+                                    <label class="form-check-label" for="defaultCheck2">
+                                      Regular
+                                    </label>
+                                  </div>
+                      </a> 
+              </div>
+              </div>
+              <div class="btn-group">
+                <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                  Multipack Set
+                </button>
+                <div class="dropdown-menu">
+                  <a class="dropdown-item" href="#">
+                        <div class="form-check ">
+                                <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                                <label class="form-check-label" for="defaultCheck1">
+                                  1
+                                </label>
+                              </div>
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <div class="form-check ">
+                              <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                              <label class="form-check-label" for="defaultCheck1">
+                                2
+                              </label>
+                            </div>
+                  </a>
+                  <a class="dropdown-item" href="#">
+                        <div class="form-check">
+                                <input class="form-check-input" type="checkbox" value="" id="defaultCheck2">
+                                <label class="form-check-label" for="defaultCheck2">
+                                  2 and avobe
+                                </label>
+                              </div>
+                  </a> 
+          </div>
+          </div>
+          <div class="btn-group">
+            <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Fit
+            </button>
+            <div class="dropdown-menu">
+              <a class="dropdown-item" href="#">
+                    <div class="form-check ">
+                            <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                            <label class="form-check-label" for="defaultCheck1">
+                              Boxy
+                            </label>
+                          </div>
+                </a>
+                <a class="dropdown-item" href="#">
+                  <div class="form-check ">
+                          <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                          <label class="form-check-label" for="defaultCheck1">
+                            Loose
+                          </label>
+                        </div>
+              </a>
+              <a class="dropdown-item" href="#">
+                <div class="form-check ">
+                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                        <label class="form-check-label" for="defaultCheck1">
+                          Regular Fit
+                        </label>
+                      </div>
+            </a>
+              <a class="dropdown-item" href="#">
+                    <div class="form-check">
+                            <input class="form-check-input" type="checkbox" value="" id="defaultCheck2">
+                            <label class="form-check-label" for="defaultCheck2">
+                              Slim Fit
+                            </label>
+                          </div>
+              </a> 
+        </div>
+        </div>
+        <div class="btn-group">
+        <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          Neck
+        </button>
+        <div class="dropdown-menu">
+          <a class="dropdown-item" href="#">
+                <div class="form-check ">
+                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                        <label class="form-check-label" for="defaultCheck1">
+                          Boat Neck
+                        </label>
+                      </div>
+            </a>
+            <a class="dropdown-item" href="#">
+              <div class="form-check ">
+                      <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                      <label class="form-check-label" for="defaultCheck1">
+                      Cowl Neck
+                      </label>
+                    </div>
+          </a>
+          <a class="dropdown-item" href="#">
+            <div class="form-check ">
+                    <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                    <label class="form-check-label" for="defaultCheck1">
+                      High Neck
+                    </label>
+                  </div>
+        </a>
+        <a class="dropdown-item" href="#">
+          <div class="form-check ">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    V-Neck
+                  </label>
+                </div>
+      </a>
+      <a class="dropdown-item" href="#">
+        <div class="form-check ">
+                <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                <label class="form-check-label" for="defaultCheck1">
+                  Scoop Neck
+                </label>
+              </div>
+    </a>
+          <a class="dropdown-item" href="#">
+                <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck2">
+                        <label class="form-check-label" for="defaultCheck2">
+                          Pollo Collar
+                        </label>
+                      </div>
+          </a> 
+      </div>
+      </div>
+      </div><hr/>
+        <!--dropdown-->
+        <div class="col-lg-3">
+          <div class="dropdown">
+            <button class="btn btn-outline-dark dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Sort By : <strong>Recommended</strong>
+            </button>
+            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+              <a class="dropdown-item" href="#">What's New</a>
+              <a class="dropdown-item" href="#">Popularity</a>
+              <a class="dropdown-item" href="#">Better Discount</a>
+              <a class="dropdown-item" href="#">Price : High To Low</a>
+              <a class="dropdown-item" href="#">Price : Low To High</a>
+            </div>
+          </div>
+
+
+        </div>
+     </div>  
+     <!--row-->
+     <div class="container-fluid">
+       <div class="row">
+        <div class="col-lg-2">
+          <!--check box-->
+          <h6>CATAGORY</h6>
+          <div class="catagory">
+              
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Men <small>(11254)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Women <small>(10545)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Kids <small>(9454)</small>
+                  </label>
+              </div>
+             
+              
+          </div><hr/>
+
+          <h6>BRAND</h6>
+          <div class="BRAND">
+              
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Roadster <small>(1254)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Puma <small>(2545)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    WROGN <small>(6454)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Moda Rapido <small>(5425)</small>
+                  </label>
+              </div>
+              <a href="#"><small>+410 more</small></a>
+          </div><hr/>
+
+          <!--Price-->
+          <h6>PRICE</h6>
+          <div class="price">
+              
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Rs. 179 to 447 <small>(254)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      Rs. 448 to 669<small>(225)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      Rs. 670 to 949<small>(654)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      Rs. 950 to 12990 <small>(3425)</small>
+                  </label>
+              </div>
+              
+          </div><hr/>
+          <!--color-->
+          <h6>COLOR</h6>
+          <div class="color">
+              
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Blue <small>(254)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      Black <small>(225)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      White <small>(654)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      Yellow <small>(425)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    Orange <small>(104)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      Red <small>(525)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      Grey <small>(754)</small>
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      Green <small>(325)</small>
+                  </label>
+              </div>
+              <a href="#"> <small>+20 more</small></a>
+          </div><hr/>
+
+          <!--discount-->
+          <h6>DISCOUNT</h6>
+          <div class="discount">
+              
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                    10% And Avobe 
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      20% And Avobe 
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      30% And Avobe 
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      40% And Avobe 
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      50% And Avobe 
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      60% And Avobe 
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      70% And Avobe 
+                  </label>
+              </div>
+              <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
+                  <label class="form-check-label" for="defaultCheck1">
+                      80% And Avobe 
+                  </label>
+              </div>
+              
+          </div><hr/>
+
+          <!--check box-->
+        </div>
+        
+        
+        <div class="col-lg-10">
+          <div class="row">
+            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+            <div class="card h-100">
+                <a href="#"><img class="card-img-top" src="img/sp.jpg" alt=""></a>
+                <div class="card-body">
+                  <h4 class="card-title">
+                    <a href="#">Maniac</a>
+                    
+                  </h4><small>Printed Round Neck T-shirt</small>
+                  <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                  <p class="card-text">(70% off)</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                <div class="card h-100">
+                    <a href="#"><img class="card-img-top" src="img/sp1.jpg" alt=""></a>
+                    <div class="card-body">
+                      <h4 class="card-title">
+                        <a href="#">FIDO-DIDO</a>
+                        
+                      </h4><small>Round Neck T-shirt</small>
+                      <h5>₹ 399 <small><del>₹ 999</del></small> </h5>
+                      <p class="card-text">(60% off)</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                    <div class="card h-100">
+                        <a href="#"><img class="card-img-top" src="img/sp2.jpg" alt=""></a>
+                        <div class="card-body">
+                          <h4 class="card-title">
+                            <a href="#">Roadster</a>
+                            
+                          </h4><small>Solid polo Neck T-shirt</small>
+                          <h5>₹ 499 <small><del>₹ 1249</del></small> </h5>
+                          <p class="card-text">(60% off)</p>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                        <div class="card h-100">
+                            <a href="#"><img class="card-img-top" src="img/sp.jpg" alt=""></a>
+                            <div class="card-body">
+                              <h4 class="card-title">
+                                <a href="#">HERE & NOW</a>
+                                
+                              </h4><small>Stripped T-shirt</small>
+                              <h5>₹ 599 <small><del>₹ 999</del></small> </h5>
+                              <p class="card-text">(40% off)</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                            <div class="card h-100">
+                                <a href="#"><img class="card-img-top" src="img/sp3.jpg" alt=""></a>
+                                <div class="card-body">
+                                  <h4 class="card-title">
+                                    <a href="#">Maniac</a>
+                                    
+                                  </h4><small>Round Neck T-shirt</small>
+                                  <h5>₹ 399 <small><del>₹ 999</del></small> </h5>
+                                  <p class="card-text">(60% off)</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                                <div class="card h-100">
+                                    <a href="#"><img class="card-img-top" src="img/sp4.jpg" alt=""></a>
+                                    <div class="card-body">
+                                      <h4 class="card-title">
+                                        <a href="#">Roadster</a>
+                                        
+                                      </h4><small>Stripped T-shirt</small>
+                                      <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                                      <p class="card-text">(70% off)</p>
+                                    </div>
+                                  </div>
+                                </div>
+            </div>
+           <!--2nd row-->
+            <div class="row">
+                <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                <div class="card h-100">
+                    <a href="#"><img class="card-img-top" src="img/sp5.jpg" alt=""></a>
+                    <div class="card-body">
+                      <h4 class="card-title">
+                        <a href="#">HERE & NOW</a>
+                        
+                      </h4><small>Solid polo Neck T-shirt</small>
+                      <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                      <p class="card-text">(70% off)</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                    <div class="card h-100">
+                        <a href="#"><img class="card-img-top" src="img/sp6.jpg" alt=""></a>
+                        <div class="card-body">
+                          <h4 class="card-title">
+                            <a href="#">FIDO-DIDO</a>
+                            
+                          </h4><small>Round Neck T-shirt</small>
+                          <h5>₹ 399 <small><del>₹ 999</del></small> </h5>
+                          <p class="card-text">(60% off)</p>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                        <div class="card h-100">
+                            <a href="#"><img class="card-img-top" src="img/sp7.jpg" alt=""></a>
+                            <div class="card-body">
+                              <h4 class="card-title">
+                                <a href="#">Roadster</a>
+                              </h4><small>Stripped T-shirt</small>
+                              <h5>₹ 599 <small><del>₹ 999</del></small> </h5>
+                              <p class="card-text">(40% off)</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                            <div class="card h-100">
+                                <a href="#"><img class="card-img-top" src="img/sp8.jpg" alt=""></a>
+                                <div class="card-body">
+                                  <h4 class="card-title">
+                                    <a href="#">HERE & NOW</a>
+                                    
+                                  </h4><small>Solid polo Neck T-shirt</small>
+                                  <h5>₹ 284 <small><del>₹ 949</del></small> </h5>
+                                  <p class="card-text">(70% off)</p>
+                                </div>
+                              </div>
+                            </div>
+                            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                                <div class="card h-100">
+                                    <a href="#"><img class="card-img-top" src="img/demo.jpg" alt=""></a>
+                                    <div class="card-body">
+                                      <h4 class="card-title">
+                                        <a href="#">Maniac</a>
+                                        
+                                      </h4><small>Round Neck T-shirt</small>
+                                      <h5>₹ 399 <small><del>₹ 999</del></small> </h5>
+                                      <p class="card-text">(60% off)</p>
+                                    </div>
+                                  </div>
+                                </div>
+                                <div class="col-lg-2 col-md-3 col-sm-4 col-6">
+                                    <div class="card h-100">
+                                        <a href="#"><img class="card-img-top" src="img/p3.jpg" alt=""></a>
+                                        <div class="card-body">
+                                          <h4 class="card-title">
+                                            <a href="#">FIDO-DIDO</a>
+                                            
+                                          </h4><small>Stripped T-shirt</small>
+                                          <h5>₹ 599 <small><del>₹ 999</del></small> </h5>
+                                          <p class="card-text">(40% off)</p>
+                                        </div>
+                                      </div>
+                                    </div>
+                </div>
+    
+
+
+
+
+       </div>
+     </div>
+
+    <!--row-->
+  </div>
+
+
+  <footer class="py-5 bg-light" id="foot">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-4 col-sm-4 col-md-4 col-lg-4" id="links">
+            <h4>Useful Links</h4><br/>
+            <a href="#">FAQ</a><br/>
+            <a href="#">T&C</a><br/>
+            <a href="#">Terms Of Use</a><br/>
+            <a href="#">Shipping</a><br/>
+            <a href="#">Blog</a><br/>
+            <a href="#">Cancelation</a><br/>
+          </div>
+          <div class="col-4 col-sm-4 col-md-4 col-lg-4" id="kit">
+            <h4>Keep In Touch</h4><br/>
+            <a href="#"><i class="fab fa-facebook-f"></i></a>
+            <a href="#"><i class="fab fa-youtube"></i></a>
+            <a href="#"><i class="fab fa-twitter"></i></a>
+            <a href="#"><i class="fab fa-instagram"></i></a>
+          </div>
+          <div class="col-4 col-sm-4 col-md-4 col-lg-4" id="fact">
+            <p><mark><strong>100% Original</strong></mark>guarantee for all products</p>
+            <p><mark><strong>Return Within 30 Days </strong></mark> of receiving your order</p>
+            <p><mark><strong>Get free delivery</strong></mark> for every order avobe Rs.599</p>
+          </div>
+        <div class="col-12">
+        <p class="m-0 text-center text-black">Copyright &copy; Your Website 2019</p>
+      </div>
+      </div>
+      </div>
+  
+    </footer>
+
+
+
+
+
+  </body>
+  </html>
\ No newline at end of file
diff --git a/shopping boot/sorting page/sorting.scss b/shopping boot/sorting page/sorting.scss
new file mode 100644
index 0000000..c5bab38
--- /dev/null
+++ b/shopping boot/sorting page/sorting.scss	
@@ -0,0 +1,6 @@
+#start{
+    padding-top: 150px;
+}
+#foot{
+  text-align: justify;
+}
diff --git a/shopping boot/ss/Screenshot (3).png b/shopping boot/ss/Screenshot (3).png
new file mode 100644
index 0000000..985573e
Binary files /dev/null and b/shopping boot/ss/Screenshot (3).png differ
diff --git a/shopping boot/ss/Screenshot (4).png b/shopping boot/ss/Screenshot (4).png
new file mode 100644
index 0000000..96f3219
Binary files /dev/null and b/shopping boot/ss/Screenshot (4).png differ
diff --git a/shopping boot/ss/Screenshot (5).png b/shopping boot/ss/Screenshot (5).png
new file mode 100644
index 0000000..70867d6
Binary files /dev/null and b/shopping boot/ss/Screenshot (5).png differ
