surstrommed
/
hw_javascript


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="styles.css" />
    <title>GQL Practise</title>
  </head>
  <body>
    <nav class="navbar navbar-dark bg-dark">
      <div class="container-fluid">
        <a class="navbar-brand" href="#">Piece of shit</a>
        <form class="d-flex" id="authnav">
          <button id="cartIcon" class="btn btn-link"></button>
        </form>
      </div>
    </nav>
    <div id="mainContainer">
      <nav
        id="aside"
        class="navbar navbar-light bg-light flex-column align-items-stretch p-3"
      >
        <a class="navbar-brand">Категории</a>
        <nav class="nav nav-pills flex-column" id="asideList"></nav>
      </nav>
      <main id="main">
        <h1>Главная</h1>
      </main>
    </div>
    <script src="index.js"></script>
  </body>
</html>