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.
100 lines
1.9 KiB
HTML
100 lines
1.9 KiB
HTML
<!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/32.jpg');
|
|
}
|
|
|
|
h1 {background-color: white;
|
|
width: 215px;
|
|
padding: 6px;}
|
|
|
|
#n1 {width: 305px;
|
|
height: 488px;
|
|
position: absolute;
|
|
left: 1164px;
|
|
top: 607px;}
|
|
|
|
#n2 {width: 317px;
|
|
height: 437px;
|
|
position: absolute;
|
|
left: 1523px;
|
|
top: 630px;}
|
|
|
|
#n3 {width: 126px;
|
|
height: 126px;
|
|
position: absolute;
|
|
left: 218px;
|
|
top: 690px;
|
|
background-size: 126px 126px;}
|
|
|
|
#n4 {width: 137px;
|
|
height: 130px;
|
|
position: absolute;
|
|
left: 555px;
|
|
top: 590px;
|
|
background-size: 137px 130px;}
|
|
|
|
#n5 {width: 141px;
|
|
height: 119px;
|
|
position: absolute;
|
|
left: 559px;
|
|
top: 771px;
|
|
background-size: 141px 119px;}
|
|
|
|
#n6 {width: 135px;
|
|
height: 117px;
|
|
position: absolute;
|
|
left: 217px;
|
|
top: 918px;
|
|
background-size: 135px 117px;}
|
|
|
|
#n7 {width: 144px;
|
|
height: 122px;
|
|
position: absolute;
|
|
left: 560px;
|
|
top: 937px;
|
|
background-size: 144px 122px;}
|
|
|
|
a#n1:hover {
|
|
background-image: url(./img/1.jpg);
|
|
background-size: 305px 488px;
|
|
}
|
|
a#n2:hover {
|
|
background-image: url(./img/2.jpg);
|
|
background-size: 305px 426px;
|
|
}
|
|
a#n3:hover {
|
|
background-image: url(./img/3.jpg);
|
|
}
|
|
a#n4:hover {
|
|
background-image: url(./img/4.jpg);
|
|
}
|
|
a#n5:hover {
|
|
background-image: url(./img/5.jpg);
|
|
}
|
|
a#n6:hover {
|
|
background-image: url(./img/6.jpg);
|
|
}
|
|
a#n7:hover {
|
|
background-image: url(./img/7.jpg);
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<a class="h" href="basement.html" id="n1"></a>
|
|
<a class="h" href="basement.html" id="n2"></a>
|
|
<a class="h" href="doorway.html" id="n3"></a>
|
|
<a class="h" href="basement.html" id="n4"></a>
|
|
<a class="h" href="basement.html" id="n5"></a>
|
|
<a class="h" href="room_2.html" id="n6"></a>
|
|
<a class="h" href="basement.html" id="n7"></a>
|
|
</body>
|
|
</html> |