Sergei-Levshnia
/
homework


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
							<!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>
    <h1>ГДЕ Я ОКАЗАЛСЯ?</h1>
    <div>
      <span>Name</span>
      <button id="logBtn">log-in/out</button>
      <button>order</button>
    </div>
  </header>

  <div id="mainContainer">

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

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