Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Заголовок страницы</title>
    <link rel="stylesheet" href="./styles/style.css">

    <meta property="og:title" content="Заголовок страницы в OG">
    <meta property="og:description" content="Описание страницы в OG">
    <meta property="og:image" content="https://example.com/image.jpg">
    <meta property="og:url" content="https://example.com/">
</head>
<body>
    <header>
        <h1>Личный сайт</h1>
        <p>Который сделан на основе готового шаблона</p>
        <nav>
            <ul>
                <li><a href="index.html">Эта страница</a></li>
                <li><a href="catalog.html">Другая страница</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <article>
            <section>
                <h2>Первая секция</h2>
                <p>Она обо мне</p>
                <img src="images/image.png" alt="Человек и пароход">
                <p>Но может быть и о семантике, я пока не решил.</p>
            </section>

            <section>
                <h2>Вторая секция</h2>
                <p>Она тоже обо мне</p>
            </section>

            <section>
                <h2>И третья</h2>
                <p>Вы уже должны были начать догадываться.</p>
            </section>
        </article>
    </main>

    <footer>
        <p>Сюда бы я вписал информацию об авторе и ссылки на другие сайты</p>
    </footer>

    <!-- сюда можно подключить jquery <script src="scripts/app.js" defer></script> -->
</body>
</html>