[hideprofile][html]

<div class="library-catalog">

    <!-- ШАПКА С КАРТИНКОЙ -->
    <!-- ШАПКА С КАРТИНКОЙ -->
<div class="library-header">

    <div class="library-header-content">

        <div class="library-title">Каталог статей</div>

     
    </div>

</div>

    <!-- ПОИСК -->
    <div class="library-search-box">

        <div class="library-search-icon">⌕</div>

        <input
            type="text"
            id="library-search"
            placeholder="Поиск по названию, описанию или ключевым словам..."
            autocomplete="off"
        >

        <button
            type="button"
            id="library-clear"
            class="library-clear"
            title="Очистить поиск"
        >
            x
        </button>

    </div>

    <!-- ОСНОВНАЯ ОБЛАСТЬ -->
    <div class="library-layout">

        <!-- ЛЕВАЯ КОЛОНКА -->
        <aside class="library-sidebar">

            <div class="library-sidebar-title">РАЗДЕЛЫ</div>

            <div
                id="library-categories"
                class="library-categories"
            ></div>

            <div class="library-sidebar-line"></div>

            <div class="library-sidebar-title">КАТАЛОГ</div>

            <div class="library-info">
                <div
                    class="library-info-number"
                    id="library-total"
                >0</div>

                <div class="library-info-text">материалов</div>
            </div>

        </aside>

        <!-- ПРАВАЯ ЧАСТЬ -->
        <main class="library-content">

            <div class="library-content-top">
                <div>
                    <div
                        class="library-current-title"
                        id="library-current-title"
                    >Все материалы</div>

                    <div
                        class="library-result-text"
                        id="library-result-text"
                    >Найдено материалов: 0</div>
                </div>
            </div>

            <!-- СПИСОК СТАТЕЙ -->
            <div
                id="library-articles"
                class="library-articles"
            ></div>

            <!-- НИЧЕГО НЕ НАЙДЕНО -->
            <div
                id="library-empty"
                class="library-empty"
                style="display: none;"
            >
                <div class="library-empty-icon">◌</div>
                <div class="library-empty-title">Ничего не найдено</div>
                <div class="library-empty-text">
                    Попробуйте изменить поисковый запрос или выбрать другой раздел.
                </div>
            </div>

        </main>

    </div>

</div>

<script type="text/javascript" src="https://forumstatic.ru/files/0011/93/3d/68097.js?v=12"></script>

[/html]