Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
qwertyu

Author: Jk47
Category: >:[
Created: May 1, 2026
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
<!DOCTYPE html>
<html>
<head>
  <title>way 2 trill 4 these broke ass bitches</title>

  <style>
    body {
      background-color: black;
      background-image: url(https://cdn.corenexis.com/files/c/1175652720.jpg);
      color: #00ff00;
      font-family: "Courier New", monospace;
      cursor: url('https://cur.cursors-4u.net/games/gam-10/gam934.png'), auto;
    }

    a {
      color: #39ff14;
      text-decoration: none;
    }

    a:hover {
      color: hotpink;
      text-shadow: 0 0 5px #00ff00;
    }

    ::-webkit-scrollbar {
      width: 10px;
    }

    ::-webkit-scrollbar-thumb {
      background: #00ff00;
    }

    #container {
      width: 800px;
      margin: 30px auto;
      border: 3px solid #00ff00;
      padding: 10px;
      background: rgba(0,0,0,0.9);
    }

    #header {
      text-align: center;
      font-size: 32px;
      color: lime;
      text-shadow: 0 0 10px #00ff00;
    }

    .blink {
      animation: blink 1s infinite;
    }

    @keyframes blink {
      50% { opacity: 0; }
    }

    .box {
      border: 2px dashed #00ff00;
      margin: 10px 0;
      padding: 10px;
      background: #050505;
    }

    img {
      max-width: 100%;
      border: 2px solid lime;
    }

    .glitter {
      color: hotpink;
      text-shadow: 0 0 5px hotpink, 0 0 10px lime;
    }

    iframe {
      width: 100%;
      height: 120px;
      border: 2px solid #00ff00;
    }
  </style>
</head>

<body>

<div id="container">

  <div id="header" class="blink">
    way 2 trill 4 these broke ass bitches
  </div>

  <div class="box">
    <h2 class="glitter">About Me</h2>
    <a href="https://friendrewind.com" target="_blank">
      <img src="https://friendrewind.com/media/blinkies/blinkie_3242_135d933cab8c89dc.gif" alt="blinkie">
    </a>
  </div>

  <div class="box">
    <h2 class="glitter">Music</h2>

    <iframe
      src="https://www.youtube.com/embed/gp8ZNqaG-dE?start=2253&autoplay=1&controls=0&loop=1&playlist=gp8ZNqaG-dE"
      title="YouTube video player"
      frameborder="0"
      allow="autoplay; encrypted-media; picture-in-picture"
      allowfullscreen>
    </iframe>
  </div>

  <div class="box">
    <h2 class="glitter">Top 8</h2>
    <p>coming soon...</p>
  </div>

  <div class="box">
    <h2 class="glitter">Pics</h2>
    <img src="https://i.imgur.com/1X9Z1Zm.jpg">
    <img src="https://i.imgur.com/zYxDCQT.gif">
  </div>

  <div class="box">
    <h2 class="glitter">Status</h2>
    <p class="blink">currently downloading viruses</p>
  </div>

</div>

</body>
</html></style>