HTML'i Bitir

Coddy'nin Görsel Akordiyon | Front-end projesi kursunda ders 7 / 17.

Şimdi, bir input ve bir label'ımız olduğunu görebilirsiniz. Ve bunlar birlikte akordiyonun tek bir bölümünü temsil eder.

Görev

Kolay

1. input ve label bölümlerini kopyalayın. Ve etiketin altına üç kez yapıştırın:

<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. İlk input'un ID'si "c1" olarak ayarlandığından, sonraki input ID'lerini "c2", "c3" ve "c4" olarak değiştirdiğinizden emin olun.

3. Etiketler için de aynısını yapın; sonraki etiket ID'lerini "two", "three" ve "four" olarak değiştirin.

Kendin dene

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