Hawaii Part 2

Tags: music, hawaii, tally hall

Description:

Hawaii Part 2 Inspire page with built-in music playing

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by SuperCat (https://layouts.spacehey.com/layout?id=103796) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
body{font-family: 'Pixelify Sans', sans-serif;}
</style>

<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url("https://i.ibb.co/KL3hkXc/ezgif-1-a7c387d7f8.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://i.ibb.co/KL3hkXc/ezgif-1-a7c387d7f8.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://i.ibb.co/KL3hkXc/ezgif-1-a7c387d7f8.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://i.ibb.co/KL3hkXc/ezgif-1-a7c387d7f8.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://i.ibb.co/KL3hkXc/ezgif-1-a7c387d7f8.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url("https://i.ibb.co/KL3hkXc/ezgif-1-a7c387d7f8.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://i.ibb.co/KL3hkXc/ezgif-1-a7c387d7f8.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url("https://i.ibb.co/KL3hkXc/ezgif-1-a7c387d7f8.gif")
}
</style>

<style>
body
        {background-image: url(https://i.ibb.co/XXfqs47/image.png);no-repeat fixed; background-size:cover; 
background-color: black !important;
     background-attachment: fixed !important;
     margin: 0;
     padding: 0

main {
}
.general-about {
    border-radius: 5px;
    border: white 4px;
    padding: 1px;
    height: 180px;
    background: url(https://media.discordapp.net/attachments/976348843543248906/1230868342466941030/Black.png?ex=6634e279&is=66226d79&hm=e3d5cee4a0ea9997bec9c7d76940bc7aee0fa1d5503c5ce70009a52e0aa6a7c0&=&format=webp&quality=lossless&width=563&height=563)
    
}</style>

<style>
nav .info {
background:;
}
nav .top{
   background: #ffffff00;
  border-top: 3px white;
  animation-name: floating; animation-duration: 4s; 
  animation-iteration-count: infinite; animation-timing-function: ease-in-out;
  filter: drop-shadow(0px 0px 4px SlateGray);
  color: #fff !important;
  font-weight: 800;
}
nav .links{
  background: #ffffff00;
  margin-bottom: 0px;
  margin-top: 0px
  animation-name: floating; animation-duration: 4s; 
  animation-iteration-count: infinite; animation-timing-function: ease-in-out;
  filter: drop-shadow(0px 0px 4px #ffffff00);
  color: #fff !important;
  font-weight: 800;
</style>

<style>

.logo {

content:url("https://i.ibb.co/mT3YhdQ/c61u8su6.gif");


}

</style>




<style>
main {
background-image: url(https://i.ibb.co/0rTp3VN/image.png);
color: White;
padding: 1px;

}
.heading, .url-info {
color: white !important;
background-image: url(https://i.ibb.co/0rTp3VN/image.png);
background-color: #ffffff00 !important;
border: 2px solid  !important;
}
.inner {
color: white !important;
border: 2px solid ;
border-top: none;

}
.profile-info {
border: 2px solid ;

}
.profile-info .inner {
border: none;

}
.friends .inner {
}

}
#comments {
border-bottom: 2px solid ;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .inner h4 {
color: white !important;



}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid ;
border-collapse: collapse;
}
td {
color: white !important;
background-image: url(https://i.ibb.co/0rTp3VN/image.png);
background-color: #ffffff00 !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background-image: url(https://i.ibb.co/0rTp3VN/image.png);
border: 2px solid ;
}
footer p {
color white !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid ;
margin: 2px;
}
nav .info {
background: none;
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/dWPF-tmc5LU?si=JZ3KssCLITLPkRnE//?&;amp;;autoplay=1&;loop=1&;controls=1" title="Deftones-Change" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.