shop/cart.html at main · Coding-EG/shop · 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
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="ecommerce clothing store cart area" />
    <meta name="author" content="coder" />
    <title>Shahnaz Store Cart</title>
    <link rel="stylesheet" href="styleCart.css" />
    <script src="scriptCart.js" defer></script>
  </head>
  <body>
    <div id="checkOut-section">
      <span
        id="checkOut-close"
        onclick="document.getElementById('checkOut-section').style.display='none';"
        >&times;</span
      >
      <p id="checkOut-detail"><b style="color:red">Sorry!</b> Online Service Not Available.<br> Please Visit Store For Shopping.<br><u style="color:greenyellow;">Shahnaz Collection Habib Complex Near Naaz Cinema MG Road Bihar Sharif</u></p>
    </div>
    <div id="header-container">
      <header>
        <a href="index.html" id="header-link"
          ><img id="header-logo" src="images/Untitlead31.avif" alt="logo" />
          <h1 id="header-name">Shahnaz Collection</h1></a
        >
        <div id="header-cart"><span id="header-cart-num">0</span></div>
      </header>
    </div>
    <div id="nav-container">
      <nav>
        <span id="nav-toggle">&#9776;</span>
        <ul id="nav-bar" style="list-style: none">
          <li class="nav-link">
            <a class="nav-target" href="index.html">Home</a>
          </li>
          <li class="nav-link">
            <a class="nav-target" href="index.html#product-section">Product</a>
          </li>
          <li class="nav-link"><a class="nav-target" href="#">WishList</a></li>
          <li class="nav-link"><a class="nav-target" href="#">About</a></li>
          <li class="nav-link"><a class="nav-target" href="#">Contact</a></li>
        </ul>
      </nav>
    </div>
    <section id="product-section"></section>
    <section id="total-section">
      <span id="total-amount">0000</span>
      <button
        id="checkout"
        onclick="document.getElementById('checkOut-section').style.display='block';"
      >
        Proceed To Buy
      </button>
    </section>
  </body>
</html>