完成 HTML

Coddy 图片折叠面板：前端项目课程的第 7 课，共 17 课。

现在，你可以看到我们有一个输入框和一个标签。它们共同构成手风琴的一个部分。

挑战

简单

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，请确保将后续 input 的 ID 改为 c2、c3，和 c4。

3. label 也一样，将后续 label 的 ID 改为 two、three，和 four。

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>