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

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

    <!-- Навбар -->
    <header class="navbar">
        <div class="logo">TravelLife</div>
        <nav>
            <a href="#">Главная</a>
            <a href="#">О блоге</a>
            <a href="#">Контакты</a>
            <input type="text" placeholder="Поиск...">
            <button id="loginBtn">Войти</button>
        </nav>
    </header>

    <main class="container">
        <!-- Основной контент -->
        <section class="articles-grid" id="articlesContainer">
            <!-- Сюда JS будет подгружать статьи -->
        </section>

        <!-- Боковая панель -->
        <aside class="sidebar">
            <h3>Категории</h3>
            <ul>
                <li><a href="#">Европа</a></li>
                <li><a href="#">Азия</a></li>
                <li><a href="#">Горы</a></li>
                <li><a href="#">Океан</a></li>
            </ul>
        </aside>
    </main>

    <!-- Модальное окно (Вход / Регистрация) -->
    <div class="modal" id="authModal">
        <div class="modal-content">
            <span class="close">&times;</span>
            
            <div id="loginForm">
                <h2>Вход</h2>
                <button class="btn-social google">Google</button>
                <button class="btn-social fb">Facebook</button>
                <p>Нет аккаунта? <a href="#" id="toReg">Регистрация</a></p>
            </div>

            <div id="regForm" style="display:none;">
                <h2>Регистрация</h2>
                <form>
                    <input type="text" placeholder="Имя">
                    <textarea placeholder="О себе"></textarea>
                    <label>Аватарка: <input type="file"></label>
                    <button type="submit">Создать аккаунт</button>
                </form>
                <p><a href="#" id="toLogin">Назад ко входу</a></p>
            </div>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>