forked from Las-Chu/Agoration
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
60 lines (47 loc) · 1.09 KB
/
home.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
<html>
<head>
<style>
@font-face {
font-family: "olivier";
src: url("css/fonts/olivier.eot");
src:
url("css/fonts/olivier.woff") format("woff"),
url("css/fonts/olivier.otf") format("opentype"),
url("css/fonts/olivier.svg#filename") format("svg");
}
@font-face:{
font-family:#ffb8b8;
}
.a{
font-size:80px;
text-align:center;
}
.img.resize{
height:800px;
}
.b{
background-size: 100% 100%;
transition:all 2s;
}
.b:hover{
transform:scale(1.1,1.1);
}
.groove{
border-style:groove;
border-width:thick;
}
</style>
</head>
<body bgcolor="#487eb0">
<table width="90%" height="200" border="0" align="center" bgcolor="#dcdde1" class="groove">
<tr>
<td align="center" class="a" ><font-family="olivier" >Where do you live?</font></td></tr>
</table>
<table width="90%" height="400" border="0" align="center" class="groove">
<tr>
<td class="b" width="50%"><a href="level1.html"><img src="image/bg1.jpg" width="100%" class="b" height="400"></a></td>
<td class="b" width="50%"><a href="level1.html"><img src="image/bg2.jpg" width="100%" height="400" alt="Computer Hope"></td>
</tr>
</table>
</body>
</html>