Kushal997-das · adiiiii13 · Oct 24, 2024
diff --git a/Web Development/Basic/Ecom website/cart.html b/Web Development/Basic/Ecom website/cart.html
diff --git a/Web Development/Basic/Ecom website/checkout.html b/Web Development/Basic/Ecom website/checkout.html
diff --git a/Web Development/Basic/Ecom website/contact.html b/Web Development/Basic/Ecom website/contact.html
diff --git a/Web Development/Basic/Ecom website/css/style.css b/Web Development/Basic/Ecom website/css/style.css
diff --git a/Web Development/Basic/Ecom website/detail.html b/Web Development/Basic/Ecom website/detail.html
diff --git a/Web Development/Basic/Ecom website/img/carousel-1.jpg b/Web Development/Basic/Ecom website/img/carousel-1.jpg
diff --git a/Web Development/Basic/Ecom website/img/carousel-2.jpg b/Web Development/Basic/Ecom website/img/carousel-2.jpg
diff --git a/Web Development/Basic/Ecom website/img/carousel-3.jpg b/Web Development/Basic/Ecom website/img/carousel-3.jpg
diff --git a/Web Development/Basic/Ecom website/img/cat-1.jpg b/Web Development/Basic/Ecom website/img/cat-1.jpg
diff --git a/Web Development/Basic/Ecom website/img/cat-2.jpg b/Web Development/Basic/Ecom website/img/cat-2.jpg
diff --git a/Web Development/Basic/Ecom website/img/cat-3.jpg b/Web Development/Basic/Ecom website/img/cat-3.jpg
diff --git a/Web Development/Basic/Ecom website/img/cat-4.jpg b/Web Development/Basic/Ecom website/img/cat-4.jpg
diff --git a/Web Development/Basic/Ecom website/img/offer-1.jpg b/Web Development/Basic/Ecom website/img/offer-1.jpg
diff --git a/Web Development/Basic/Ecom website/img/offer-2.jpg b/Web Development/Basic/Ecom website/img/offer-2.jpg
diff --git a/Web Development/Basic/Ecom website/img/payments.png b/Web Development/Basic/Ecom website/img/payments.png
diff --git a/Web Development/Basic/Ecom website/img/product-1.jpg b/Web Development/Basic/Ecom website/img/product-1.jpg
diff --git a/Web Development/Basic/Ecom website/img/product-2.jpg b/Web Development/Basic/Ecom website/img/product-2.jpg
diff --git a/Web Development/Basic/Ecom website/img/product-3.jpg b/Web Development/Basic/Ecom website/img/product-3.jpg
diff --git a/Web Development/Basic/Ecom website/img/product-4.jpg b/Web Development/Basic/Ecom website/img/product-4.jpg
diff --git a/Web Development/Basic/Ecom website/img/product-5.jpg b/Web Development/Basic/Ecom website/img/product-5.jpg
diff --git a/Web Development/Basic/Ecom website/img/product-6.jpg b/Web Development/Basic/Ecom website/img/product-6.jpg
diff --git a/Web Development/Basic/Ecom website/img/product-7.jpg b/Web Development/Basic/Ecom website/img/product-7.jpg
diff --git a/Web Development/Basic/Ecom website/img/product-8.jpg b/Web Development/Basic/Ecom website/img/product-8.jpg
diff --git a/Web Development/Basic/Ecom website/img/product-9.jpg b/Web Development/Basic/Ecom website/img/product-9.jpg
diff --git a/Web Development/Basic/Ecom website/img/user.jpg b/Web Development/Basic/Ecom website/img/user.jpg
diff --git a/Web Development/Basic/Ecom website/img/vendor-1.jpg b/Web Development/Basic/Ecom website/img/vendor-1.jpg
diff --git a/Web Development/Basic/Ecom website/img/vendor-2.jpg b/Web Development/Basic/Ecom website/img/vendor-2.jpg
diff --git a/Web Development/Basic/Ecom website/img/vendor-3.jpg b/Web Development/Basic/Ecom website/img/vendor-3.jpg
diff --git a/Web Development/Basic/Ecom website/img/vendor-4.jpg b/Web Development/Basic/Ecom website/img/vendor-4.jpg
diff --git a/Web Development/Basic/Ecom website/img/vendor-5.jpg b/Web Development/Basic/Ecom website/img/vendor-5.jpg
diff --git a/Web Development/Basic/Ecom website/img/vendor-6.jpg b/Web Development/Basic/Ecom website/img/vendor-6.jpg
diff --git a/Web Development/Basic/Ecom website/img/vendor-7.jpg b/Web Development/Basic/Ecom website/img/vendor-7.jpg
diff --git a/Web Development/Basic/Ecom website/img/vendor-8.jpg b/Web Development/Basic/Ecom website/img/vendor-8.jpg
diff --git a/Web Development/Basic/Ecom website/index.html b/Web Development/Basic/Ecom website/index.html
diff --git a/Web Development/Basic/Ecom website/js/main.js b/Web Development/Basic/Ecom website/js/main.js
@@ -0,0 +1,113 @@
+(function ($) {
+    "use strict";
+
+    // Dropdown on mouse hover
+    $(document).ready(function () {
+        function toggleNavbarMethod() {
+            if ($(window).width() > 992) {
+                $('.navbar .dropdown').on('mouseover', function () {
+                    $('.dropdown-toggle', this).trigger('click');
+                }).on('mouseout', function () {
+                    $('.dropdown-toggle', this).trigger('click').blur();
+                });
+            } else {
+                $('.navbar .dropdown').off('mouseover').off('mouseout');
+            }
+        }
+        toggleNavbarMethod();
+        $(window).resize(toggleNavbarMethod);
+    });
+
+
+    // Back to top button
+    $(window).scroll(function () {
+        if ($(this).scrollTop() > 100) {
+            $('.back-to-top').fadeIn('slow');
+        } else {
+            $('.back-to-top').fadeOut('slow');
+        }
+    });
+    $('.back-to-top').click(function () {
+        $('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
+        return false;
+    });
+
+
+    // Vendor carousel
+    $('.vendor-carousel').owlCarousel({
+        loop: true,
+        margin: 29,
+        nav: false,
+        autoplay: true,
+        smartSpeed: 1000,
+        responsive: {
+            0:{
+                items:2
+            },
+            576:{
+                items:3
+            },
+            768:{
+                items:4
+            },
+            992:{
+                items:5
+            },
+            1200:{
+                items:6
+            }
+        }
+    });
+
+
+    // Related carousel
+    $('.related-carousel').owlCarousel({
+        loop: true,
+        margin: 29,
+        nav: false,
+        autoplay: true,
+        smartSpeed: 1000,
+        responsive: {
+            0:{
+                items:1
+            },
+            576:{
+                items:2
+            },
+            768:{
+                items:3
+            },
+            992:{
+                items:4
+            }
+        }
+    });
+
+
+
+    $(document).ready(function() {
+        $('#myLink').on('click', function() {
+            // your JavaScript code here
+        });
+    });
+
+
+
+    // Product Quantity
+    $('.quantity button').on('click', function () {
+        var button = $(this);
+        var oldValue = button.parent().parent().find('input').val();
+        if (button.hasClass('btn-plus')) {
+            var newVal = parseFloat(oldValue) + 1;
+        } else {
+            if (oldValue > 0) {
+                var newVal = parseFloat(oldValue) - 1;
+            } else {
+                newVal = 0;
+            }
+        }
+        button.parent().parent().find('input').val(newVal);
+    });
+
+})(jQuery);
+
diff --git a/Web Development/Basic/Ecom website/login.html b/Web Development/Basic/Ecom website/login.html
@@ -0,0 +1,196 @@
+<!-- Sign In Page -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>AURAShop - Sign In</title>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <meta content="" name="keywords">
+    <meta content="" name="description">
+
+    <!-- Favicon -->
+    <link href="img/favicon.ico" rel="icon">
+
+    <!-- Google Web Fonts -->
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">  
+
+    <!-- Font Awesome -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
+
+    <!-- Libraries Stylesheet -->
+    <link href="lib/animate/animate.min.css" rel="stylesheet">
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
+
+    <!-- Customized Bootstrap Stylesheet -->
+    <link href="css/style.css" rel="stylesheet">
+</head>
+
+<body>
+    <!-- Topbar Start -->
+    <div class="container-fluid">
+        <div class="row bg-secondary py-1 px-xl-5">
+            <div class="col-lg-6 d-none d-lg-block">
+                <div class="d-inline-flex align-items-center h-100">
+                    <a class="text-body mr-3" href="">About</a>
+                    <a class="text-body mr-3" href="">Contact</a>
+                    <a class="text-body mr-3" href="">Help</a>
+                    <a class="text-body mr-3" href="">FAQs</a>
+                </div>
+            </div>
+            <div class="col-lg-6 text-center text-lg-right">
+                <div class="d-inline-flex align-items-center">
+                    <div class="btn-group">
+                        <button type="button" class="btn btn-sm btn-light dropdown-toggle" data-toggle="dropdown">My Account</button>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="login.html">Sign in</a>
+                            <a class="dropdown-item" href="signup.html">Sign up</a>
+                        </div>
+                    </div>
+                    <div class="btn-group mx-2">
+                        <button type="button" class="btn btn-sm btn-light dropdown-toggle" data-toggle="dropdown">USD</button>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <button class="dropdown-item" type="button">EUR</button>
+                            <button class="dropdown-item" type="button">GBP</button>
+                            <button class="dropdown-item" type="button">CAD</button>
+                        </div>
+                    </div>
+                    <div class="btn-group">
+                        <button type="button" class="btn btn-sm btn-light dropdown-toggle" data-toggle="dropdown">EN</button>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <button class="dropdown-item" type="button">FR</button>
+                            <button class="dropdown-item" type="button">AR</button>
+                            <button class="dropdown-item" type="button">RU</button>
+                        </div>
+                    </div>
+                </div>
+                <div class="d-inline-flex align-items-center d-block d-lg-none">
+                    <a href="" class="btn px-0 ml-2">
+                        <i class="fas fa-heart text-dark"></i>
+                        <span class="badge text-dark border border-dark rounded-circle" style="padding-bottom: 2px;">0</span>
+                    </a>
+                    <a href="" class="btn px-0 ml-2">
+                        <i class="fas fa-shopping-cart text-dark"></i>
+                        <span class="badge text-dark border border-dark rounded-circle" style="padding-bottom: 2px;">0</span>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="row align-items-center bg-light py-3 px-xl-5 d-none d-lg-flex">
+            <div class="col-lg-4">
+                <a href="index.html" class="text-decoration-none" id="myLink">
+                    <span class="h1 text-uppercase text-primary bg-dark px-2">AURA</span>
+                    <span class="h1 text-uppercase text-dark bg-primary px-2 ml-n1">Shop</span>
+                </a>                
+            </div>
+            <div class="col-lg-4 col-6 text-left">
+                <form action="">
+                    <div class="input-group">
+                        <input type="text" class="form-control" placeholder="Search for products">
+                        <div class ="input-group-append">
+                            <button class="btn btn-primary" type="submit">
+                                <i class="fas fa-search text-white"></i>
+                            </button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="col-lg-4 col-6 text-right">
+                <p class="m-0">Customer Service</p>
+                <h5 class="m-0">+012 345 6789</h5>
+            </div>
+        </div>
+
+        <!-- Sign In Form -->
+        <div class="container-fluid bg-secondary py-5">
+            <div class="row justify-content-center">
+                <div class="col-lg-5">
+                    <div class="card border-secondary mb-5">
+                        <div class="card-header bg-secondary border-secondary py-3">
+                            <h4 class="m-0">Sign In</h4>
+                        </div>
+                        <div class="card-body p-4">
+                            <form action="">
+                                <div class="form-group">
+                                    <label for="exampleInputEmail1">Email address</label>
+                                    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
+                                </div>
+                                <div class="form-group">
+                                    <label for="exampleInputPassword1">Password</label>
+                                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+                                </div>
+                                <div class="form-group form-check">
+                                    <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                                    <label class="form-check-label" for="exampleCheck1">Remember me</label>
+                                </div>
+                                <button type="submit" class="btn btn-primary btn-block">Sign in</button>
+                                <p class="text-center m-0">Don't have an account? <a href="">Sign up</a></p>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Footer Start -->
+        <div class="container-fluid bg-dark text-secondary py-5">
+            <div class="row pt-5">
+                <div class="col-md-6 col-lg-3 mb-5">
+                    <a href="" class="text-secondary">
+                        <h5 class="font-weight-bold mb-4">Get in Touch</h5>
+                    </a>
+                    <p class="mb-2"><i class="fa fa-map-marker-alt mr-3"></i>Salt Lake Kolkata</p>
+                    <p class="mb-2"><i class="fa fa-phone mr-3"></i>+012 345 6789</p>
+                    <p class="mb-2"><i class="fa fa-envelope mr-3"></i>[email protected]</p>
+                </div>
+                <div class="col-md-6 col-lg-3 mb-5">
+                    <a href="" class="text-secondary">
+                        <h5 class="font-weight-bold mb-4">Quick Links</h5>
+                    </a>
+                    <p class="mb-2"><a class="text-secondary" href="">About Us</a></p>
+                    <p class="mb-2"><a class="text-secondary" href="">Contact Us</a></p>
+                    <p class="mb-2"><a class="text-secondary" href="">Our Services</a></p>
+                    <p class="mb-2"><a class="text-secondary" href="">Help & FAQs</a></p>
+                </div>
+                <div class="col-md-6 col-lg-3 mb-5">
+                    <a href="" class="text-secondary">
+                        <h5 class="font-weight-bold mb-4">Newsletter</h5>
+                    </a>
+                    <p class="mb-4">Stay updated with our latest trends</p>
+                    <form action="">
+                        <div class="input-group">
+                            <input type="text" class="form-control" placeholder="Enter Your Email">
+                            <div class="input-group-append">
+                                <button class="btn btn-primary" type="submit">Subscribe</button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <div class="col-md-6 col-lg-3 mb-5">
+                    <a href="" class="text-secondary">
+                        <h5 class="font-weight-bold mb-4">Follow Us</h5>
+                    </a>
+                    <p class="mb-2"><a class="text-secondary" href=""><i class="fab fa-facebook-f mr-4"></i>Facebook</a></p>
+                    <p class="mb-2"><a class="text-secondary" href=""><i class="fab fa-twitter mr-4"></i>Twitter</a></p>
+                    <p class="mb-2"><a class="text-secondary" href=""><i class="fab fa-instagram mr-4"></i>Instagram</a></p>
+                    <p class="mb-2"><a class="text-secondary" href=""><i class="fab fa-youtube mr-4"></i>Youtube</a></p>
+                </div>
+            </div>
+        </div>
+        <!-- Footer End -->
+    </div>
+
+    <!-- Back to Top -->
+    <a href="#" class="btn btn-primary back-to-top"><i class="fa fa-angle-double-up"></i></a>
+
+    <!-- JavaScript Libraries -->
+    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
+    <script src="lib/easing/easing.min.js"></script>
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
+
+    <!--  Javascript -->
+    <script src="js/main.js"></script>
+</body>
+</html>