Scribd
Upload
6 views

Message

Uploaded by

v5vqqzkrb6
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views

Message

Uploaded by

v5vqqzkrb6
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Bluebeard | Hub</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-image:
url('https://64.media.tumblr.com/305129d21d89b0a943327036c27c7078/92fb6783d5046490-
3a/s2048x3072/348681fec69b65eb9f87d65e573fad6be5f14ac3.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: fixed, contain;
background-attachment: fixed;
background-size: 1366px 705px;

}
#candle {
position: fixed;
left: 0px;
padding: 110px 0px 0px 560px;
object-fit: contain;
height: 397px;
width: 220px;
}
#rose {
position: fixed;
left: 0px;
padding: 574px 0px 0px 561px;
object-fit: contain;
height: 100px;
width: 218px;
}
#chess {
position: fixed;
left: 150px;
padding: 399px 0px 0px 268px;
object-fit: contain;
height: 85px;
width: 155px;
}
#book {
position: fixed;
left: 150px;
padding: 470px 0px 0px 236px;
object-fit: contain;
height: 179px;
width: 272px;
}
#music {
position: fixed;
left: 150px;
padding: 515px 0px 0px 528px;
object-fit: contain;
height: 156px;
width: 211px;
}
#films {
position: fixed;
left: 150px;
padding: 450px 0px 0px 690px;
object-fit: contain;
height: 93px;
width: 127px;
}
img:hover {
animation: shake 0.9s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
</style>
</head>
<body>
<img id="candle" alt="shrine" title="Shrine" img
src="https://64.media.tumblr.com/01bf3b41d34ea44eea8e40d21495f04b/92fb6783d5046490-
2f/s250x400/9b37e095e5af0e30401d75c270710aebca28acc6.png"><a href="./shrine.html">

<img id="rose" alt="rose" title="Wiki" img


src="https://64.media.tumblr.com/a37b5e89edb6e1920a1d10a6e2e3ec5b/92fb6783d5046490-
05/s250x400/4c7ab44ba6419dd5956da822e046f7239e35723a.png"> <a href="./wiki.html">

<img id="chess" alt="chess" title="Games" img


src="https://64.media.tumblr.com/e0dc2beb243e032b6397371e0a47092a/92fb6783d5046490-
b1/s250x400/8a3958bc3b26ff6f6777d57676172d25c1b81524.png"> <a href="./games.html">

<img id="book" alt="book" title="Diary" img


src="https://64.media.tumblr.com/8bb0f9fa6fd20ae35d7ca52277ce2c44/92fb6783d5046490-
e4/s400x600/06d9c4e5c014ac6d9cb5bafc03fa892311ddd4f6.png"> <a href="./diary.html">

<img id="music" alt="music" title="Music" img


src="https://64.media.tumblr.com/53217f75747582f539eabb8ba6a7dcb9/92fb6783d5046490-
72/s250x400/db241d7f1ff9e37f173a5f0b51d6776c568cbd58.png"> <a href="./music.html">

<img id="films" alt="films" title="Films" img


src="https://64.media.tumblr.com/06bfaa1d3e05dd332ec9405a08fcbad2/92fb6783d5046490-
71/s250x400/1a87eb0c84d3638f146578f5364fb8721fce738d.png"><a href="./films.html">

</body></html>

You might also like