each day build day!/Day 8/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Whack a COVID-19 🦠</title>
    <link rel="stylesheet" href="style.css">
    <script defer src="main.js"></script>
</head>
<body>
    
    <div class="container">
        <h1>Beat the virus</h1>
        <div class="rules">
            
            <p>Frontline warriors are doing their best to fight COVID-19. They need your help whacking the virus before the time runs out.</p>
            
            <h2>Rules</h2>
            <ul>
                <li>Press <b>start</b> button to begin the game.</li>
                <li>you have 60s to kill the virus as many times as possible by tapping on it.</li>
                <li>each time you tap on the virus, you get a point.</li>
            </ul>
        </div>    
        <div class="game">
            
            <div class="game__score"> <h3> Score </h3> <span id="user-score">0</span></div>
            <div class="game__timer"> <h3>Time Left</h3><span id="time-left">60 <i>s</i></span></div>
        </div>

        <div class="btn">
        <button class="btn-start" value="start"> start</button> 

        <button class="btn-restart" value="restart"> restart</button>
        </div>
        <div class="grid">
            <div class="box" id="1"></div>
            <div class="box" id="2"></div>
            <div class="box" id="3"></div>
            <div class="box" id="4"></div>
            <div class="box" id="5"></div>
            <div class="box" id="6"></div>
            <div class="box" id="7"></div>
            <div class="box" id="8"></div>
            <div class="box" id="9"></div>
        </div>

        <footer>
            Made with love 💕 by <a href="https://github.com/devnrj07">devnrj07</a>
        </footer>

    </div>


</body>
</html>