• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Realistic or Modern ☆ love for hire ☆ sign-ups

OOC
Here

ukiiyo

doki-doki
Roleplay Availability
Roleplay Type(s)
[class name=container] height: 400px; width: 350px; margin: auto; [/class] [class name=containercont] height: 345px; width: 345px; border: 6px solid #cdcaca; border-radius: 30px; background-color: #e6e5e5; [/class] [class name=header] height: 90px; width: 335px; [/class] [class name=circle1] background-color: #c3b4b1; height: 15px; width: 15px; border-radius: 50%; float: right; margin-top: 20px; margin-right: 15px; [/class] [class name=circle2] background-color: #a09494; height: 15px; width: 15px; border-radius: 50%; float: right; margin-top: 20px; margin-right: 4px; [/class] [class name=circle3] background-color: #5e4a49; height: 15px; width: 15px; border-radius: 50%; float: right; margin-top: 20px; margin-right: 4px; [/class] [class name=picture] height: 263px; width: 320px; background:URL(https://i.pinimg.com/564x/4e/f0/8e/4ef08ee1e338655f37c796f26d038d2e.jpg); background-size: cover; margin-top: -46px; margin-left: 13px; [/class] [class name=scroll] height: 210px; width: 280px; overflow: hidden; [/class] [class name=borderbox] border-top: 4px solid white; border-bottom: 4px solid white; border-right: .5px solid white; border-left: .5px solid white; position: relative; top: 20px; left: 19px; height: 210px; width: 280px; [/class] [class name=scrollbox] height: 98%; width: 100%; padding-right: 17px; overflow-y: scroll; [/class] [class name=textbox] text-align: justify; font-size: 11px; height: cover; width: 265px; margin-left: 6px; margin-top: 5px; background: white; line-height: 14px; [/class] [class name=footer] height: 35px; width: 290px; border: 3px solid #cdcaca; background-color: #e6e5e5; margin: auto; margin-top: -30px; [/class] [class name=footertext] text-align: center; color: white; font-size: 20px; margin-top: -2px; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 3px; [/class] [div class="container"][div class="containercont"] [div class="header"][div class="circle1"][/div] [div class="circle2"][/div] [div class="circle3"][/div][/div] [div class="picture"][div class="borderbox"] [div class="scroll"] [div class="scrollbox"]







[div class="textbox"]

