TypingWizard/frontPage.php at main · ranmerc/TypingWizard · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<?php
    if(!isset($_COOKIE['username']))
    {
        header("Location:login.php");
    }
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./Styles/frontPage.css">
    <title>Typing Wizard</title>
</head>

<body>
    <?php
        include("header.html");
        include("footer.html");
    ?>
    <div id="mainContainer">
        <div class="courseCard">
            <div class="cardTitle">
                Course
            </div>
            <div class="cardAbout">
                New to Touch Typing? Start here. Start from basics or continue learning where you left
            </div>
        </div>
        <div class="practiceCard">
            <div class="cardTitle">
                Practice
            </div>
            <div class="cardAbout">
                Test what you've learnt. Take up a challenge or simply practice with us
            </div>
        </div>
        <div class="gamesCard">
            <div class="cardTitle">
                Games
            </div>
            <div class="cardAbout">
                Bored of learning? Play some games while you sharpen your skills!
            </div>
        </div>
        <div class="statisticsCard">
            <div class="cardTitle">
                Statistics
            </div>
            <div class="cardAbout">
                View your progress. This will motivate you.
            </div>
        </div>
    </div>
</body>
<script src="./Js/frontPage.js"></script>
</html>