index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@1&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="./style.css">
    <script src="script.js" defer></script>
    <title>CSS Battle Solutions </title>
</head>
<body>
    <h2>Well, here you go!</h2>
    <div class="container" id="list">

        <!-- <div class="card-container">
            <span class="heading">Battle #1 - Pilot Battle</span>
            <div class="cards">
                <div class="card"><a target="_blank" href="./Pilot Battle/1.SimplySquare.html">1. Simply Square</a></div>
                <div class="card"><a target="_blank" href="./Pilot Battle/2.Carrom.html">2. Carrom</a></div>
                <div class="card"><a target="_blank" href="./Pilot Battle/4.UpsAndDowns.html">4. Ups And Downs</a></div>
                <div class="card"><a target="_blank" href="./Pilot Battle/5.AcidRain.html">5. Acid Rain</a></div>
                <div class="card"><a target="_blank" href="./Pilot Battle/6.MissingSlice.html">6. Missing Slice</a></div>
                <div class="card"><a target="_blank" href="./Pilot Battle/7.LeafyTrail.html">7. Leafy Trail</a></div>
                <div class="card"><a target="_blank" href="./Pilot Battle/10CloakedSpirits.html">10. Cloaked Spirits</a></div>
                <div class="card"><a target="_blank" href="./Pilot Battle/11EyeOfSauron.html">11. Eye Of Sauron</a></div>
                <div class="card"><a target="_blank" href="./Pilot Battle/12WigglyMoustache.html">12. Wiggly Moustache</a></div>
            </div>
        </div>
        <div class="card-container">
            <span class="heading">Battle #2 - Visibility</span>
            <div class="cards">
                <div class="card"><a target="_blank" href="./Battle2/13TotallyTriangle.html">13. Totally Triangle</a></div>
                <div class="card"><a target="_blank" href="./Battle2/14.WebMakerLogo.html">14. Web Maker Logo</a></div>
            </div>
        </div>
        <div class="card-container">
            <span class="heading">Battle #3 - Cursor</span>
            <div class="cards">
                <div class="card"><a target="_blank" href="./Battle3/19Cube.html">19. Cube</a></div>
            </div>
        </div>
        <div class="card-container">
            <span class="heading">Battle #4 - Display</span>
            <div class="cards">
                <div class="card"><a target="_blank" href="./Battle4/25Blossom.html">25. Blossom</a></div>
                <div class="card"><a target="_blank" href="./Battle4/28.Cups&Balls.html">28. Cups & Balls</a></div>
            </div>
        </div>
        <div class="card-container">
            <span class="heading">Battle #14 - ZIndex</span>
            <div class="cards">
                <div class="card"><a target="_blank" href="./Battle14/77.Notes.html">77. Notes</a></div>
            </div>
        </div>
        <div class="card-container">
            <span class="heading">Battle #15 - Filter</span>
            <div class="cards">
                <div class="card"><a target="_blank" href="./Battle15-Filter/81Odoo.html">81. Odoo</a></div>
            </div>
        </div>
        <div class="card-container">
            <span class="heading">Battle #19 - Spacing</span>
            <div class="cards">
                <div class="card"><a target="_blank" href="./Battle19/109.Curtain.html">109. Curtain</a></div>
            </div>
        </div>
        <div class="card-container">
            <span class="heading">Battle #20 - Hover</span>
            <div class="cards">
                <div class="card"><a target="_blank" href="./Battle20/119.Pacman.html">119. Pacman</a></div>
                <div class="card"><a target="_blank" href="./Battle20/121.DuckHunt.html">121. Duck Hunt</a></div>
            </div>
        </div> -->
    </div>
</body>
</html>