Завершение HTML

Урок 7 из 17 курса Аккордеон изображений | Front-end проект на Coddy.

Теперь вы видите, что у нас есть один input и один label. И вместе они представляют собой одну секцию аккордеона.

Задание

Легко

1. Скопируйте секции input и label. И ниже под label вставьте их три раза:

<input type="radio" name="slide" id="c1" checked>
<label for="c1" class="card" id="one">
    <div class="row">
        <div class="icon">1</div>
        <div class="description">
            <h4>Morning</h4>
            <p>When sun rises</p>
        </div>
    </div>
</label>

2. Поскольку у нашего первого input установлен ID "c1", убедитесь, что вы изменили ID следующих input на "c2", "c3" и "c4".

3. То же самое для меток; измените ID следующих label на "two", "three" и "four".

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>