top of page
Here's what the actual source code looks like:
<!-- MYSPACE MOCKUP LAYOUT START -->
<style>
body {
background: url('https://glitter-graphics.com/background.gif') repeat black;
font-family: "Comic Sans MS", cursive;
color: hotpink;
cursor: url('https://cur.cursors-4u.net/cursors/cur-13/cur1161.cur'), auto;
}
h1 {
font-size: 48px;
color: #ffffff;
text-shadow: 2px 2px #ff69b4;
animation: sparkle 2s infinite;
}
@keyframes sparkle {
0%, 100% { text-shadow: 2px 2px #ff69b4; }
50% { text-shadow: 2px 2px #ffff00; }
}
.blinking-heart {
animation: blink 1s infinite;
color: hotpink;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
</style>
<div style="text-align: center;">
<h1>Danna’s Space</h1>
<p><span class="blinking-heart">♥</span> I took my actual MySpace page design SERIOUSLY lol!! <span class="blinking-heart">♥</span></p>
<embed src="https://example.com/bossy.mp3" autostart="true" loop="true" hidden="true">
</div>
<!-- MYSPACE MOCKUP LAYOUT END -->
bottom of page