index.html

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

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Quizowanie</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
</head>

<body>
    <div class="main-container">
        <div class="main-box-logo">
            <img src="./images/logo_transparent.png" alt="logo_transparent" class="main-logo">
        </div>
        <div class="best-scores">
            <h1>Najlepsze wyniki:</h1>
            <h3 id="no-results">W tej chwili brak wyników.</h3>
            <ol id="best-scores-list"></ol>
        </div>
        <div class="main-box-info">
            <h1 class="main-header">Witamy w <span>QUIZOWANIU</span>!</h1>
            <h3>W tym miejscu możesz rozwiązywać matematyczne quizy zupełnie za darmo!</h3>
            <button id="new-quiz">Nowy quiz</button>
            <button id="best-results">Najlepsze wyniki</button>
        </div>
    </div>
    <script src='MainPageScript.js' type="module"></script>
</body>

</html>