-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
79 lines (69 loc) · 2.77 KB
/
About.html
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
76
77
78
79
<!DOCTYPE html>
<!-- About -->
<!-- Note Resolution may differ from Monitor and Browsers -->
<!-- Please do use full screen browser and avoid split screens -->
<html>
<!-- Not Visible in the Website its the Head -->
<head>
<meta charset="UTF-8">
<title>About</title>
<style>
body {
background: url("https://bit.ly/2G2XfKH") no-repeat center center fixed;
background-size: cover;
}
.imagesize {
display: block;
width: 400px;
margin-left: auto;
margin-right: auto;
}
#about {
text-align: center;
font-size: 50px;
font-family: cursive;
}
.paraFont {
font-family: monospace;
background: rgba(255,140,0, 0.3);
font-size: 20px;
margin-top: 100px;
}
#Navigation {
text-indent: 50px;
font-size: 30px;
height: auto;
width: auto;
bottom: 600px;
margin-left: auto;
margin-right: auto;
}
.navbar:link {
color: white;
text-decoration: none;
}
.navbar:visited {
color: cyan;
}
</style>
</head>
<body>
<h1 id="about">About</h1>
<!-- Navigation using Table -->
<table id="Navigation">
<tr>
<th><a class="navbar" href="https://bit.ly/2Ygkjwz">Home</a></th>
<th><a class="navbar" href="https://bit.ly/2TU2ntd" target="_blank">About</a></th>
<th><a class="navbar" href="https://bit.ly/2FsTe0i" target="_blank">The Woods</a></th>
<th><a class="navbar" href="https://bit.ly/2TTTvik" target="_blank">The Jungle</a></th>
<th><a class="navbar" href="https://bit.ly/2USAbDm" target="_blank">The Paradise</a></th>
<th><a class="navbar" href="https://bit.ly/2FxOnfD" target="_blank">The Deep Sea</a></th>
<th><a class="navbar" href="https://bit.ly/2UbV5kx" target="_blank">Cool Facts</a></th>
</tr>
</table>
<!-- Purpose of the Site -->
<p class="paraFont"><strong>The main purpose of this Site is typically designated for Education purpose only.</strong> To educate the world about the living creatures from the wild that they have not seen before, and some facts that could help them survive and avoid this wild creature in the situation when they encounter this wild Creatures.</p><br>
<!-- My Personal BIO -->
<p class="paraFont">I have choose to make this as my project for Computer/Science as I do really like animals since I was young, I do remembered, when my first time to see home snake, love birds, parrots, turtle, bat and more. It is so fascinating to see them in the safe distance. This website will educate the viewers about wild creatures with its own definition that could connect them to the reality by learning how to avoid this creatures, and to learn the evolvement of this creatures since the Dinosaur age.</p>
</body>
</html>