Me-Shop/index.html at main · Bluetooth-stack/Me-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="" />
  <title>MeShop.</title>

  <link rel="stylesheet" href="./styles.css" />
  <link rel="shortcut icon" href="./icon.png" type="image/x-icon">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Bruno+Ace+SC&display=swap" rel="stylesheet">

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

</head>

<body>

  <nav>
    <div class="logo">
      <span class="meText">Me</span>
      <span class="shopText">Shop.</span>
      <span class="material-icons bag-icon">local_mall</span>
    </div>

    <div class="links">
      <a id="home-link" href="#">Home</a>
      <a id="cart-link" href="#">Cart</a>
      <a id="profile-link" href="#" title="My profile"><span class="material-icons">account_circle</span></a>
      <button id="login-link">Login</button>
      <button id="signup-link">Signup</button>
    </div>
  </nav>

  <div class="loading">
    <div class="round"></div>
  </div>

  <main>
    <div class="details">
      <h1>MeShop.</h1>
      <p> &nbsp; Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam repellat non nemo voluptatibus, quidem aperiam
        doloribus dolorum officiis rerum, commodi alias maxime, quibusdam aliquid beatae atque accusantium hic rem
        molestiae distinctio? Debitis, itaque sunt. Repellendus error cum blanditiis temporibus enim.</p>
        <button class="login-btn">Login</button>
        <button class="signup-btn">Signup</button>
        <div>
          <button class="browseShop">Browse Shop</button>
        </div>
    </div>
    <div class="image">

    </div>
  </main>

  <script src="./script.js"></script>
  <script type="text/javascript">
    function preventBack() {
      window.history.forward();
    }

    setTimeout("preventBack()", 0);

    window.onunload = function () { null };
  </script>
</body>

</html>