Realistic or Modern 𝗋𝖾𝗌𝖾𝗋𝗏𝖺𝗍𝗂𝗈𝗇𝗌 𝖺𝗇𝖽 𝗋𝖾𝗏𝖾𝗅𝖺𝗍𝗂𝗈𝗇𝗌 𝖼𝗁𝖺𝗋𝖺𝖼𝗍𝖾𝗋𝗌.

[constellation]

[class=outline]margin: auto; height: 150px; width: 850px;[/class] [class=border]margin: auto; height: 150px; width: 850px; position: absolute;[/class] [class=three]margin: auto; height: 150px; width: 850px; border-radius: 15px; background: #f4f4f4;[/class] [class=title]position: absolute; height: 150px; width: 850px; text-align: center; background-color: rgba(104, 108, 135, 0.25); color: rgba(104, 108, 135, 1); border-radius: 10px 10px 0px 0px; font-family: Montserrat; text-transform: lowercase; letter-spacing: 1px; font-size: 10px; overflow: hidden; line-height: 150px;[/class] [class=number]position: absolute; top: 0; left: 0; height: 150px; width: 850px; font-family: Abril Fatface; text-align: center; font-size: 55px; color: rgba(104, 108, 135, 0.14); text-transform: uppercase; letter-spacing: -1px;[/class]

[div class=outline][div class=border] [div class=three][div class=title][div class=number]reservations & revelations

the characters made by yours truly, constellation and yousmelldead.[/div][/div][/div][/div][/div]

 

[yousmelldead]

[class=jeremy] position: relative; box-sizing: border-box; width: 800px; height: 500px; background: url(https://imgur.com/OEn09jr.jpg); overflow: auto; margin-left: auto; margin-right: auto; padding: 0; [/class][class=tab1] position: absolute; overflow: visible; width: 59px; height: 50px; left: 589px; top: 0px; z-index: 5; [/class][class=tab2] position: absolute; overflow: visible; width: 59px; height: 50px; left: 662px; top: 0px; z-index: 5; [/class][class=tab3] position: absolute; overflow: visible; width: 59px; height: 50px; left: 735px; top: 0px; z-index: 5; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents02 removeClass show tabContents01 addClass selectedTab tab3 removeClass selectedTab tab2 removeClass selectedTab tab1 [/script] [class=selectedTab] transition: .7s; border-bottom: 3px solid #000; [/class][class=tabContents01] opacity: 0; width: 800px; height: 500px; position: absolute; background: url(https://imgur.com/dAgu5R5.jpg); overflow: auto; transition: all 0s; [/class][class=aboutme] position: absolute; overflow: visible; width: 424px; height: 232px; left: 355px; top: 158px; font-size: 12px; line-height: 160%; text-align: justify; padding-right: 5px; padding-left: 5px; [/class][class=tabContents02] opacity: 0; width: 800px; height: 500px; position: absolute; background: url(https://imgur.com/RzVbaRR.jpg); overflow: hidden; transition: all 0s; [/class][class=looks] position: absolute; overflow: auto; width: 250px; height: 301px; left: 100px; top: 100px; font-size: 12px; line-height: 140%; text-align: justify; padding-right: 5px; padding-left: 5px; [/class][class=tabContents03] opacity: 0; width: 800px; height: 500px; position: absolute; background: url(https://imgur.com/BQwjuGN.jpg); overflow: hidden; transition: all 0s; [/class][class=bio] position: absolute; overflow: auto; width: 400px; height: 255px; left: 363px; top: 123px; font-size: 12px; line-height: 120%; text-align: justify; padding-right: 5px; padding-left: 5px; [/class][class=tag] position: relative; display: inline; width: auto; height: auto; margin-right: 4px; color: #000; font-size: 10px; padding-right: 5px; text-align: left; text-transform: uppercase; font-weight: bold; text-decoration: underline; letter-spacing: 1px;[/class] [class=show] opacity: 1; z-index: 1; [/class] [div class=jeremy] [div class="tabContents tabContents01"][div class=aboutme] [div class=tag]full name[/div]jeremy nicholaus gunner
[div class=tag]nicknames[/div]jer, gunner
[div class=tag]d.o.b[/div]may 18th
[div class=tag]p.o.b[/div]boston, massachusets
[div class=tag]gender[/div]male
[div class=tag]sexuality[/div]heterosexual
[div class=tag]zodiac[/div]
[div class=tag]occupation[/div]police officer, army reserves infantry
[/div][/div] [div class="tabContents tabContents02"][div class=looks]
[div class=tag]hair color[/div]brown
[div class=tag]eye color[/div]brown
[div class=tag]height[/div]six foot one
[div class=tag]weight[/div]207 lbs
[div class=tag]body[/div]mesomorph
[div class=tag]tattoos[/div]n/a
[div class=tag]scars[/div]random scars for dumb accidents growing up as a boy
[div class=tag]features[/div]strong jawline, side swept smile

[div class=tag]+traits[/div]protective, ambitious,charming, independent
[div class=tag]+/-traits[/div]sarcastic, proud, stubborn
[div class=tag]-traits[/div]aggressive, paranoid, secretive
[div class=tag]likes[/div]flaminghot cheetos,whisky,family loyalty,structure,dogs
[div class=tag]dislikes[/div]chinese food,cats,citrus,wearing pants

[/div][/div] [div class="tabContents tabContents03"][div class=bio] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

[/div][/div] [div class=tab1][/div] [div class=tab2][/div] [div class=tab3][/div] [/div]

 

[constellation]

gone.​