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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page title</title>
    <link rel="stylesheet" href="./styles/style.css">

    <meta property="og:title" content="Page title in OG">
    <meta property="og:description" content="Page description in OG">
    <meta property="og:image" content="https://example.com/image.jpg">
    <meta property="og:url" content="https://example.com/">
</head>
<body>
<header>
    <h1>Personal website</h1>
    <p>Which is made based on a ready-made template</p>
    <nav>
        <ul>
            <li><a href="index.html">This page</a></li>
            <li><a href="catalog.html">Another page</a></li>
        </ul>
    </nav>
</header>
<main>
    <article>
        <section>
            <h2>First section</h2>
            <p>It's about me</p>
            <img src="images/image.png" alt="Man and steamship">
            <p>But maybe also about semantics, I haven't decided yet.</p>
        </section>
        <section>
            <h2>Second section</h2>
            <p>It's also about me</p>
        </section>
        <section>
            <h2>And the third</h2>
            <p>You should have started guessing by now.</p>
        </section>
    </article>
</main>
<footer>
    <p>I would write information about the author and links to other sites here</p>
</footer>
<!-- here you can connect jquery <script src="scripts/app.js" defer></script> -->
</body>
</html>