NammaRation/dal_cart.html at main · KingBobSpongebob/NammaRation · 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
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="icon" type="image/png" href="images/logo.jpg"/>
    <link rel="stylesheet" href="stylesheets/global.css">
    <title>Namma Ration - Cart</title>
</head>
<body>
    <div class="header">
        <div class="search-bar">
            <input type="text" placeholder="Search" />
            <div class="search-icon">
                <i class="fas fa-search"></i>
            </div>
        </div>
    </div>

    <main class="cart-layout">
        <div class="cart-items-section">
            <div class="cart-header">My Cart</div>
            <div class="cart-item-container">
                <img src="https://tiimg.tistatic.com/fp/1/007/565/100-pure-raw-organic-yellow-toor-dal-for-cooking-uses-648.jpg" alt="Dal" />
                <h2>Masoor Dal - 1 Kg</h2>
            </div>
        </div>

        <aside class="price-details-section">
            <div class="price-header">Price Summary</div>
            <h4 style="text-align: center;">Price:- ₹70.50</h4>
            <h4 style="text-align: center; margin-top: 20px; font-weight: bold;">Tax:- ₹4.50</h4>
            <h4 style="text-align: center; margin-top: 20px;">Delivery Charges:- Free</h4>
            <hr style="margin-top: 20px; color: #888;">
            <h3 style="text-align: center; margin-top: 20px; font-weight: bold;">Total Amount:- ₹75.00</h3>
            <hr style="margin-top: 20px; color: #888;">
            <button class="shop-now-btn" style="display: block; margin: 20px auto 20px auto;"><a href="location.html">Checkout</a></button>
        </aside>
    </main>

    <div class="copyright">
        <p>&copy; 2025 Namma Ration. All rights reserved.</p>
        <script src="scripts/global.js"></script>
    </div>
</body>
</html>