Untitled

<!DOCTYPE html>
<html lang="ru">
    <head>
        <title> Визитка. Колобов Кирилл </title>
      <meta charset="UTF-8">
      <meta name="description" content="Лабораторная работа №1, визитная карточка">
      <meta name="author" content="Колобов Кирилл">
      <meta name="keywords" content="визитка, HTML, обучение">
      <link rel="stylesheet" type="text/css" href="styles/style.css">
      <style>
          input[type="submit"] {
            color: black;
            border: none;
            outline: none;
            background: unset;
          }
      </style>
    </head>
    <body>
    <div class="nav-bar">
      <nav>
        <ul>
          <li> <a href="#personal-data"> Личные данные </a> <li>
          <li> <a href="#contact-data"> Контактные данные </a> </li>
          <li> <a href="#projects"> Проекты </a></li>
          <li> <a href="#knowledge"> Шо я могу (всё) </a> </li>
        </ul>
      </nav>
    </div>
    <div class="layout">
      <div class="personal-data">
        <a id="personal-data"> </a>
        <h3 class="header"> Личные данные </h3>
        <hr >
        <ul>
          <li> <span title="Фамилия, имя, отчество"> ФИО: </span> Колобов Кирилл Витальевич </li>
          <li> <span> Дата рождения:</span>       30.07.2002 </li>
          <li> <span> Адрес:</span> <address>     г. Москва, ул. Малая Семёновская 12-1488Б </address>  </li>
          <li> <span> Семейное положение:</span>  холост </li>
          <li> <span> Вредных привычек</span>     не имею </li>
          <li> <span> В свободное время:</span>   занимаюсь самообразованием, изучаю новые технологии </li>
        </ul>
      </div>
      <div class="photo">
        <img src="https://a.radikal.ru/a11/2009/85/925f5badcf84.jpg" alt="фото" title="фото">
      </div>

      <div class="contact-data">
        <a id="contact-data"> </a>
        <h3 class="header"> Контактные данные </h3>
        <hr >
        <ul>
          <li> <span> Phone: </span> <a href="tel:+79374112140" title="Phone"> +7 (937) 411-21-40 </a> </li>
          <li> <span> Email: </span> <a href="mailto:kolobov.kirill@list.ru" title="Email" content="Email"> kolobov.kirill@list.ru </a> </li>
          <li> <span> Github: </span> <a href='https://github.com/kunansy' target="_blank" title="Github"> kunansy </a> </li>
        </ul>
      </div>

      <div class="projects">
        <a id="projects"> </a>
        <h3 class="header"> Проекты </h3>
        <hr>
        <details class="rnc-api">
          <summary> API для Национального корпуса русского языка </summary>
          <p class="det-link"> <span> Ссылка: </span> <a href="https://github.com/kunansy/RNC" id="rnc" title="RNC" target="_blank"> RNC </a> </p>
          <p class="det-info"> <span> Цель: </span> модуль по получению примеров употребления слова в контексте из проекта «Словарный запас» перерос в самостоятельный проект.</p>
         </details>
       </div>

      <div class="knowledge">
        <a id="knowledge"> </a>
        <h3 class="header"> Навыки </h3>
        <hr >
        <table>
          <tr>
            <th> Технологии </th>
            <th> Уровень </th>
          </tr>
          <tr> <td> Python </td>  <td> <progress max="100" value="95" title="95%"> </progress> </td> </tr>
          <tr> <td> C++ </td>     <td> <progress max="100" value="80" title="80%"> </progress> </td> </tr>
          <tr> <td> SQL </td>     <td> <progress max="100" value="80" title="80%"> </progress> </td> </tr>
          <tr> <td> Git </td>     <td> <progress max="100" value="80" title="80%"> </progress> </td> </tr>
         </table>
      </div>

      <div class="assessment">
        <h4 class="assessment"> Оценивание </h4>
        <form name="assessment">
          <label title="Design is OK"> Дизайн <input type="checkbox"> </label> <br>
          <label title="Functionality is OK"> Функциональность <input type="checkbox"> </label> <br>
          <label title="The site is informative"> Информативность <input type="checkbox"> </label> <br>
          <div><label title="And his mark is..."> Оценка: <input type="number" value="100000000000" style="color: black;"> </label> </div> <br>
          <div><label title="Your name"> Имя: <input name="a"></label></div>
          <div><label title="Your surname"> Фамилия: <input name="a"></label></div>
          <input type="submit" name="Подтвердить" title="Submit the assessment" > <br >
        </form>
      </div>

      <div class="block-to-inline">
        <p class="block-to-inline"> Блок текста, <p class="block-to-inline"> ставший строкой </p> </p>
      </div>

      <div class="text-up-the-image">
        <p class="text-up-the-image"> Здесь могла быть ваша реклама </p>
      </div>
    </div>
    <footer class="footer">
      <h4 class="footer-text"> ШУЕ ППШ </h4>
    </footer>
    </body>
</html>