olga_pushkar
/
javascript


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							<!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>Quiz constructor</title>
    </head>
    <body> 
        <div class="wrapper">
            
                <header class="main-header">
                </header>
                <main class="main">
                    <section class="content">
                        
                        <div class="content-header">
                            
                            <div id="button-block" class="button-block">
                                <button id="create_constructor">Create own Quiz</button> 
                            </div>
                            <div id="quiz_constructor"></div>
                            <div id="button-block" class="button-block">
                                <button id="btnStart" class="button" type="button">Start</button>
                            </div>
                            <div class="time"> You have 1 minute to answer all questions.</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>
                        </div>
                        <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="quizConstructor.js"></script>
        <script src="localStorageConstructor.js"></script>
        <script src="timer.js"></script>
        <script src="index.js"></script>
    </body>
</html>