ProjectITIWebApp/index.php at master · mikec655/ProjectITIWebApp · 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="nl">
    <head>
        <title>Home - HeroCycles Weather App</title>
        <link rel="icon" href="img/icon.png"/>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <!-- <meta http-equiv="refresh" content="3"> -->
    </head>
    <body>
        <div class="container">
            <?php
            include("inc/header.php");
            ?>
        </div>
        <div>
            <img src="img/headerHC.jpg" alt="HeroCycles Banner" class="headerimg"/>
        </div>
        <div class="login">
            <center>
                <?php require("inc/loginrequire.php"); ?>
            </center>
        </div>
        <div id="delimiter"></div>
        <div class="container">
            <div class="delimiter"></div>
            <div id="content">
                <div class="col3 grayborder">
                    <center>
                        <h2>Top 10 Temperatures</h2>
                    </center>
                    <br><br>
                    <p style="color: midnightblue">
                        The first page in the menu will show the top 10 warmest stations in Asia.
                        These stations are sorted by temperature in an ascending order starting with the station that measured that warmest temperature.
                        <br><br><br><br><br>
                        <a href="toptenheat.php">Check out the top 10 warmest stations.</a>
                    </p>
                </div>
                <div class="col3 grayborder">
                    <center>
                        <h2>Rainfall Map</h2>
                    </center>
                    <br><br>
                    <p style="color: midnightblue">
                        The second page in the menu will show an interactive map.
                        The map has several stations marked by raindrops where the rainfall is more than 1 millimeter.
                        <br><br><br><br><br><br>
                        <a href="rainfall.php">Check out the interactive map</a>
                    </p>
                </div>
                <div class="col3 grayborder">
                    <center>
                        <h2>Heat Index</h2>
                    </center>
                    <br><br>
                    <p style="color: midnightblue">
                        The third page in the menu will show a graph of the heatindex per station in India.
                        The graph will show the corrected temperature measured from the last hour.
                        <br><br><br><br><br><br>
                        <a href="toptenheat.php">Check out the corrected temperature.</a>
                    </p>
                </div>
            </div>
            <div class="delimiter"></div>
        </div>
    <center>
        <div id="footer">
            <div class="container">
                <?php include ("inc/footer.php") ?>
            </div>
        </div>
    </center>
</body>
</html>