olga_pushkar
/
javascript


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
        <link href="all.css" rel="stylesheet">
        <title>English Quizzes</title>
    </head>
    <body> 
        <div class="wrapper">
            <header class="main-header">
                <h2>English Quizzes</h2>
                <h3>Grammar: Used to, get used to & be used to.</h3>
            </header>
            <main class="main">
                <section class="content">
                    <header class="content-header">
                        <div class="time">There are 10 questions in this quiz. You have 1 minute to answer all questions.</div>
                        <div id="button-block" class="button-block">
                            <button id="btnStart" class="button" type="button">Start</button>
                        </div>
                        <div id="countdown" class="countdown">
                            <div class="countdown-number">
                                <span class="minutes countdown-time"></span>
                                <span class="countdown-text">Minutes</span>
                            </div>
                            <div class="countdown-number">
                                <span class="seconds countdown-time"></span>
                                <span class="countdown-text">Seconds</span>
                            </div>
                        </div>
                    </header>

                    <div id="quiz"></div>
                    <div id="button-block" class="button-block">
                        <button id="submit">Grade Me</button>
                    </div>
                    <div id="results"></div>
                </section>
            </main>
            <footer class="footer"></footer>
        </div>
        <script src="quizzes.js"></script>
        <script src="index.js"></script>
        <script src="timer.js"></script>
    </body>
</html>