MrMatthewE.github.io/PageTest.html at master · MrMatthewE/MrMatthewE.github.io · 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
<!DOCTYPE html>
<html>


    <head>
            <link rel="stylesheet" href="css/animate.css">
                    <link rel="stylesheet" href="css/Positioning.css">
                            <link rel="stylesheet" href="css/colourAnimation.css">
                            <link rel="stylesheet" href="css/styles.css">
                            <link rel="stylesheet" href="css/LoaderAnimation.css">


        <link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>

    </head>
        <body onload="colourChange()"  >


            <font face="Calibri">
                <div class="animated bounceInUp">
            <div id = "head" style="font-family:'Roboto', serif; font-size:100px;text-align:center;color:rgb(25, 212, 133);" class="colourAnimation">Welcome</div></div>


           <div style="width:200px;" class="centerLeft" ></a>
                <p style="border-radius:5px;border:2px; border-style:solid;border-color:#5EAEFF;  text-align:center; color:#5EAEFF" class="animated fadeInUp" ><a style="text-decoration:inherit; color:inherit" href="index.html">Home</a></p>
                </div>


                <div style="width:200px;" class="centerLeft" ></a>
            <p style="border-radius:5px;border:2px; border-style:solid;border-color:#5EAEFF;  text-align:center; color:#5EAEFF;" class="animated fadeInUp" >Item2</p>
                </div>

    <div style="width:200px;" class="centerLeft" ></a>
            <p style="border-radius:5px;border:2px; border-style:solid;border-color:#5EAEFF;  text-align:center; color:#5EAEFF;" class="animated fadeInUp" >Color Change</p>
                </div>


            </font>
        </body>

</html>