<div style="
--bg: white;
--border: #ddd;
--accent: #4d4d4d;
--body: #000;
--heading: #fff;

--body-font: Poppins;
--subheading-font: Montserrat;

--img1: url(https://64.media.tumblr.com/a97581e12aa95c4e16e81cf97c278783/tumblr_p0j0eas1R51udofvgo2_400.gifv);

background: var(--bg); color: var(--body); font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-size: 11px; font-family: var(--body-font); max-width: 700px; margin: auto; padding: 10px; border: 1px solid var(--border); display: flex; flex-direction: row; flex-wrap: wrap;"><div style=" margin: 10px; width: 240px; background: var(--bg); flex-grow: 1;"><div style=" height: 300px; background: var(--img1); background-size: cover; background-position: 50% 0%;"><div style=" padding-top: 260px; text-align: center; font-family: var(--subheading-font); font-size: 16px; text-transform: uppercase; letter-spacing: 3px; color: var(--heading);


/*character role / tagline*/">the prince</div></div><div style="


/*this marks the beginning of the character details*/

margin-top: 20px; box-sizing: border-box; width: 100%; height: 140px; overflow: hidden;"><div style=" height: 100%; width: 200%; overflow-y: auto;"><div style=" height: auto; text-align: justify; width: 50%; box-sizing: border-box; line-height: 20px;"><div style=" display: flex; flex-direction: row; border-bottom: 1px dashed var(--border); padding-bottom: 10px;"><div style=" background: var(--bg); font-family: var(--subheading-font); color: var(--accent); text-transform: uppercase; display: flex; flex-direction: column; justify-content: space-evenly; font-weight: bold;">location</div><div style=" text-align: right; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; margin-left: 10px;


/*character location*/">chem lab</div></div><div style="margin-top: 20px; padding: 0px; display: flex; flex-direction: row; border-bottom: 1px dashed var(--border); padding-bottom: 10px;"><div style=" background: var(--bg); font-family: var(--subheading-font); color: var(--accent); text-transform: uppercase; display: flex; flex-direction: column; justify-content: space-evenly; font-weight: bold;">mood</div><div style=" text-align: right; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; margin-left: 10px;


/*character mood*/">curious</div></div><div style=" margin-top: 20px; padding: 0px; display: flex; flex-direction: row; border-bottom: 1px dashed var(--border); padding-bottom: 10px;"><div style=" background: var(--bg); font-family: var(--subheading-font); color: var(--accent); text-transform: uppercase; display: flex; flex-direction: column; justify-content: space-evenly; font-weight: bold;">outfit</div><div style=" text-align: right; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; margin-left: 10px;


/*character outfit*/"><a class="link link--external" data-proxy-href="/proxy.php?link=https%3A%2F%2Fi.pinimg.com%2F236x%2Fbb%2F2a%2Fda%2Fbb2ada2314db49ea332b917edaa383a6.jpg&amp;hash=ccab5bb9db0d85f6e3fe8e4e1fcc7382" href="https://i.pinimg.com/236x/bb/2a/da/bb2ada2314db49ea332b917edaa383a6.jpg" rel="nofollow ugc noopener" target="_blank">click!</a></div></div><div style=" margin-top: 20px; padding: 0px; display: flex; flex-direction: row; border-bottom: 1px dashed var(--border); padding-bottom: 10px;"><div style=" background: var(--bg); font-family: var(--subheading-font); color: var(--accent); text-transform: uppercase; display: flex; flex-direction: column; justify-content: space-evenly; font-weight: bold;">mentions</div><div style=" text-align: right; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; margin-left: 10px;


/*mentions / interactions*/">Blake, Kallie</div></div></div></div></div></div><br/>
<div style=" margin: 10px; width: 390px; background: var(--bg); flex-grow: 1;"><div style=" height: 40px; display: flex; flex-direction: row;"><div style=" min-width: 40px; height: 40px; text-align: center; background: var(--accent); color: #fff; display: flex; flex-direction: column; justify-content: space-evenly; font-size: 20px; margin-right: 20px;


/*you can change this icon by googling different font awesome icons!*/"><i class="fal fa-heart"></i></div><div style=" height: 40px; width: 100%; text-align: right; font-family: var(--subheading-font); letter-spacing: 2px; font-size: 20px; box-sizing: border-box; padding: 5px 10px; display: flex; flex-direction: column; justify-content: space-evenly; background: var(--accent); color: #fff; text-transform: uppercase;


/*character name*/">Romeo Hawthorne</div></div><div style=" margin-top: 20px; box-sizing: border-box; width: 100%; height: 400px; overflow: hidden;"><div style=" height: 100%; width: 200%; overflow-y: auto;"><div style=" height: auto; width: 50%; text-align: justify; box-sizing: border-box; line-height: 20px;


/*your main ic content!*/">"But you promised, doll." A sweet voice of a male drawled through the air as Romeo's hand went up, brushing a strand of dark chocolate hair away from the girl's face. "You said you'll go with me in the afternoon so what's changed now?" he asked as the girl shivered under the touch of the school prince. "I just…I don't know, Rome. I don't want to be just another conquest for you. Like…I mean…I'm serious about us…"<br/>
<br/>
Romeo Hawthorne suppressed the eye roll for at least the sixth time and took a slow deep breath in. He had been working on this girl for two days now and she was on again and off again, yes and no, hot and cold, it was honestly very tiring and Rome was becoming bored. "Darling, I'm serious about us too. Come on, let me just take you to see the Hawthorne Mansion, I'll give you a nice tour, we can have a little glass of something good from my father's liquor cabinet and if you feel like it, we can have a nice swim in the pool, hm?" he asked, resting his hand on her hip, giving it a little squeeze, which also pulled her closer to him. "Just that…no pressure, Hannah." he added in half-whispers as he leaned closer. "But…my name's Heather…" she stuttered confusedly and looked at the lover boy with her head tilted.<br/>
<br/>
With a long sigh, Romeo let her go and grabbed his bag. He turned on his heel and with a smug smirk on his face, he was about to leave. "Where are you going?" the girl called after him but he just lifted his hand and waved her, not even looking back at her anymore. "Have a great day, Hester." he chuckled and turned the corner to walk inside the school building. If she didn't want to keep him company, he could definitely find himself another Helen who would be thrilled to have a swim in his pool. Whatever that may mean.<br/>
<br/>
Romeo was not the type of guy to beg. Quite the contrary, girls usually came begging to him. He could provide fun, party favors, good time, you name it. And if he couldn't, he had means to make it happen anyway. Usually, the name Hawthorne was enough to set things in motion but adding a few pieces of greens didn't hurt either. This was just another year at Easthaven Point College and he couldn't wait to leave this place. Last summer was rather hectic. His father shipped him off to Switzerland for a rehab but it was safe to say it didn't help. Rehab works for someone who actually wants or needs to change. Rome simply wanted to remain the same guy he was and fought all attempts to make him an upstanding citizen. In secret, of course. After all, he needed to get out from there just in time for the school to start so he pretended to get better. Apparently, he did an amazing job as it fooled not only the nurses and doctors but also his father. And here he was now, back in his world.<br/>
<br/>
Entering the school, he could already see something was up. People were running around frantically and whispering in shock and awe. Something was going on and Rome needed to know what it was. While everyone was running away from where the chem lab was, Romeo was making his way to it. It seemed to be the source of this mayhem and there was no way he was going to pass on the school drama. "What's up? Who died?" he asked, patting Blake on the back. Seeing that his best bro was close enough to know, Rome threw his insensitive question out there, not knowing how close to the truth he actually was. A few girls turned around, shooting him outraged looks but he just looked at them, mouthing a silent 'what'. "But no, seriously, what's happening, B?"<br/>
<br/>
Blake had no idea but said he was going to find out and as the redheaded boy started to squeeze across the crowd to the front. Glancing inside the chemistry lab, Rome immediately saw the root of all problem here and his stomach somersaulted. Evie Dermot was there in a position similar to the one she took when she accompanied Romeo in this very same chemistry lab the last time he saw her. But that time, she was way more vocal. And way more alive. "Fuck…" Romeo breathed, running his fingers through his hair. "Fucking hell…" he added and looked around, trying to read something from the shocked faces of his classmates.<br/>
<br/>
Blake commented on it in his own way, addressing his words to Kallie and Rome smirked, shaking his head. "Dude! Play nice!" he poked him and looked at Kallie. "Don't mind him, sweetness, he just never got to see Evie in this position." he winked at the blonde, being his usual dick self. "But hey, I guess we should get out of here. It's gonna be crawling with cops soon and we don't want to…err…be in their way, do we? Go tell Ash to stop yelling like an idiot and let's go…" he asked, knowing very well that those police dogs would reveal all goodies the resident fuckboy hid in his bag.<br/>
<br/>
</div></div></div></div></div><div style="text-align: center; font-size: 8px; letter-spacing: 5px; margin-top: 10px; text-transform: uppercase;">code by sloane</div>