text message code

[seeingred]

<lj-raw><div style="width:500px;max-width:100%;margin:20px auto 40px;font-family:helvetica,sans-serif;font-size:13px;line-height:1.5;text-align:left;"> <!-- WINDOWS GO BELOW --> <!--[CHAT WINDOW]--> <fieldset style="min-height:250px;margin:0 0 50px;padding:15px;background:#FBFBFB;color:#111;border:1px solid #E1E1E1;"><legend style="padding:4px 20px;background:#15161A;color:#FFF;border:1px solid #41424D;text-align:left;font-size:13px;font-weight:600;letter-spacing:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:80vw;"> Name of Recipient </legend> <!--[ICON]--> <div style="background:url(https://i.imgur.com/SyXb3vd.png) #15161A center/cover;height:50px;width:50px;border:2px solid #15161A;border-radius:50%;margin:-55px 0 5px -40px;box-sizing:border-box;"></div> <!--[/ICON]--> <div style="display:grid;gap:15px;"> <!--[DATE]--> <div style="display:flex;gap:15px;align-items:center;text-align:center;"><div style="flex:1 1 10%;height:1px;background:#E1E1E1;"></div><div style="color:#949ba4;font-weight:600;font-size:0.8em;letter-spacing:1px;"> MONTH 1, 2025 ▪ 5:00 PM </div><div style="flex:1 1 10%;height:1px;background:#E1E1E1;"></div></div> <!--[/DATE]--> <!--[UPDATE]--> <div style="display:flex;gap:15px;align-items:center;text-align:center;justify-content:center;"><div style="color:#949ba4;font-size:0.8em;letter-spacing:1px;border:1px solid #E1E1E1;border-radius:12px;padding:4px 12px;"> <b>Name</b> changed the group name: <b>Group Chat</b> </div></div> <!--[/UPDATE]--> <!-- TEXTS GO BELOW --> <!-- sent --> <div style="display:flex;justify-content:flex-end;align-items:center;"><div style="max-width:75%;background:#E1E1E1;padding:8px 12px;"> Here is a normal message. </div><div style="width:0;height:0;border:5px solid transparent;border-left:7px solid #E1E1E1;"></div></div> <!-- unsent --> <div style="display:flex;justify-content:flex-end;align-items:center;opacity:0.5;"><div style="max-width:75%;background:#E1E1E1;padding:8px 12px;"> <s>Here is an unsent message.</s> </div><div style="width:0;height:0;border:5px solid transparent;border-left:7px solid #E1E1E1;"></div></div> <!-- image --> <div style="display:flex;justify-content:flex-end;align-items:center;"><div style="max-width:75%;background:#E1E1E1;padding:8px 12px;line-height:1;"> <img src="IMG_URL" style="max-width:100%;border-radius:4px;"/> </div><div style="width:0;height:0;border:5px solid transparent;border-left:7px solid #E1E1E1;"></div></div> <!-- sent --> <div style="display:flex;justify-content:flex-end;align-items:center;"><div style="max-width:75%;background:#E1E1E1;padding:8px 12px;"> Normal again. </div><div style="width:0;height:0;border:5px solid transparent;border-left:7px solid #E1E1E1;"></div></div> <!-- TEXTS GO ABOVE --> </div></fieldset> <!--[/CHAT WINDOW]--> <!-- WINDOWS GO ABOVE --> </div></lj-raw>

Name of Recipient

MONTH 1, 2025 ▪ 5:00 PM

Name changed the group name: Group Chat

Here is a normal message.

Here is an unsent message.

Normal again.