index.html

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Smoky Portfolio</title>
    <link href="css/normalize.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
</head>
<body>

<header>
    <span class="header-item logo">
        <a href="index.html">Smoke52ru</a>
    </span>
    <span class="header-item">
        <a href="#works">Мои работы</a>
    </span>
    <span class="header-item">
        <a href="#contacts">Мои контакты</a>
    </span>
</header>

<main>
    <div class="container-main">
        <h1 class="promo-header">Тёма Лапин</h1>
        <p class="promo-description">Это я) Начинающий разработчик и всякое такое :)</p>
        <hr>
        <h2 class="about-header">Обо мне</h2>
        <div class="about-description">

            <p>Меня зовут Тёма Лапин, я студент-программист,
                люблю развиваться и узнавать что-то новое
                в сфере IT и разработки.
                <br>
            <p>Сейчас, например, учусь делать сайты)
                <br>
            <p>Кодер я не самый опытный, тем более
                никогда не работал по специальности,
                однако часто подрабатываю программированием.
            <p>Курсовые, научные работы, ну вы знаете)
        </div>
        <hr>
        <h2 class="about-header">Мои навыки</h2>
        <div class="about-description">
            <p>HTML+CSS</p>
            <div class="progress-bar">
                <div class="progress-value html_css"></div>
            </div>
            <p>Javascript</p>
            <div class="progress-bar">
                <div class="progress-value javascript"></div>
            </div>
            <p>Python</p>
            <div class="progress-bar">
                <div class="progress-value python"></div>
            </div>
            <br>
            <h4>Алсо:</h4>
            <ul>
                <li>NodeJS</li>
                <li>Git</li>
                <li>SQL</li>
                <li>C/C++</li>
            </ul>
        </div>
        <hr>
        <h2 class="about-header">Мои работы</h2>
        <ul id="works">
            <li><h3><a href="./works/clock/index.html">Часы</a></h3></li>
            <li><h3><a href="./works/mini-flex-gallery/index.html">Flex-галерея</a></h3></li>
            <li><h3><a href="./works/drumSample/index.html">Drum-семплер</a></h3></li>
        </ul>
    </div>
</main>

<footer id="contacts">
    <p>Сделано с любовью <3</p>
    <a href="https://github.com/Smoke52ru" class="social-icon">
        <i class="fa fa-github"></i>
    </a>
    <p>Telegram: +7 962 517 51 40</p>
</footer>
</body>
</html>