Quiz-Project/index.html at main · Noviphyte-Wanderer/Quiz-Project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Small project. It gives small quizzes, but they're limited.">
    <title>Quiz Project</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
    <header id="header" class="header">
        <h1 id="site-name">TEST SITE NAME</h1>
        <nav id="top-nav" class="nav">
            <ul class="horizontal">
                <li><a href="./index.html" id="home-link">HOME</a></li>
                <li><a href="./html/quiz-init.html" class="topic-link" id="algebra-link">Algebra</a></li>
                <li><a href="./html/quiz-init.html" class="topic-link" id="vocab-link">Vocabulary</a></li>
                <li><a href="./html/quiz-init.html" class="topic-link" id="history-link">History</a></li>
                <li><a href="./html/quiz-init.html" class="topic-link" id="chemistry-link">Chemistry</a></li>
                <li><a href="./html/quiz-init.html" class="topic-link" id="economics-link">Economics</a></li>
                <li><a href="./html/quiz-init.html" class="topic-link" id="custom-link">Custom</a></li>
            </ul>
        </nav>
    </header>
    <main id="main-container" class="container">
        <div id="home" class="inner-container flex-center flex-col">
            <p>WELCOME TO THE QUIZ PROJECT WEBSITE</p>
            <p>Use the navigation above to choose the topic you want to take a quiz on.</p>
        </div>
    </main>
    <footer id="footer" class="footer">
        <address id="address">
            Casual Wanderer 20XX<br/>
            RANDOMNAME@DOMAIN.COM
        </address>
        <a href="https://codepen.io/CasualWanderer20XX" class="soc-med-link"><i class="icon fa-brands fa-codepen"></i></a>
        <a href="https://github.com/Noviphyte-Wanderer" class="soc-med-link"><i class="icon fa-brands fa-github"></i></a>
    </footer>
    <script src="./src/index.js"></script>
</body>
</html>