index.html

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Плавко Михаил - М33122</title>
    
    <script src="js/time_load.js"></script>
    <link rel="stylesheet" href="css/styles.css">
    <script src="js/nav_change.js"></script>
</head>
<body>
    <div class="circle"></div>
    <header>
        <nav>
            <a href="index.html">Главная</a>
            <a href="constructor.html">Конструктор</a>
            <a href="portfolio.html">Портфолио</a>
        </nav>
    </header>

    <main>
        <section class="block" id="About">
            <div class="container">
                <div class="mini_block" id="WhoAmI">
                    <h2>Кто Я?</h2>
                    <p>Текст <br>Еще Текст</p>
                </div>
                <div class="mini_block" id="PersonalInfo">
                    <h2>Персональная Инфо?</h2>
                    <time>14:51</time>
                    <p>Текст<br>Еще Текст</p>
                </div>
                <div class="mini_block" id="MyExpertise">
                    <h2>В чем я хорош?(Успехи)</h2>
                    <dl>
                        <dt>HTML</dt>
                        <dd>Язык гипертекстовой разметки</dd>
                        <dt>CSS</dt>
                        <dd>Каскадные таблицы стилей</dd>
                        <dd>Язык для оформления HTML-документов</dd>
                    </dl>
                    <ul>
                        <li>Программирование</li>
                        <li>Проектная деятельность</li>
                    </ul>
                </div>
            </div>
        </section>

        

        <section class="block" id="Code">
            <div class="container">
                <img src="images/image_01.jpg">
                <h2>Код за который мне не стыдно</h2>
                <pre><code>public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World");
    }
}
                </code></pre>
            </div>
        </section>
    </main>

    <footer>
        <section class="block" id="C">
            <h2>Любимая цитата</h2>
            <blockquote>
                Настоящее <sup>определяется</sup> будущим и <sub>создает</sub> прошлое
            </blockquote>
        </section>
        
        <section class="block" id="Formula">
            <h2>Формула успеха</h2>
            <p><b>Еб*шь</b> на свою <strong>мечту</strong></p>
        </section>
    </footer>
</body>
</html>