(All fcs should be East Asian, if they aren't, find a good reason as to why)

Full Name -
Nicknames - Age - 20+
Gender -
Sexuality -
Occupation -
Role - for-hire or customer

face claim - realistic only
height -
hair -
eyes -
mods -
scars -

likes -
dislikes -
habits -
fears -
vices - 4+
virtures - 4+

background - minimum of two paragraphs
misc -

customer only!
why are you hiring? -
what are you looking for? -
how fast do you want the task completed? -

employee only!
why did you join L.F.H? -
what do you specialize in? -
what role will you not play? - ie bad boy, an affair, etc


rules-
☆ there will only be a total of 8 characters but depending on the amount of interest, i might add more spots
☆ keep everything pg-13 and follow rpn's rules
☆ no more than two characters
☆ no god-modding
☆ please no perfect characters, everyone has flaws
☆ this is kdrama styled so you can have fun with drama. just remember, nothing overly dark or angsty. i still want there to be light themes
☆ no drama outside of the in-character stuff or i will shut it down real quick
☆ every in-character post has to be a minimum of two paragraphs and realistic face claims only!
☆ if you have any questions, feel free to ask~

[/div][/div][/div][/div][/div] [/div][/div] [div class="footer"][div class="footertext"]love for hire: 2019[/div][/div] [div class="codetag"]coded by ukiiyo[/div]
 
for-hire | park haneul
tumblr_inline_pclp284zVK1uncmzu_250.gifv
 
Last edited:
[class name=container] height: 530px; width: 530px; margin: auto; [/class] [class name=containercont] height: 490px; width: 500px; background: #eeeeee; margin-top: 25px; [/class] [class name=header] height: 40px; width: 500px; background: #9d7b8b; [/class] [class name=headertext] font-size: 20px; color: white; text-align: right; float: right; margin-right: 10px; margin-top: 5px; letter-spacing: 3px; [/class] [class name=codetag] font-size: 9px; text-align: center; color: black; margin-top: 3px; [/class] [class name=profilepic] height: 95px; width: 95px; background: URL(https://i.imgur.com/MZC9Q4G.jpg); background-size: cover; border-radius: 60%; border: 5px solid #9d7b8b; margin-top: -63px; margin-left: -30px; [/class] [class name=name] font-size: 40px; font-family: open sans; color: #9d7b8b; text-align: center; margin-top: -30px; [/class] [class name=textbox] height: 235px; width: 435px; margin-left: 33px; overflow: hidden; [/class] [class name=text] margin: auto; font-size: 11px; color: black; text-align: justify; [/class] [class name=scroll] height: 98%; width: calc(100% + 17px); overflow-y: scroll; [/class] [class name=traits] height: 55px; width: 205px; background: #9d7b8b; margin-left: 3px; margin-top: 22px; [/class] [class name=traittext] font-size: 20px; color: white; letter-spacing: 3px; font-family: open sans; float: right; margin-top: 15px; margin-right: 5px; [/class] [class name=pic1] height: 211px; width: 205px; background: URL(https://66.media.tumblr.com/af336cc38419e574307a2d37e4372784/tumblr_pwjt3hdXua1spqhdqo6_1280.png); background-size: cover; [/class] [class name=pic2] height: 211px; width: 205px; background: URL(https://66.media.tumblr.com/19fdebdaa69360ef17849857331230d5/tumblr_pwjt3hdXua1spqhdqo3_1280.png); background-size: cover; [/class] [class name=pic3] height: 211px; width: 205px; background: URL(https://66.media.tumblr.com/6b1b0ea542b5b469e68a8a88ee88ec24/tumblr_pwjt3hdXua1spqhdqo5_1280.png); background-size: cover; [/class] [class name=pic4] height: 211px; width: 205px; background: URL(https://66.media.tumblr.com/13cdc26b4bc8739e2b5cfb3cca82aa05/tumblr_pwjt3hdXua1spqhdqo7_1280.png); background-size: cover; [/class] [class name=tab1] height: 80px; width: 80px; background: #e3bab8; border-radius: 60%; color: white; [/class] [class name=tab1heart] font-size: 35px; text-align: center; position: relative; top: 10px; [/class] [class name=tab2] height: 80px; width: 80px; background: #c8aec3; border-radius: 60%; color: white; [/class] [class name=tab2star] font-size: 35px; text-align: center; position: relative; top: 10px; [/class] [class name=tab3] height: 80px; width: 80px; background: #c7ddd0; border-radius: 60%; color: white; [/class] [class name=tab3bell] font-size: 35px; text-align: center; position: relative; top: 10px; [/class] [class name=tab4] height: 80px; width: 80px; background: #bcbfcd; border-radius: 60%; color: white; [/class] [class name=tab4comment] font-size: 35px; text-align: center; position: relative; top: 10px; [/class] [class name=text] display: inline; [/class] [script class=container] hide tab2traits hide pic2 hide tab2text hide tab3traits hide pic3 hide tab3text hide tab4traits hide pic4 hide tab4text [/script] [script class=tab1 on=click] fadeIn 800 tab1traits fadeIn 800 pic1 fadeIn 800 tab1text hide tab2traits hide pic2 hide tab2text hide tab3traits hide pic3 hide tab3text hide tab4traits hide pic4 hide tab4text [/script] [script class=tab2 on=click] hide tab1traits hide pic1 hide tab1text fadeIn 800 tab2traits fadeIn 800 pic2 fadeIn 800 tab2text hide tab3traits hide pic3 hide tab3text hide tab4traits hide pic4 hide tab4text [/script] [script class=tab3 on=click] hide tab1traits hide pic1 hide tab1text hide tab2traits hide pic2 hide tab2text fadeIn 800 tab3traits fadeIn 800 pic3 fadeIn 800 tab3text hide tab4traits hide pic4 hide tab4text [/script] [script class=tab4 on=click] hide tab1traits hide pic1 hide tab1text hide tab2traits hide pic2 hide tab2text hide tab3traits hide pic3 hide tab3text fadeIn 800 tab4traits fadeIn 800 pic4 fadeIn 800 tab4text [/script] [div class="container"][div class="containercont"] [div class="header"][div class="headertext"]THE GOOD GIRL [/div] [/div] [div class="profilepic"][/div] [div class="name"]soulmate[/div] [div class="textbox"][div class="scroll"]
[div class="traits tab1traits" style=margin-top:0px;][div class="traittext"]
WHY DID IT
[/div][/div] [div class="traits tab1traits"][div class="traittext"]
HAVE TO
[/div][/div] [div class="traits tab1traits"][div class="traittext"]
BE YOU?
[/div][/div]
[div class="pic1"][/div]
[div class="traits tab2traits" style=margin-top:0px;][div class="traittext"]
EVERY DAY I'LL
[/div][/div] [div class="traits tab2traits"][div class="traittext"]
TELL YOU A
[/div][/div] [div class="traits tab2traits"][div class="traittext"]
ANOTHER REASON
[/div][/div]
[div class="pic2"][/div]
[div class="traits tab3traits" style=margin-top:0px;][div class="traittext"]
EVEN IF I
[/div][/div] [div class="traits tab3traits"][div class="traittext"]
CAN'T RECOGNIZE
[/div][/div] [div class="traits tab3traits"][div class="traittext"]
THE SHAPE
[/div][/div]
[div class="pic3"][/div]
[div class="traits tab4traits" style=margin-top:0px;][div class="traittext"]
YOU'RE THE
[/div][/div] [div class="traits tab4traits"][div class="traittext"]
PERSON TO DRAW
[/div][/div] [div class="traits tab4traits"][div class="traittext"]
THE OUTLINE
[/div][/div]
[div class="pic4"][/div]

[div class="text tab1text"] [div class="text"]
by park.sumin 6 hours ago
Q: Question
A: Answer

by park.sumin 6 hours ago
Q: Question
A: Answer

by park.sumin 6 hours ago
Q: Question
A: Answer

by park.sumin 6 hours ago
Q: Question
A: Answer

by park.sumin 6 hours ago
Q: Question
A: Answer
[/div][/div] [div class="text tab2text"] [div class="text"]
by park.sumin 6 hours ago
Q: Question
A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sapien nibh, consectetur accumsan dignissim sed, faucibus vel odio. Aenean in imperdiet nisl, quis malesuada ante. Nulla vitae porta lorem. Vestibulum interdum velit in nunc tempus consectetur. Sed ultricies magna faucibus lacus tristique vehicula. Donec eu lorem risus. Proin feugiat erat in urna malesuada fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent in magna et eros suscipit auctor. Quisque pellentesque turpis in nunc euismod, eget ultrices velit bibendum. Donec et purus porta, convallis nunc vel, tempus nisi. Sed id placerat felis. Suspendisse bibendum ultricies ante sed vehicula. Aliquam erat volutpat. hiiii
[/div][/div] [div class="text tab3text"] [div class="text"]
by park.sumin 6 hours ago
Q: Question
A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sapien nibh, consectetur accumsan dignissim sed, faucibus vel odio. Aenean in imperdiet nisl, quis malesuada ante. Nulla vitae porta lorem. Vestibulum interdum velit in nunc tempus consectetur. Sed ultricies magna faucibus lacus tristique vehicula. Donec eu lorem risus. Proin feugiat erat in urna malesuada fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent in magna et eros suscipit auctor. Quisque pellentesque turpis in nunc euismod, eget ultrices velit bibendum. Donec et purus porta, convallis nunc vel, tempus nisi. Sed id placerat felis. Suspendisse bibendum ultricies ante sed vehicula. Aliquam erat volutpat. hiiii
[/div][/div] [div class="text tab4text"] [div class="text"]
by park.sumin 6 hours ago
Q: Question
A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sapien nibh, consectetur accumsan dignissim sed, faucibus vel odio. Aenean in imperdiet nisl, quis malesuada ante. Nulla vitae porta lorem. Vestibulum interdum velit in nunc tempus consectetur. Sed ultricies magna faucibus lacus tristique vehicula. Donec eu lorem risus. Proin feugiat erat in urna malesuada fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent in magna et eros suscipit auctor. Quisque pellentesque turpis in nunc euismod, eget ultrices velit bibendum. Donec et purus porta, convallis nunc vel, tempus nisi. Sed id placerat felis. Suspendisse bibendum ultricies ante sed vehicula. Aliquam erat volutpat. hiiii
[/div][/div] [/div][/div]
[div class="tab1"][div class="tab1heart"]
[/div][/div]
[div class="tab2"][div class="tab2star"]
[/div][/div]
[div class="tab3"][div class="tab3bell"][/div][/div]
[div class="tab4"][div class="tab4comment"]
[/div][/div]
[/div] [div class="codetag"]code by ukiiyo[/div] [/div]
 
[class=bkgd] position: relative; box-sizing: border-box; width: 400px; height: 435px; background-color: #4c3b36; overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; border: 2px solid #fff; [/class] [class=header] position: absolute; overflow: hidden; width: 400px; height: 160px; left: 0px; top: 0px; background: url(https://66.media.tumblr.com/29fdce0b2ffb5bdfbe485b51a524d438/tumblr_p4vkatyoRH1u1g5cko1_540.jpg); background-size: 100%; [/class] [class=name] position: absolute; overflow: visible; width: 225px; height: 50px; left: 88px; top: 55px; background-color: #474C36; border: 2px solid #fff; color: #fff; font-size: 12px; line-height: 50px; text-align: center; text-transform: uppercase; letter-spacing: 5px; [/class] [class=one] position: absolute; overflow: visible; width: 102px; height: 25px; left: -2px; top: 160px; background-color:#FFC6C5; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=two] position: absolute; overflow: visible; width: 100px; height: 25px; left: 100px; top: 160px; background-color: #D09494; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=three] position: absolute; overflow: visible; width: 100px; height: 25px; left: 200px; top: 160px; background-color: #AB6F6F ; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=four] position: absolute; overflow: visible; width: 100px; height: 25px; left: 300px; top: 160px; background-color: #994A4D; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=pic1] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/originals/4c/e6/55/4ce6552d88ac009c7022c907dc959f04.jpg); background-size: 140%; background-position: 40%; border: 2px solid #fff; [/class] [class=pic2] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/originals/a4/41/5a/a4415a263f4663ef980e86da0b7347ec.jpg); background-size: 120%; border: 2px solid #fff; [/class] [class=pic3] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.redd.it/w1f5oqdaiyr31.jpg); background-size: 180%; background-position: 50%; border: 2px solid #fff; [/class] [class=pic4] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/originals/1b/10/43/1b10433bb85a7d3438e8c169fc0e77c1.jpg); background-size: 110%; background-position: 50%; border: 2px solid #fff; [/class] [class=text] position: relative; overflow: auto; width: 210px; height: 185px; color: #fff; font-size: 10px; line-height: 12px; text-align: justify; padding: 5px 30px 5px 15px; background-color: #4c3b36; text-transform: lowercase; [/class] [class=textcontainer] position: absolute; overflow: hidden; width: 250px; height: 200px; left: 15px; top: 210px; border: 2px solid #fff; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; border: 1px solid #fff; font-size: 9px; text-align: center; margin-right: 3px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; color: #fff; font-weight: 700; [/class] [class=pink] background-color: #474C36; [/class] [class=cyan] background-color: #818A6F; [/class] [class=yellow] background-color: #5E6031; [/class] [class=navy] background-color: #373923; [/class] [class=tab] position: absolute; overflow: visible; [/class] [class name=tab state=hover] background-color: #fff; color: #C3847F; transition-duration: 0.3s; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 600 tabsContentBasics) if (eq ${currentTab} persona) (fadeIn 600 tabsContentPersona) if (eq ${currentTab} background) (fadeIn 600 tabsContentBackground) if (eq ${currentTab} other) (fadeIn 600 tabsContentOther) [/script] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #00A2F1; opacity: 0.3; [/class]
[div class=bkgd]
[div class=header][/div]
[div class=name]amour propre[/div]
[div class="tab one"]basics[/div]
[div class="tab two"]persona[/div]
[div class="tab three"]background[/div]
[div class="tab four"]other[/div]
[div class="tabsContent tabsContentBasics"]
[div class=textcontainer][div class=text][div class="tag pink"]name[/div]Im Si-eon

[div class="tag pink"]nickname[/div] tbd

[div class="tag pink"]age[/div] 21

[div class="tag pink"]gender[/div] Female

[div class="tag pink"]sexuality[/div] Bisexual

[div class="tag pink"]role[/div] Customer

[div class="tag pink"]faceclaim[/div]Chou Tzuyu

[div class="tag pink"]height[/div] 167cm

[div class="tag pink"]weight[/div]48kg

[div class="tag pink"]hair color[/div] Dark Brown (Dyes lighter often)

[div class="tag pink"]eye color[/div] Brown

[div class="tag pink"]unique marks[/div]

[div class="tag pink"]body mods[/div] earlobe piercings.
[/div][/div][div class=pic1][/div][/div]

[div class="tabsContent tabsContentPersona" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag cyan"]vices[/div]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed egestas egestas fringilla phasellus. Hac habitasse platea dictumst quisque sagittis purus sit amet volutpat. Cursus eget nunc scelerisque viverra mauris in aliquam sem fringilla. A condimentum vitae sapien pellentesque habitant morbi tristique. Sit amet justo donec enim. Eleifend mi in nulla posuere sollicitudin. Nec ullamcorper sit amet risus. Posuere urna nec tincidunt praesent semper feugiat nibh sed pulvinar. Bibendum neque egestas congue quisque egestas diam in arcu cursus. Varius vel pharetra vel turpis nunc eget lorem. In massa tempor nec feugiat nisl pretium fusce id. Orci eu lobortis elementum nibh tellus molestie. In mollis nunc sed id semper risus in. Aliquam sem et tortor consequat id porta nibh venenatis. Facilisis gravida neque convallis a cras semper auctor neque vitae.

[div class="tag cyan"]virtues[/div]Fermentum leo vel orci porta non pulvinar neque laoreet. Facilisis sed odio morbi quis commodo. Mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan tortor. Quis risus sed vulputate odio ut enim blandit volutpat. Urna nunc id cursus metus aliquam eleifend mi. Pellentesque adipiscing commodo elit at. Sagittis orci a scelerisque purus semper eget. Venenatis lectus magna fringilla urna porttitor. Quis commodo odio aenean sed adipiscing diam donec adipiscing tristique. Ipsum dolor sit amet consectetur adipiscing elit ut. Mauris in aliquam sem fringilla ut morbi. Eget gravida cum sociis natoque penatibus. Ullamcorper sit amet risus nullam eget.

[div class="tag cyan"]strengths[/div]Quam quisque id diam vel quam elementum pulvinar etiam. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Vulputate ut pharetra sit amet aliquam id diam maecenas ultricies. Nam libero justo laoreet sit amet cursus sit. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim. Aliquam nulla facilisi cras fermentum odio eu feugiat pretium nibh. Mus mauris vitae ultricies leo integer malesuada nunc vel. Dignissim diam quis enim lobortis scelerisque fermentum. Eu sem integer vitae justo eget magna fermentum iaculis eu. Integer feugiat scelerisque varius morbi enim nunc faucibus. Consectetur lorem donec massa sapien faucibus et.

[div class="tag cyan"]weaknesses[/div]Ut porttitor leo a diam. Mauris in aliquam sem fringilla ut morbi tincidunt. Sollicitudin nibh sit amet commodo nulla. Vulputate eu scelerisque felis imperdiet proin fermentum leo. Ac tortor dignissim convallis aenean et tortor at. Nec feugiat in fermentum posuere urna. Nibh nisl condimentum id venenatis a condimentum vitae. Scelerisque varius morbi enim nunc faucibus a pellentesque. Ligula ullamcorper malesuada proin libero. Vitae semper quis lectus nulla. Parturient montes nascetur ridiculus mus mauris vitae ultricies. Laoreet id donec ultrices tincidunt arcu. Suspendisse potenti nullam ac tortor. Massa vitae tortor condimentum lacinia quis vel eros donec. In nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Eget mi proin sed libero enim sed faucibus turpis in. Et netus et malesuada fames ac turpis egestas maecenas pharetra. Etiam sit amet nisl purus in mollis nunc. Libero volutpat sed cras ornare arcu dui vivamus arcu.

[div class="tag cyan"]fears[/div]Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Adipiscing tristique risus nec feugiat in fermentum posuere urna. Quis ipsum suspendisse ultrices gravida dictum fusce ut. Phasellus egestas tellus rutrum tellus. Erat imperdiet sed euismod nisi porta lorem. Nullam ac tortor vitae purus faucibus ornare suspendisse. Nulla at volutpat diam ut venenatis tellus in metus vulputate. Bibendum enim facilisis gravida neque convallis a cras. Vulputate odio ut enim blandit volutpat maecenas volutpat. Imperdiet dui accumsan sit amet nulla facilisi morbi tempus. Ac odio tempor orci dapibus ultrices in iaculis nunc. Nulla facilisi etiam dignissim diam quis enim.

[div class="tag cyan"]ambitions[/div]Duis at consectetur lorem donec. Elementum nisi quis eleifend quam adipiscing vitae proin. Facilisis sed odio morbi quis commodo odio aenean sed. Eget nullam non nisi est. Laoreet id donec ultrices tincidunt. Consequat semper viverra nam libero justo laoreet. Et tortor consequat id porta. Aenean sed adipiscing diam donec adipiscing tristique risus nec. Morbi tristique senectus et netus et malesuada fames. Aenean et tortor at risus viverra adipiscing at in. At erat pellentesque adipiscing commodo elit. Venenatis tellus in metus vulputate eu scelerisque.

[div class="tag cyan"]habits[/div]Penatibus et magnis dis parturient montes nascetur ridiculus. Praesent tristique magna sit amet purus gravida quis blandit. Faucibus scelerisque eleifend donec pretium vulputate sapien. Lectus sit amet est placerat in egestas erat imperdiet. Eu non diam phasellus vestibulum lorem sed risus. Eu sem integer vitae justo eget. Elit ut aliquam purus sit amet luctus venenatis. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam erat. Ridiculus mus mauris vitae ultricies leo integer malesuada. Faucibus purus in massa tempor nec feugiat nisl pretium. Fermentum leo vel orci porta non pulvinar. Cursus metus aliquam eleifend mi in nulla posuere sollicitudin. Tincidunt augue interdum velit euismod in pellentesque. Tellus pellentesque eu tincidunt tortor aliquam nulla. Ac turpis egestas maecenas pharetra convallis posuere. Lectus quam id leo in vitae turpis massa sed elementum. Volutpat est velit egestas dui id ornare arcu.

[div class="tag cyan"]quirks[/div]Id aliquet risus feugiat in. Nullam non nisi est sit amet facilisis magna etiam. Nisl pretium fusce id velit. At auctor urna nunc id cursus metus aliquam. Quisque non tellus orci ac auctor augue mauris augue. Elementum pulvinar etiam non quam lacus. Accumsan lacus vel facilisis volutpat. Non diam phasellus vestibulum lorem sed risus ultricies tristique. Id interdum velit laoreet id. Ultricies tristique nulla aliquet enim tortor at auctor urna. Blandit libero volutpat sed cras ornare. Sapien faucibus et molestie ac feugiat. Laoreet non curabitur gravida arcu ac. Id diam vel quam elementum pulvinar etiam.

[div class="tag cyan"]likes[/div]Non odio euismod lacinia at quis risus sed vulputate. Augue ut lectus arcu bibendum at varius vel. Est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Eget nullam non nisi est. Ullamcorper sit amet risus nullam eget. Scelerisque felis imperdiet proin fermentum leo vel orci porta. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo nec. Semper viverra nam libero justo laoreet. Non blandit massa enim nec dui nunc mattis enim. Semper eget duis at tellus at urna condimentum. Dictumst quisque sagittis purus sit amet volutpat consequat. Cursus sit amet dictum sit amet. Semper quis lectus nulla at volutpat diam ut venenatis. Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Phasellus vestibulum lorem sed risus ultricies tristique nulla. Molestie at elementum eu facilisis. Pulvinar pellentesque habitant morbi tristique. Consequat id porta nibh venenatis cras sed felis. Lacus laoreet non curabitur gravida arcu ac tortor. Fermentum iaculis eu non diam phasellus.

[div class="tag cyan"]dislikes[/div]Sagittis orci a scelerisque purus semper eget duis. Velit sed ullamcorper morbi tincidunt. Netus et malesuada fames ac. Sed blandit libero volutpat sed cras ornare arcu dui. Vulputate enim nulla aliquet porttitor. Pellentesque id nibh tortor id aliquet lectus proin nibh. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer. Tempor orci dapibus ultrices in. Malesuada bibendum arcu vitae elementum. Sit amet mattis vulputate enim.
[/div][/div][div class=pic2][/div][/div]

[div class="tabsContent tabsContentBackground" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag yellow"]family[/div]but still, it's you

[div class="tag yellow"]occupation[/div]i can't let you go

[div class="tag yellow"]education[/div]so i'm gonna travel through time and space

[div class="tag yellow"]residence[/div]so i can go to you again

[div class="tag yellow"]history[/div]Orci ac auctor augue mauris augue neque gravida in fermentum. Venenatis urna cursus eget nunc scelerisque viverra mauris in aliquam. Suspendisse sed nisi lacus sed. Semper risus in hendrerit gravida rutrum quisque. Ultricies lacus sed turpis tincidunt id aliquet risus feugiat in. Egestas dui id ornare arcu. Maecenas sed enim ut sem viverra. Nulla porttitor massa id neque aliquam vestibulum morbi blandit cursus. Quis vel eros donec ac odio tempor orci dapibus ultrices. Leo a diam sollicitudin tempor id eu. Scelerisque purus semper eget duis at tellus. Id interdum velit laoreet id donec ultrices tincidunt arcu non. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Sit amet consectetur adipiscing elit ut. Lorem sed risus ultricies tristique nulla aliquet enim tortor at. Non arcu risus quis varius.

Eros in cursus turpis massa tincidunt dui ut. Vitae turpis massa sed elementum tempus egestas sed. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Posuere morbi leo urna molestie. In egestas erat imperdiet sed euismod nisi porta lorem mollis. Vel pretium lectus quam id leo in vitae turpis massa. Tellus cras adipiscing enim eu turpis egestas pretium aenean. Et tortor consequat id porta nibh venenatis. Pellentesque adipiscing commodo elit at imperdiet dui. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Nulla at volutpat diam ut venenatis tellus in metus vulputate. Adipiscing commodo elit at imperdiet dui accumsan sit. Enim ut tellus elementum sagittis vitae. Diam in arcu cursus euismod quis viverra nibh cras. Vulputate dignissim suspendisse in est ante in nibh mauris. Pellentesque elit eget gravida cum sociis natoque penatibus.
[/div][/div][div class=pic3][/div][/div]

[div class="tabsContent tabsContentOther" style="display: none;"][div class=pic4][/div]
[div class=textcontainer][div class=text][div class="tag navy"]theme song[/div]parallel by vixx

[div class="tag navy"]favorite food[/div]bang bang shrimp

[div class="tag navy"]favorite drink[/div]shirley temples

[div class="tag navy"]favorite book[/div]the art of racing in the rain

[div class="tag navy"]favorite movie[/div]avengers: endgame

[div class="tag navy"]favorite color[/div]neon blue

[div class="tag navy"]relationships[/div] - one
- two
- three
- four
- five
- six

[div class="tag navy"]gallery[/div]
8caeed81c89ae42b1ed9d6a240973adc.jpg

gniizd271ks31.jpg

[/div][/div][div class=pic4][/div][/div]
[/div][div class=credit]code by [COLOR=#00A2F1]sox[/COLOR][/div]
 
Last edited:
[class=credit] font-size: 8px; color: black; [/class] [class name=containercont] height: 470px; width: 450px; margin: auto; [/class] [class name=container] height: 450px; width: 450px; background-image: linear-gradient( 180deg, #d3a41b, #e6bc53, #f0d797, #fcf8ec); margin-top: 20px; padding-top: 1px; [/class] [class name=img1] height: 370px; width: 370px; background: url(https://i.imgur.com/LkVyY6l.png?1); background-size: cover; background-position: 0% 55%; position: relative; left: 40px; top: 40px; [/class] [class name=textbox] height: 185px; width: 370px; font-size: 12px; color: white; margin-top: 40px; margin-left: 40px; overflow: hidden; [/class] [class name=scroll] height: 98%; width: 100%; padding-right: 17px; overflow-y: scroll; [/class] [class name=img2] height: 185px; width: 370px; background: url(https://i.imgur.com/sVn8Ejz.jpg?3); background-size: cover; margin-left: 40px; [/class] [class name=img3] height: 185px; width: 370px; background: url(https://i.imgur.com/lzhAWZg.jpg?3); background-size: cover; background-position: 0% 50%; margin-left: 40px; [/class] [class name=img4] height: 185px; width: 370px; background: url(https://i.imgur.com/oIS4xYu.jpg?2); background-size: cover; background-position: 0% 50%; margin-left: 40px; [/class] [class name=img5] height: 185px; width: 370px; background: url(https://i.imgur.com/8rdaGx7.jpg?1); background-size: cover; background-position: 0% 0%; margin-left: 40px; [/class] [class name=header] font-size: 45px; color: white; -webkit-text-stroke: 2px black; position: relative; margin-left: 8px; z-index: 0; [/class] [class name=tabpic] float: left; position: relative; left: 5px; z-index: 2; cursor: pointer; color: #fcfcfc; [/class] [class name=tabpicclick] color: #e6bc53; [/class] [class name=tabbar] height: 449px; width: 0px; background: white; float: right; margin-top: -1px; margin-left: 1px; position: absolute; transition: 0.8s; z-index: 1; border-top: 1px solid black; border-bottom: 1px solid black; [/class] [class name=tabscontainer] height: 220px; width: 150px; margin-top: 15px; display: flex; flex-flow: column; align-items: center; [/class] [class name=tabbarclick] width: 150px; [/class] [class name=tabs] font-size: 15px; color: #e6bc53; margin: auto; display: inline; transition: color 0.5s; [/class] [class name=tabs state=hover] color: black; cursor: pointer; [/class] [class name=intabpic] height: 60px; width: 60px; background: url(https://i.imgur.com/VjInGoG.jpg); background-size: cover; margin: auto; margin-top: 15px; border: 1px solid grey; [/class] [class name=relpic] height: 60px; width: 60px; padding: 5px; float: left; [/class] [script class=container] hide tabs hide textbox hide intabpic hide basicsheader hide personaheader hide relationshipsheader hide historyheader hide img2 hide img3 hide img4 hide img5 set tabon 1 [/script] [script class=tabpic on=click] if (eq ${tabon} 1) (fadeIn 1000 intabpic) (fadeOut 200 intabpic) if (eq ${tabon} 1) (fadeIn 1000 tabs) (fadeOut 200 tabs) if (eq ${tabon} 1) (addClass tabbarclick tabbar) (removeClass tabbarclick tabbar) if (eq ${tabon} 1) (addClass tabpicclick tabpic) (removeClass tabpicclick tabpic) if (eq ${tabon} 1) (set tabon 0) (set tabon 1) [/script] [script class=home on=click] fadeIn 500 img1 fadeIn 500 frontpage hide img2 hide img3 hide img4 hide img5 hide textb hide textp hide texth hide textr hide basicsheader hide personaheader hide relationshipsheader hide historyheader [/script] [script class=basics on=click] hide img1 hide img3 hide img4 hide img5 hide frontpage hide personaheader hide relationshipsheader hide historyheader hide textp hide texth hide textr fadeIn 500 img2 fadeIn 500 textb fadeIn 500 basicsheader [/script] [script class=persona on=click] hide img1 hide img2 fadeIn 500 img3 hide img4 hide img5 hide frontpage hide basicsheader fadeIn 500 personaheader hide historyheader hide relationshipsheader hide textb fadeIn 500 textp hide texth hide textr [/script] [script class=history on=click] hide img1 hide img2 hide img3 hide img4 fadeIn 500 img5 hide frontpage hide basicsheader hide personaheader fadeIn 500 historyheader hide relationshipsheader hide textb hide textp fadeIn 500 texth hide textr [/script] [script class=relationships on=click] hide img1 hide img2 hide img3 fadeIn 500 img4 hide img5 hide frontpage hide basicsheader hide personaheader hide historyheader fadeIn 500 relationshipsheader hide textb hide textp hide texth fadeIn 500 textr [/script] [div class="containercont"] [div class="container"] [div class="tabpic"][/div] [div class="tabbar"] [div class="intabpic"][/div] [div class="tabscontainer"] [div class="tabs home"]Home[/div] [div class="tabs basics"]Basics[/div] [div class="tabs persona"]Persona[/div] [div class="tabs history"]Background[/div] [div class="tabs relationships"]Employee info[/div][/div] [/div] [div class="textbox textb"][div class="scroll"]
name Ju Hyun-ah

age

gender female

sexuality heterosexual

occupation TBD

role for hire

height 172cm / 5' 8

hair/eyes hazel

mods/scars none

face claim Go Joon-hee

[/div][/div] [div class="textbox textp"][div class="scroll"] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus feugiat in ante metus dictum. Malesuada bibendum arcu vitae elementum curabitur. Nunc sed blandit libero volutpat sed cras ornare. Non diam phasellus vestibulum lorem sed risus ultricies. Turpis egestas integer eget aliquet nibh praesent tristique. Phasellus vestibulum lorem sed risus ultricies tristique. Semper viverra nam libero justo laoreet sit amet cursus. Quis vel eros donec ac odio tempor. Porttitor leo a diam sollicitudin tempor. Blandit turpis cursus in hac habitasse. Magna fermentum iaculis eu non. Quis auctor elit sed vulputate mi sit amet mauris. Blandit aliquam etiam erat velit. Diam quam nulla porttitor massa id. Vivamus at augue eget arcu dictum varius. Urna condimentum mattis pellentesque id nibh tortor id aliquet. Tristique et egestas quis ipsum suspendisse ultrices gravida.

Purus in massa tempor nec. Sagittis vitae et leo duis ut diam. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Pretium aenean pharetra magna ac placerat vestibulum lectus. Vitae congue mauris rhoncus aenean vel elit scelerisque. Sed viverra tellus in hac habitasse. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Sed vulputate mi sit amet mauris commodo quis. Facilisis mauris sit amet massa vitae tortor condimentum. Est placerat in egestas erat imperdiet sed euismod nisi. In tellus integer feugiat scelerisque.


likes
-
-
-
-
-
-
dislikes
-
-
-
-
-

hobbies
-
-
-
-
quirks
-
-
-
-

[/div][/div] [div class="textbox texth"][div class="scroll"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Purus in massa tempor nec. Sagittis vitae et leo duis ut diam. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Pretium aenean pharetra magna ac placerat vestibulum lectus. Vitae congue mauris rhoncus aenean vel elit scelerisque. Sed viverra tellus in hac habitasse. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Sed vulputate mi sit amet mauris commodo quis. Facilisis mauris sit amet massa vitae tortor condimentum. Est placerat in egestas erat imperdiet sed euismod nisi. In tellus integer feugiat scelerisque.
[/div][/div] [div class="textbox textr"][div class="scroll"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.
[/div][/div] [div class="img1"][/div] [div class="img2"][/div] [div class="img3"][/div] [div class="img4"][/div] [div class="img5"][/div] [div class="header frontpage"]Ju Hyun-ah[/div] [div class="header basicsheader" style=margin-top:-40px;]Basic[/div] [div class="header personaheader" style=margin-top:-40px;]Personality[/div] [div class="header relationshipsheader" style=margin-top:-40px;]Employee info[/div] [div class="header historyheader" style=margin-top:-40px;]Background[/div] [/div] [div class="credit"]code by @Stellar Nursery [/div] [/div]
 

Users who are viewing this thread

Back
Top