added order your products section(7th) with form

index.html

@@ -845,6 +845,86 @@ <h5 class="offcanvas-title" id="offcanvasExampleLabel">More Menu</h5>
 
         </section>
         <!-- 6th section ends -->
+
+
+        <!-- 7th section starts -->
+        <section class="container my-5">
+
+            <p class="h4 text-center">Order Your Products</p>
+
+
+            <div class="row">
+
+                <div class="col-md-6">
+
+                    <form class="mt-5">
+
+                        <div class="d-flex justify-content-between">
+                            <div class="col-5">
+                                <label class="form-label" for="forName">Name</label>
+                                <input class="form-control" type="text" id="forName" placeholder="Full Name">
+                            </div>
+
+                            <div class="col-5">
+                                <label class="form-label" for="forEmail">Email</label>
+                                <input class="form-control" type="email" id="forEmail" placeholder="[email protected]">
+                            </div>
+                        </div>
+
+                        <div class="mt-3">
+                            <label class="form-label" for="addr1">Shipping Address</label>
+                            <input class="form-control" type="text" id="addr1" placeholder="Street Address">
+                            <input class="form-control mt-3" type="text" placeholder="Street Address Line 2">
+                        </div>
+
+                        <div class="d-flex justify-content-between mt-3">
+                            <div class="col-5">
+                                <input class="form-control" type="text" placeholder="City">
+                            </div>
+
+                            <div class="col-5">
+                                <input class="form-control" type="text" placeholder="Region">
+                            </div>
+                        </div>
+
+                        <div class="d-flex justify-content-between mt-3">
+                            <div class="col-5">
+                                <input class="form-control" type="text" placeholder="ZIP Code">
+                            </div>
+
+                            <div class="col-5">
+                                <select class="form-select">
+                                    <option value="0" selected>Choose Country</option>
+                                    <option value="1">India</option>
+                                    <option value="2">Bangladesh</option>
+                                    <option value="3">Japan</option>
+                                    <option value="4">China</option>
+                                    <option value="5">USA</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="mt-3">
+                            <label class="form-label" for="textArea">Write any message</label>
+                            <textarea class="form-control" id="textArea" rows="4" placeholder="Write something..."></textarea>
+                        </div>
+
+                        <button class="btn btn-outline-success w-100 mt-4" type="submit">Confirm Submit</button>
+                        <button class="btn btn-outline-danger w-100 mt-2" type="reset">Reset</button>
+
+                    </form>
+
+
+                </div>
+
+                <div class="col-md-6">
+                    <img class="img-fluid" src="imgs/contact.jpg" alt="">
+                </div>
+
+            </div>
+
+        </section>
+        <!-- 7th section ends -->
 
     </main>
     <!-- main area ends -->