inbox template

[fabulists]

@username

❝ Hello! You've reached the voicemail of Character McGee. I'm not here right now, I'm probably out in the orchard picking fruit or passed out somewhere after being stung by a scorpion. Please leave a message and I'll get back to you! Thanks! ❞

VOICE ✦ VIDEO ✦ TEXT ✦ ACTION

Here is the inbox code! This beautiful code is by the talented lucavi!

<raw-code><div style="display:flex; justify-content:center; padding:5px 0;"> <div style="display:flex; flex-flow:row-reverse wrap; justify-content:center; gap:21px; width:100%; max-width:550px; padding:28px; background-blend-mode:overlay; border-radius:8px; box-shadow:0 3px 3px rgba(0,0,0,0.3); font:normal 13px/1.25 Georgia, Garamond, serif; color:#7b4837; background:#eee url('https://i.pinimg.com/564x/3a/98/29/3a98296d9c217aaac55b577319a9b6b1.jpg') no-repeat center; background-size:cover;"> <!--- // IMAGE ON RIGHT IS HERE // ---> <div style="max-width:150px; align-self:center; padding:75px; border-radius:99rem; background:#333 url('PROFILE_IMAGE_GOES_HERE') no-repeat center; background-size:cover; box-shadow:0 0 3px #ffffffe6;"></div> <!--- // TEXT AREA IS HERE // ---> <div style="flex:250px; align-self:center;"> <div style="padding:0 0 14px; font:600 21px/1 Georgia, sans-serif; text-align:center; text-transform:uppercase; letter-spacing:0.05rem; border-bottom:1px solid #b87661;"> @username </div> <span style="display:block; padding-top:14px;"> <center>❝ Write your character's voicemail message here! ❞</center> </span> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px; padding-top:14px; font-size:12px;"> <!--- LINK AREA IS HERE // ---> <b>VOICE ✦ VIDEO ✦ TEXT ✦ ACTION</b> </div> </div> </div> </div></raw-code>