baratomott's Page Revisions

The following are all of baratomott's page revisions, ordered from most to least recent.

Page
Version/Date
Type
Information
#440 28 June 2023, 04:44:35 EDT
Page Updated
Length: 71811 (+192) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#439 28 June 2023, 04:40:49 EDT
Page Updated
Length: 71619 (-138) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#438 28 June 2023, 04:37:30 EDT
Page Updated
Length: 71757 (-188) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong> A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong> A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#437 28 June 2023, 04:30:18 EDT
Page Updated
Length: 71945 (-64) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more?<\/strong> semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p><br \/><strong>Included below is a visual representation of some of the characteristics of [[NAME]] and [[NAME]]'s relationship.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more?<\/strong> semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p><br \/><strong>Included below is a visual representation of some of the characteristics of <a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/NAME\" class=\"text-danger\">NAME<\/a> and <a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/NAME\" class=\"text-danger\">NAME<\/a>'s relationship.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2},{"title":"NAME"},{"title":"NAME"}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#436 28 June 2023, 04:27:55 EDT
Page Updated
Length: 72009 (+486) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more?<\/strong> semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p><br \/><strong>Included below is a visual representation of some of the characteristics of [[NAME]] and [[NAME]]'s relationship.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\">\r\n<p><strong>CHARACTER A<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\">\r\n<p><strong>CHARACTER B<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more?<\/strong> semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p><br \/><strong>Included below is a visual representation of some of the characteristics of <a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/NAME\" class=\"text-danger\">NAME<\/a> and <a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/NAME\" class=\"text-danger\">NAME<\/a>'s relationship.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\">\r\n<p><strong>CHARACTER A<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\">\r\n<p><strong>CHARACTER B<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2},{"title":"NAME"},{"title":"NAME"}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#435 28 June 2023, 04:21:29 EDT
Page Updated
Length: 71523 (+4608) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more?<\/strong> semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p>&nbsp;<\/p>\r\n<div class=\"card pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\">\r\n<p><strong>CHARACTER A<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\">\r\n<p><strong>CHARACTER B<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more?<\/strong> semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p>&nbsp;<\/p>\r\n<div class=\"card pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\">\r\n<p><strong>CHARACTER A<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\">\r\n<p><strong>CHARACTER B<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#434 28 June 2023, 00:42:20 EDT
Page Updated
Length: 66915 (+114) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<div class=\"row \">\r\n<div class=\"col-6\"><!-- STATS ----------------------------------------------------> <!-- Tip: Change width's % to adjust the progress bars --> <!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<div class=\"row \">\r\n<div class=\"col-6\"><!-- STATS ----------------------------------------------------> <!-- Tip: Change width's % to adjust the progress bars --> <!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#433 28 June 2023, 00:28:50 EDT
Page Updated
Length: 66801 (+36) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#432 28 June 2023, 00:22:35 EDT
Page Updated
Length: 66765 (-226) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#431 28 June 2023, 00:14:31 EDT
Page Updated
Length: 66991 (+5224) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------PHYSICAL DIFFERENCES-------------------->\r\n<h5>Physical Differences<\/h5>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Physical":null,"Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------PHYSICAL DIFFERENCES-------------------->\r\n<h5>Physical Differences<\/h5>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Physical":null,"Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#430 27 June 2023, 23:04:43 EDT
Page Updated
Length: 61767 -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#429 27 June 2023, 22:54:47 EDT
Page Updated
Length: 61767 (-652) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-faded rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-faded rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-faded rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-faded rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#428 27 June 2023, 22:54:01 EDT
Page Updated
Length: 62419 (+688) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-faded rounded border-0 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-faded rounded border-0 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-faded rounded border-0 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-faded rounded border-0 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#427 27 June 2023, 22:53:16 EDT
Page Updated
Length: 61731 (-688) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-faded rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-faded rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-faded rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-faded rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#426 27 June 2023, 22:40:26 EDT
Page Updated
Length: 62419 (-2784) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-faded rounded border-0 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-faded rounded border-0 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-faded rounded border-0 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"faded mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-faded rounded border-0 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#425 26 June 2023, 04:44:34 EDT
Page Updated
Length: 65203 (+80) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\nHabitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">&nbsp;<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">&nbsp;<\/div>\r\n<h5 class=\"row no-gutters\" style=\"margin: -4px;\">Physical Differences<\/h5>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!--------------------DIFFERENCES----------------------> <!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"card col-md-8 p-1\">\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>&nbsp;<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\nHabitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">&nbsp;<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">&nbsp;<\/div>\r\n<h5 class=\"row no-gutters\" style=\"margin: -4px;\">Physical Differences<\/h5>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!--------------------DIFFERENCES----------------------> <!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"card col-md-8 p-1\">\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>&nbsp;<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#424 26 June 2023, 04:40:53 EDT
Page Updated
Length: 65123 (+10) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\nHabitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">&nbsp;<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!--------------------DIFFERENCES----------------------> <!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- end left image box --> <!-----right box------------------------------->\r\n<div class=\"card col-md-8 p-1\">\r\n<h5>Physical Differences<\/h5>\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>&nbsp;<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\nHabitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">&nbsp;<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!--------------------DIFFERENCES----------------------> <!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- end left image box --> <!-----right box------------------------------->\r\n<div class=\"card col-md-8 p-1\">\r\n<h5>Physical Differences<\/h5>\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>&nbsp;<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#423 26 June 2023, 04:38:52 EDT
Page Updated
Length: 65113 (+2410) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\nHabitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">&nbsp;<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!--------------------DIFFERENCES----------------------> <!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- end left image box --> <!-----right box------------------------------->\r\n<div class=\"col-md-8 p-1\">\r\n<h5>Physical Differences<\/h5>\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>&nbsp;<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/p>\r\n<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\nHabitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque.<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">&nbsp;<\/div>\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!--------------------DIFFERENCES----------------------> <!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- end left image box --> <!-----right box------------------------------->\r\n<div class=\"col-md-8 p-1\">\r\n<h5>Physical Differences<\/h5>\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>&nbsp;<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#422 26 June 2023, 04:32:25 EDT
Page Updated
Length: 62703 (+2) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!--------------------DIFFERENCES----------------------> <!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- end left image box --> <!-----right box------------------------------->\r\n<div class=\"col-md-8 p-1\">\r\n<h5>Physical Differences<\/h5>\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!--------------------DIFFERENCES----------------------> <!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- end left image box --> <!-----right box------------------------------->\r\n<div class=\"col-md-8 p-1\">\r\n<h5>Physical Differences<\/h5>\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#421 26 June 2023, 04:24:25 EDT
Page Updated
Length: 62701 (+10648) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!--------------------DIFFERENCES----------------------> <!-----left box------------------------------->\r\n<div class=\"col-md-8 p-1\">\r\n<h6>Physical Differences<\/h6>\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- end right image box --><\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\" style=\"max-width: 900px; font-size: 12px; letter-spacing: .6px;\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS--------------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------AVATAR--------------------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------C-ONE INFO--------------------------- -->\r\n<div class=\"col-lg-5 pull-lg-7 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-6 row no-gutters\"><!-- -------------------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-faded h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -------------------------- C-TWO INFO------------------------ -->\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-faded h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-2\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-5 p-1\">&nbsp;<\/div>\r\n<\/div>\r\n<!--------------------DIFFERENCES----------------------> <!-----left box------------------------------->\r\n<div class=\"col-md-8 p-1\">\r\n<h6>Physical Differences<\/h6>\r\n<ul class=\"mb-0\">\r\n<li><strong>Age Difference:<\/strong><\/li>\r\nCharacter 1's Age:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Age:\r\n<li><strong>Height Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Height:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Height:\r\n<li><strong>Weight Difference:<\/strong><\/li>\r\n<\/ul>\r\n<ul class=\"mb-0\">Character 1's Weight:<\/ul>\r\n<ul class=\"mb-0\">Character 2's Weight:\r\n<li><strong>Body type differences<\/strong>: Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<li><strong>Any other differences:<\/strong> Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<!-- SIDE IMAGE - Replace the URL in brackets ----------------->\r\n<div class=\"col-md-4 p-1\"><!-- right image box -->\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"card rounded border-0 m-1\" style=\"height: 300px; background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- end right image box --><\/div>\r\n<\/div>","Dynamic":"<!-- STATS ---------------------------------------------------->\r\n<p>&nbsp;<\/p>\r\n<!-- Tip: Change width's % to adjust the progress bars -->\r\n<p>&nbsp;<\/p>\r\n<!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-faded border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-faded rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
485 results found.