index.html

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="UTF-8" />
        <title>Half-a-house</title>
        <link rel="stylesheet" href="styles.css" />
        <script src="https://kit.fontawesome.com/640cedcd0a.js" crossorigin="anonymous"></script>
    </head>
    <body class="main-wraper default-theme">
        <section class="sidebar sidebar-wraper">
            <div class="portrait-box"></div>
            <h1>
                Шиголин Матвей
            </h1>
            <a href="index.html" class="current-page-link"><i class="fa fa-house" aria-hidden="true"></i> Главная</a>
            <a href="information.html"><i class="fa fa-person" aria-hidden="true"></i> Обо мне</a>
            <a href="skills.html"><i class="fa fa-thumbs-up" aria-hidden="true"></i> Скилы</a>
            <a href="notes.html"><i class="fa fa-book" aria-hidden="true"></i> Заметки</a>
        </section>
        <section class="main-panel main-panel-wraper">
            <header>
                <h1>Это - прикольный сайт!!</h1>
            </header>
            <section class="info-panel-desk-wraper info-panel-desk">
                <div class="info-panel major-panel">
                    <h2>Сайт? Зачем?</h2>
                    <p>
                        Мне нравится получать новые навыки и делиться ими с другими. Поэтому я сделал сайт на котором я могу:
                    </p>
                    <ul>
                        <li>Отслеживать свой прогресс <i class="fa fa-bars-progress"></i></li>
                        <li>Делиться успехами и мыслями <i class="fa-regular fa-message"></i></li>
                        <li>Прикреплять много фото котиков <i class="fa fa-cat"></i></li>
                        <li>Делать всё так, как я захочу <i class="fa fa-wand-sparkles"></i></li>
                    </ul>
                </div>
                <section class="info-section info-section-wraper">
                    <div class="info-panel major-panel">
                        <h2>Сайт активно развивается и дополняется</h2>
                        <p>В данный момент я занимаюсь изучением HTML/CSS/JS, этот сайт - мой первый настоящий проект.</p>
                        <p>Все функции доступные на данный момент, как и оформление страниц я делаю сам. </p>
                    </div>
                        <div class="info-panel common-panel">
                            <h2>Ссылки</h2>
                            <ul>
                                <li><a href="https://github.com/HalfPunch">Мой Git</a></li>
                                <li><a href="https://github.com/HalfPunch/halfpunch-website">Репозиторий сайта</a></li>
                            </ul>
                        </div>
                        <div class="info-panel common-panel">
                            <h2>Обновления сайта</h2>
                            <ul>
                                <li>07.10.24 - Все странички из бокового меню больше не пустуют; Посмотрите на кота; Удалены ненужные элементы</li>
                                <li>06.10.24 - Изменена главная страница, заменены временные панельки</li>
                            </ul>
                        </div>
                </section>
                <div class="info-panel major-panel">
                    <h2>Смешной кот в конце!</h2>
                    <div class="image-box">
                        <img src="images/glupish.jpg" alt="Смищной кот!:3">
                    </div>
                </div>
            </section>
            <footer>
                <p></p>
                <p></p>
            </footer>
        </section>
    </body>
</html>