Sergei-Levshnia
/
homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
							<!DOCTYPE html>
<!-- saved from url=(0070)http://gql.asmer.fe.a-level.com.ua/#/category/5dc49f4d5df9d670df48cc64 -->
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>GQL</title>

  <style>
    header {
      color: white;
      background-color: black;
    }

    aside a {
      background-color: black;
      padding: 5px;
      margin: 5px;
      border-right: 5px inset darkviolet;
      color:  whitesmoke;
    }

    aside a:hover {
      background-color: purple;
    }

    #mainContainer {
      display: flex;
    }

    #aside {
      width: 30%;
    }

    #aside>a {
      display: block;
    }

    .card {
      background-color: whitesmoke;
      border: 1px solid black;
      margin: 10px;
      padding : 10px;
    }
  </style>
  <style type="text/css"></style>
</head>

<body>
  <header style="padding: 5px;">
    <h1>ГДЕ Я ОКАЗАЛСЯ?</h1>
    <nav id="navBar">
      <div style="display: inline-block; border: 1px dashed white; padding: 5px;">
        <span id="nameField">Name</span>
        <button id="logBtn" style="padding: 5px; font-size: small; background-color:mediumaquamarine;">
          <a href="#/login" style="color: white; text-decoration: none;" id="logLink">log-in/out</a>
        </button>
      </div>
      <a 
        href="#/cart" 
        id="cartBtn" 
        style="
          color: white;
          background-color: purple;
          padding: 0px 5px;
          text-decoration: none;
        ">
      в корзину <span id="itemCount" style="color: gold;"></span>
      </a>
    </nav>
  </header>

  <div id="mainContainer">

    <aside id="aside"></aside>
    <main id="main"></main>

  </div>
  <script src="./GQL_files/index.js"></script>
</body>
</html>