38. HTML Sidebar.html

<!-- Создайте шапку сайта. Она состоит из 2-х элементов:

Логотип
Секция навигации. Внутри неё маркированный список из двух элементов
Добавьте секцию <main>. Внутри создайте секцию с заголовком в теге <h2>. Внутри секции создайте два блока с описанием новых услуг. Не забудьте, что внутри тега <article> обязательно содержится заголовок. Сами заголовки внутри <article> разметьте тегом <h3>.

Добавьте боковую панель. Она является уникальной для каждой страницы и содержит текст, относящийся только к этой странице. Внутри панели вставьте произвольный текст. Подумайте, где именно будет расположена эта область -->

<header>
    <img src="/logo.png" alt="Code Basics">
    <nav>
        <ul>
            <li><a href="/languages/html">HTML Course</a></li>
            <li><a href="/languages/css">CSS Course</a></li>
        </ul>
    </nav>
</header>

<main>
    <h1>Free hands-on programming courses for those starting from scratch</h1>
    <p>From the creators of Hexlet</p>

    <aside>
        <p>Frontend courses teach you the fundamentals you need to build websites</p>
    </aside>

    <section>
        <h2>Frontend Courses</h2>

        <article>
            <h3>HTML</h3>
            <p>To normalize text rendering in a browser was developed HTML markup language that describes the rules for the layout of text data. Despite the long evolution of the language, its basic concepts haven't changed even after more than 20 years.</p>
            <a href="/languages/html">Learn</a>
        </article>

        <article>
            <h3>CSS</h3>
            <p>Cascading Style Sheets (CSS) allow you to style page content according to specified rules. Text styles, page layout, and animations are all defined using CSS.</p>
            <a href="/languages/css">Learn</a>
        </article>
    </section>
</main>