Sergei-Levshnia
/
homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<!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></header>
  
  <div id="mainContainer">

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

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