index.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>GQL</title>
  5. <meta charset="utf8" />
  6. <link rel="icon" href="./img/shopping-cart.png" />
  7. <link rel="preconnect" href="https://fonts.googleapis.com" />
  8. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  9. <link
  10. href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap"
  11. rel="stylesheet"
  12. />
  13. <link rel="stylesheet" href="./style.css" />
  14. </head>
  15. <body>
  16. <header>
  17. <a href="./index.html"><img src="./img/logo.png" alt="logo" /></a>
  18. <div class="header-info">
  19. <div id="historyPage"><a href="#/history">My orders</a></div>
  20. <div class="cart-section">
  21. <img class="cart-icon" src="./img/shopping-cart.png" />
  22. <a id="cartIconEl" href="#/cart">0</a>
  23. </div>
  24. <div id="userName"></div>
  25. <div class="login-block">
  26. <a href="#/login" id="login" class="button">Login</a>
  27. <a href="#/register" id="registration" class="button">Registration</a>
  28. <button id="logout" class="button">Logout</button>
  29. </div>
  30. </div>
  31. </header>
  32. <div id="mainContainer">
  33. <aside id="aside"></aside>
  34. <main id="main"></main>
  35. </div>
  36. <script src="./script.js"></script>
  37. </body>
  38. </html>