Sergei-Levshnia
/
homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
							<!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">
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc45acf5df9d670df48cc48">TV's</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc49f4d5df9d670df48cc64">Airconditions</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc458985df9d670df48cc47">Smartphones</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc4b2553f23b553bf354101">Крупная бытовая техника</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcac1b56d09c45440d14cf8">Макароны</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcac6cf6d09c45440d14cfd">Drinks</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcacaeb6d09c45440d14d04">Салаты</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/61715b92ef4e1b3e3b67703c">Приятный бонус</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc94bd00e36db246e3049ee">Пицца</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcabeeb6d09c45440d14cf6">Макароны</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcadc906d09c45440d14d11">Сушка</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/61715d73ef4e1b3e3b67703d">Приятный бонус</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/61715f99ef4e1b3e3b67703e">Приятные бонусы</a>
        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/6171616bef4e1b3e3b67703f">бонус номер 3</a>
    </aside>
    <main id="main">
      <h1>Airconditions</h1>
      <div class="card">
        <h2>КОНДИЦИОНЕР DAIKIN FTXB35C/RXB35C</h2>
        <img  style="border: 1px dashed grey;" src="./GQL_files/d43e1a5d6e98d799bd7afcef49abac3f">
        <br>
        <strong>Price: 5632</strong>
        <br>
        <a href="#/good/5e1f396856d8f720513e6cae">На страницу товара</a>
      </div>
      <div class="card">
        <h2>MSZ-DM25VA</h2>
        <img style="border: 1px dashed grey;" src="./GQL_files/4d3137311a7f54f1e9e8ae98c72e8f17">
        <br>
        <strong>6987</strong>
        <br>
        <a href="#/good/5e1f3e0856d8f720513e6cb0">На страницу товара</a>
      </div>
      <div class="card">
        <h2>Кондиционер COOPER&amp;HUNTER CH-S12XP7</h2>
        <img style="border: 1px dashed grey;" src="./GQL_files/8ab88e5340f9e56ec50a9d69bf890d9a">
        <br>
        <strong>9874</strong>
        <br>
        <a href="#/good/5e1f6e5f56d8f720513e6cb5">На страницу товара</a>
      </div>
      <div class="card">
        <h2>КАССЕТНЫЕ КОНДИЦИОНЕРЫ GREE U-MATCH</h2>
        <img style="border: 1px dashed grey;" src="./GQL_files/63f2139a6fda73190114ebc4647b4fa2">
        <br>
        <strong>12563</strong>
        <br>
        <a href="#/good/5e1f735b56d8f720513e6cb8">На страницу товара</a>
      </div>
      <div class="card">
        <h2>OSAKARA ELITE NEW 2019</h2>
        <img style="border: 1px dashed grey;" src="./GQL_files/cc69bbc6c39539e23ed9b15323f72e4e">
        <br>
        <strong>5555</strong>
        <br>
        <a href="#/good/5e20929156d8f720513e6cd7">На страницу товара</a>
      </div>
    </main>
  </div>
  <script src="./GQL_files/index.js"></script>
</body>
</html>