index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>30 Days Of Javascript</title>
    <link rel="icon" href="favicon/android-chrome-192x192.png" type="image" />
    <link
        href="https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap"
        rel="stylesheet" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
        integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/addyourcss.css" />
    <link rel="stylesheet" href="css/cardcolor.css" />
    <link rel="stylesheet" href="css/assets/magic.css" />
</head>

<body>
    <section class="header">
        <div class="container-fluid section-for-header">
            <div class="content">
                <div class="content-header">
                    <h1>30 Days of Javascript</h1>
                </div>
                <div class="content-body">
                    <h3>30 Projects</h3>
                </div>
                <div class="content-footer">
                    <a href="https://github.com/rubenshibu/30-days-of-javascript" class="btn">⚡ Github
                    </a>
                </div>
            </div>
        </div>
    </section>
    <section class="items">
        <div class="container-fluid">

            <!-- First Row -->

            <div class="row">
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 1/dayOne.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 1</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 2/dayTwo.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 2</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 3/dayThree.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 3</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- Second Row -->

            <div class="row">
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 4/dayFour.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 4</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="./src/Day 5/dayFive.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 5</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="./src/Day 6/daySix.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 6</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- third row -->

            <div class="row">
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 7/daySeven.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 7</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 8/dayEight.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 8</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 9/dayNine.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 9</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- fourth Row -->

            <div class="row">
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 10/dayTen.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 10</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 11/dayEleven.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 11</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 12/dayTwelve.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 12</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Fifth Row -->

            <div class="row">
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 13/index.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 13</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="./src/Day 14/dayFourteen.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 14</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="./src/Day 15/dayFifteen.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 15</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Sixth Row -->

            <div class="row">
                <div class="col-lg-4">
                    <div class="component">
                        <a href="src/Day 16/daySixteen.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 16</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="./src/Day 17/daySeventeen.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 17</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="./src/Day 18/dayEighteen.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 18</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Seventh Row -->

            <div class="row">
                <div class="col-lg-4">
                    <div class="component">
                        <a href="./src/Day 19/dayNineteen.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 19</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="./src/Day 20/dayTwenty.html">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 20</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="component">
                        <a href="">
                            <div class="main-page">
                                <div class="title">
                                    <strong>Day 21</strong>
                                </div>
                                <div class="content">
                                    <h1 class="emoji">😀</h1>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

        </div>
        </div>
    </section>
    <footer>
        <p>made with 💛 by, <br /><strong><a href="github.com/rubenshibu">rubenshibu</a></strong></p>
    </footer>
    <script src="js/index.js"></script>
</body>

</html>