You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.2 KiB
HTML
66 lines
1.2 KiB
HTML
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Home</title>
|
||
|
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||
|
|
<style type="text/css">
|
||
|
|
|
||
|
|
body {font-family: mono;
|
||
|
|
position: relative;
|
||
|
|
background-image: url('./img/29.jpg');
|
||
|
|
background-position: 950px -30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {background-color: white;
|
||
|
|
width: 215px;
|
||
|
|
padding: 6px;}
|
||
|
|
|
||
|
|
#n1 {width: 684px;
|
||
|
|
height: 260px;
|
||
|
|
position: absolute;
|
||
|
|
left: 1141px;
|
||
|
|
top: -9px;}
|
||
|
|
|
||
|
|
#n2 {width: 270px;
|
||
|
|
height: 534px;
|
||
|
|
position: absolute;
|
||
|
|
left: 1580px;
|
||
|
|
top: 431px;}
|
||
|
|
|
||
|
|
#n3 {width: 278px;
|
||
|
|
height: 206px;
|
||
|
|
position: absolute;
|
||
|
|
left: 1268px;
|
||
|
|
top: 798px;
|
||
|
|
background-position: -380px 825px;}
|
||
|
|
|
||
|
|
#n4 {width: 528px;
|
||
|
|
height: 407px;
|
||
|
|
position: absolute;
|
||
|
|
left: 1019px;
|
||
|
|
top: 398px;}
|
||
|
|
|
||
|
|
a#n1:hover {
|
||
|
|
background-image: url(./img/35.jpg);
|
||
|
|
}
|
||
|
|
a#n2:hover {
|
||
|
|
background-image: url(./img/17.jpg);
|
||
|
|
}
|
||
|
|
a#n3:hover {
|
||
|
|
background-image: url(./img/30.jpg);
|
||
|
|
}
|
||
|
|
a#n4:hover {
|
||
|
|
background-image: url(./img/24.jpg);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<a class="h" href="rooftop.html" id="n1"></a>
|
||
|
|
<a class="h" href="rooftop.html" id="n2"></a>
|
||
|
|
<a class="h" href="rooftop.html" id="n3"></a>
|
||
|
|
<a class="h" href="rooftop.html" id="n4"></a>
|
||
|
|
</body>
|
||
|
|
</html>
|