index.html 1.1 KB

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