shop/index.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!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 for locals" />
    <meta name="author" content="coder" />
    <title>Shahnaz Store</title>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js" defer></script>
  </head>
  <body>
    <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
        >
        <a href="cart.html" target="_self">
          <div id="header-cart"><span id="header-cart-num">0</span></div>
        </a>
      </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="#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=""onclick="alert(window.innerHeight+''+window.innerWidth)">About</a></li>
               <li class="nav-link"><a class="nav-target" href="#">Contact</a></li>

           </ul>
       </nav>
    </div>
    <section id="ads-container">
      <div id="ads-img-container">
        <img
          class="ads-container-img"
          src="images/banner0.avif"
          alt="ads logo"
        />
        <img
          class="ads-container-img"
          src="images/banner1.avif"
          alt="ads logo"
        />
        <img
          class="ads-container-img"
          src="images/banner2.avif"
          alt="ads logo"
        />
        <img
          class="ads-container-img"
          src="images/banner1.avif"
          alt="ads logo"
        />
      </div>
    </section>
    <section id="product-section"></section>
    <footer id="page-footer">
        <h1 id="footer-heading">Shop Address</h1>
        <iframe id="footer-map"src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3610.216184729566!2d85.519961!3d25.195931!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xe4b6f29be49004dc!2sShahnaz%20Collection!5e0!3m2!1sen!2sin!4v1658897948566!5m2!1sen!2sin" width="100%" height="350" allowfullscreen=""></iframe>
        <div id="footer-detail">
            <pre><b style="font-family:Georgia, 'Times New Roman', Times, serif">&copy</b> All Rights Reserved.
  Shahnaz Collection is powered by SC.
            </pre>
      </div>
    </footer>
</body>
</html>