index.html

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Стиль кода HTML Academy</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@htmlacademy_ru">
    <meta name="twitter:image" content="https://htmlacademy.github.io/codeguide/img/og.png">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://htmlacademy.github.io/codeguide/">
    <meta property="og:title" itemprop="name" content="Стиль кода HTML Academy">
    <meta property="og:image" itemprop="image" content="https://htmlacademy.github.io/codeguide/img/og.png">

    <link rel="stylesheet" href="css/prism.css">
    <link rel="stylesheet" href="css/style.css">

    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MN2NPQ9');</script>
    <!-- End Google Tag Manager -->
  </head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN2NPQ9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <header>
      <a href="index.html">
        <img class="logo" src="img/bane.svg" width="300" height="300" alt="HTML Academy" title="HTML Academy">
      </a>
      <h1>Стиль кода HTML Academy</h1>
      <p><a href="https://github.com/htmlacademy/codeguide">github.com/htmlacademy/codeguide</a></p>
    </header>

    <main>
      <nav class="logo-list">

        <h2 class="visually-hidden">Разделы стиля кода</h2>

        <ul>
          <li>
            <a href="html-css.html">
              <img src="img/icon-html.svg" width="200" height="200" alt="Логотип HTML">
            </a>
          </li><li>
            <a href="html-css.html#css">
              <img src="img/icon-css.svg" width="200" height="200" alt="Логотип CSS">
            </a>
          </li>
          <li>
            <a href="javascript.html">
              <img class="logo-list-js" src="img/logo-js.svg" width="160" height="160" alt="Логотип JavaScript">
            </a>
          </li>
        </ul>

      </nav>
    </main>

    <footer>
      <div class="contacts">
        <a class="logo-full" href="https://htmlacademy.ru">
          <img src="img/logo-html-academy.svg" width="161" height="47" alt="HTML Academy" title="HTML Academy">
        </a>
        <div class="social-icons">
          <a class="icon icon-vk" href="https://vk.com/htmlacademy" target="_blank" rel="noopener">
            Вконтакте
          </a>
          <a class="icon icon-fb" href="https://www.facebook.com/htmlacademy" target="_blank" rel="noopener">
            Facebook
          </a>
          <a class="icon icon-tw" href="https://twitter.com/htmlacademy_ru" target="_blank" rel="noopener">
            Twitter
          </a>
          <a class="icon icon-ig" href="https://instagram.com/htmlacademy" target="_blank" rel="noopener">
            Instagram
          </a>
        </div>
        <div class="github">
          <a class="github-link" href="https://github.com/htmlacademy" target="_blank" rel="noopener">
            GitHub
          </a>
        </div>
      </div>
    </footer>
  </body>
</html>