03-lection1/02-accordion/index.html

<!DOCTYPE html>
<!-- Страница с аккордеоном -->
<html lang="ru">
    <head>
        <link rel="stylesheet" href="../../assets/css/normalize.css">
        <link rel="stylesheet" href="../../assets/css/main.css">
        <link rel="stylesheet" href="./accordion.css">
    </head>
    <body>
        <div class="accordion">
            <details class="accordion__item"  open>
                <summary class="accordion__summary">
                    Accordion item 1
                    <svg class="accordion__icon" >
                        <use xlink:href="../../assets/images/sprite.svg#acordion__"></use>
                    </svg>
                </summary>
                
                <p>
                    Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
                </p>
            </details>
            <details class="accordion__item">
                <summary class="accordion__summary">
                    Accordion item 2
                    <svg class="accordion__icon" >
                        <use xlink:href="../../assets/images/sprite.svg#acordion__"></use>
                    </svg>
                </summary>
                <p>
                    Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.
                </p>
            </details>
        </div>
    </body>
</html>