HTML_Project/add_to_cart.html at main · Prishu-Baranwal/HTML_Project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shopping Cart - Naveen Trading Company</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>

<header class="bg-dark text-white text-center py-3">
    <h1>Naveen Trading Company</h1>
    <p>Your Shopping Cart</p>
</header>

<section id="cart" class="container my-5">
    <h2 class="text-center">Items in Your Cart</h2>
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Product Name</th>
                <th>Quantity</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody id="cart-items">
            <!-- Cart items will be dynamically inserted here -->
        </tbody>
    </table>
    <button class="btn btn-primary" onclick="continueShopping()">Continue Shopping</button>
</section>

<footer class="text-center bg-dark text-white py-3">
    © 2024 Electrical Shop | All Rights Reserved
</footer>
<!-- Notification Area -->
<div id="notification" class="notification hidden">Item removed from cart!</div>

<script src="cart.js"></script>
</body>
</html>