GQL.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0070)http://gql.asmer.fe.a-level.com.ua/#/category/5dc49f4d5df9d670df48cc64 -->
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <title>GQL</title>
  7. <style>
  8. body {
  9. font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  10. }
  11. header {
  12. color: white;
  13. background-color: black;
  14. }
  15. aside a {
  16. background-color: black;
  17. padding: 5px;
  18. margin: 5px;
  19. border-right: 5px inset darkviolet;
  20. color: whitesmoke;
  21. }
  22. aside a:hover {
  23. background-color: purple;
  24. }
  25. #mainContainer {
  26. display: flex;
  27. }
  28. #aside {
  29. width: 30%;
  30. }
  31. #aside>a {
  32. display: block;
  33. }
  34. .card {
  35. background-color: whitesmoke;
  36. border: 1px solid black;
  37. margin: 10px;
  38. padding : 10px;
  39. }
  40. .linkDeco {
  41. color: white;
  42. background-color: purple;
  43. padding: 0px 5px;
  44. text-decoration: none;
  45. margin: 0 10px;
  46. }
  47. .addBtn {
  48. background-color: mediumseagreen;
  49. color: white;
  50. }
  51. .decBtn {
  52. background-color: red;
  53. color: white;
  54. }
  55. </style>
  56. <style type="text/css"></style>
  57. </head>
  58. <body>
  59. <header style="padding: 5px;">
  60. <h1>ГДЕ Я ОКАЗАЛСЯ?</h1>
  61. <nav id="navBar">
  62. <div style="display: inline-block; border: 1px dashed white; padding: 5px;">
  63. <span id="nameField">Name</span>
  64. <button id="logBtn" style="padding: 5px; font-size: small; background-color:mediumaquamarine;">
  65. <a href="#/login" style="color: white; text-decoration: none;" id="logLink">log-in/out</a>
  66. </button>
  67. </div>
  68. <a
  69. href="#/cart"
  70. id="cartBtn"
  71. class="linkDeco"
  72. >
  73. в корзину <span id="itemCount" style="color: gold;"></span>
  74. </a>
  75. </nav>
  76. </header>
  77. <div id="mainContainer">
  78. <aside id="aside"></aside>
  79. <main id="main"></main>
  80. </div>
  81. <script src="./GQL_files/index.js"></script>
  82. </body>
  83. </html>