Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- WOW another code thank you god
- Discord I guess i don't know
- Main background, avatar border, icon: #1e1f22
- Main text, tag text: #dbdee1
- status: #f23f43
- Username, active tab: #f2f3f5
- Secondary text, labels, icons: #b5bac1
- Tag backgrounds: #2b2d31
- Divider lines: rgba(255,255,255,0.06)
- Inner panel background: #111214
- Section headers, timestamps: #949ba4
- Spotify accent: #1db954
- Progress bar background: #4e5058
- Row separators: rgba(255,255,255,0.02)
- -->
- <div class="container p-0 my-3 mx-auto" style="max-width: 340px; font-family: Ebrima; background-color: #1e1f22; color: #dbdee1; border-radius: 8px; overflow: hidden;">
- <!-- BANNER -->
- <div style="height: 105px; background-image: url('https://i.pinimg.com/736x/62/05/2e/62052e6976fd2c4656f3433686fa693e.jpg'); background-size: cover; background-position: center;"></div>
- <!-- PFP AND BADGES I GUESS -->
- <div class="px-3" style="margin-top: -42px; position: relative; display: flex; justify-content: space-between; align-items: flex-end; z-index: 2;">
- <!-- PFP -->
- <div style="position: relative; width: 80px; height: 80px;">
- <img src="https://i.pinimg.com/736x/e3/8a/f2/e38af277cdea1e4f0f734246f72dae0e.jpg"
- style="width: 80px; height: 80px; border-radius: 50%; border: 5px solid #1e1f22; background-color: #1e1f22; object-fit: cover;">
- <!-- STATUS (Online: #23a55a, Idle: #f0b232, Disturb: #f23f43, Offline: #80848e) -->
- <div style="position: absolute; bottom: 1px; right: 1px; width: 18px; height: 18px; background-color: #f23f43; border-radius: 50%; border: 3px solid #1e1f22;"></div>
- </div>
- </div>
- <!-- HEADER (?) -->
- <div class="px-3 pt-2 pb-0">
- <!-- NAME -->
- <h2 class="m-0" style="font-size: 18px; font-weight: 600; color: #f2f3f5; line-height: 1.2;">NICKNAME</h2>
- <div style="font-size: 13px; color: #b5bac1; font-weight: 500;">@ username</div>
- <!-- TAGS -->
- <div class="mt-1" style="font-size: 11px; color: #dbdee1; background-color: #2b2d31; display: inline-block; padding: 1px 5px; border-radius: 4px;">Gender </div>
- <div class="mt-1" style="font-size: 11px; color: #dbdee1; background-color: #2b2d31; display: inline-block; padding: 1px 5px; border-radius: 4px;">Pronouns </div>
- <div class="mt-1" style="font-size: 11px; color: #dbdee1; background-color: #2b2d31; display: inline-block; padding: 1px 5px; border-radius: 4px;">MBTI </div>
- <!-- TABS -->
- <div class="d-flex mt-2" style="gap: 12px; font-size: 13px; font-weight: 500; border-bottom: 1px solid rgba(255,255,255,0.06);">
- <span class="pb-1" style="color: #f2f3f5; border-bottom: 2px solid #f2f3f5; margin-bottom: -1px;">User Profile </span>
- </div>
- </div>
- <!-- INfO -->
- <div class="p-3 m-2" style="background-color: #111214; border-radius: 8px;">
- <!-- ABOUT ME -->
- <div class="mb-3">
- <div style="font-size: 11px; font-weight: 700; color: #949ba4; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;">About Me</div>
- <div style="font-size: 13px; color: #dbdee1; line-height: 1.4;">
- Doesn't scroll! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
- </div>
- </div>
- <!-- SPOTIFY -->
- <div class="mb-3">
- <div style="font-size: 11px; font-weight: 700; color: #949ba4; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;">Listening to Spotify</div>
- <div class="d-flex" style="gap: 12px; align-items: center;">
- <!-- Album Art Asset -->
- <div style="position: relative; width: 64px; height: 64px; flex-shrink: 0;">
- <img src="IMGHERE" style="width: 64px; height: 64px; border-radius: 8px; object-fit: cover;">
- </div>
- <!-- TEXT THINGYS I DUNNO -->
- <div style="font-size: 13px; min-width: 0; flex-grow: 1;">
- <div style="font-weight: 600; color: #f2f3f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
- NAME
- </div>
- <div style="color: #dbdee1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px;">by Artist</div>
- <div style="color: #b5bac1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px;">on ALBUM</div>
- </div>
- </div>
- <!-- BAR -->
- <div class="mt-2">
- <div style="background-color: #4e5058; height: 4px; border-radius: 2px; width: 100%; position: relative;">
- <div style="background-color: #1db954; height: 4px; border-radius: 2px;
- <!-- CHANGE THE 50% TO ANY YOU LIKE -->
- width: 50%;"></div>
- </div>
- <div class="d-flex justify-content-between" style="font-size: 11px; color: #949ba4; margin-top: 4px;">
- <span>0:00</span>
- <span>0:00</span>
- </div>
- </div>
- </div>
- <!-- CHARACTER INFO -->
- <div class="mb-3">
- <div style="font-size: 11px; font-weight: 700; color: #949ba4; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;">Character Info</div>
- <div style="font-size: 13px; color: #dbdee1;">
- <div class="d-flex justify-content-between py-1" style="border-bottom: 1px solid rgba(255,255,255,0.02);">
- <span style="color: #b5bac1;">Age:</span>
- <span>AGE</span>
- </div>
- <div class="d-flex justify-content-between py-1" style="border-bottom: 1px solid rgba(255,255,255,0.02);">
- <span style="color: #b5bac1;">Orient:</span>
- <span>ORIENT</span>
- </div>
- <div class="d-flex justify-content-between py-1">
- <span style="color: #b5bac1;">Species:</span>
- <span>SPECIES</span>
- </div>
- </div>
- </div>
- <!-- DATE -->
- <div>
- <div style="font-size: 11px; font-weight: 700; color: #949ba4; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;">Discord Member Since</div>
- <div class="d-flex align-items-center" style="font-size: 13px; color: #dbdee1; gap: 6px;">
- <i class="fab fa-discord" style="color: #b5bac1; font-size: 12px;"></i>
- <span>May 19, 2026</span>
- </div>
- </div>
- </div>
- </div>
- <!-- CREDIT -->
- <div class="text-center mx-1" style="font-size:15px;">
- <a href="https://toyhou.se/sokie_Visuvel">
- <i class="fas fa-cloud" style="color:#1e1f22"></i>
- </a>
- </div>
Advertisement
