boundaries
created by:8byte
HTMLCustom ColorsBootstrapCharacterUserMiscellaneous
Copy
<!---
==== Boundaries - Colorful/Bootstrap Ver.
==== HTML by 8byte
----
==== Colors
---- This code uses bootstrap colors.
--->
<div class="mx-auto" style="max-width: 1000px;">
<div class="row no-gutters">
<div class="col-md-4">
<!--- main image --->
<div class="bg-dark h-100" style="background-image: url('IMGURL'); background-size: cover; min-height: 400px;"></div>
</div>
<div class="col-md-8">
<div class="bg-primary p-3">
<h1 class="display-4 font-weight-normal text-white text-center text-uppercase mb-0" style="letter-spacing: 2px;">RP Comfort Meme</h1>
</div>
<div class="bg-faded py-2 px-md-4 px-3">
<!--- basic information --->
<div class="row no-gutters">
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Name</h1>
<span>name (@ username)</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Availability</h1>
<span>friends only</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Pronouns</h1>
<span>prn/prn</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Experience</h1>
<span>experience</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Age</h1>
<span>00</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Contact</h1>
<span>contact</span>
</div>
<!--- end --->
</div>
<hr class="card-outline-primary mx-3" style="border-top-style: dashed; border-top-width: 2px;">
<!--- roleplay-specific information --->
<div class="row no-gutters">
<!--- how to contact --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Method</h1>
<div class="text-right">
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span style="text-decoration: underline;">discord</span> <span>/</span>
<span>docs</span> <span>/</span>
<span>forum</span> <span>/</span>
<span>other</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- size of RP --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Crowd</h1>
<div class="text-right">
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span style="text-decoration: underline;">solo</span> <span>/</span>
<span style="text-decoration: underline;">small groups</span> <span>/</span>
<span>big groups</span> <span>/</span>
<span style="text-decoration: underline;">ask</span>
</div>
</div>
<!--- style of RP --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Style</h1>
<div class="text-right">
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>headcanon</span> <span>/</span>
<span style="text-decoration: underline;">script</span> <span>/</span>
<span>semi-lit</span> <span>/</span>
<span>lit</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- shipping preferences --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Shipping</h1>
<div class="text-right">
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>no</span> <span>/</span>
<span>plan</span> <span>/</span>
<span>natural</span> <span>/</span>
<span style="text-decoration: underline;">friends only</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- preferred genres --->
<div class="col-md-6 flex-column py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Genre</h1>
<!--- categories (1) --->
<div class="text-right">
<span style="text-decoration: underline;">adventure</span> <span>/</span>
<span>action</span> <span>/</span>
<span>angst</span> <span>/</span>
<span>AU</span>
</div>
<!--- categories (2) --->
<div class="text-right">
<span>comedy</span> <span>/</span>
<span>modern</span> <span>/</span>
<span>fantasy</span> <span>/</span>
<span>drama</span>
</div>
<!--- categories (3) --->
<div class="text-right">
<span>horror</span> <span>/</span>
<span style="text-decoration: underline;">mystery</span> <span>/</span>
<span>romance</span> <span>/</span>
<span style="text-decoration: underline;">slice-of-life</span>
</div>
<!--- categories (4) --->
<div class="text-right">
<span>historical</span> <span>/</span>
<span>other</span>
</div>
<!--- end of categories --->
<div class="text-right mt-auto">
<!--- small footnote for any additional info --->
<small>* a small footnote can go here</small>
</div>
</div>
<!--- other boundaries --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-primary text-uppercase mb-0" style="letter-spacing: 1px;">Boundaries</h1>
<div class="pl-md-4 pl-2">
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">Alcohol</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span style="text-decoration: underline;">yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">Drugs</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span style="text-decoration: underline;">maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">NSFW</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span style="text-decoration: underline;">maybe</span> <span>/</span>
<span style="text-decoration: underline;">ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">Profanity</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span style="text-decoration: underline;">yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">Violence</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span style="text-decoration: underline;">no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- end --->
</div>
</div>
<!--- end --->
</div>
</div>
<div class="bg-primary text-center text-white p-3">
<small>
<span>template by <a href="/huanliuan" class="text-white"><i class="fi-star user-name-icon"></i>huanliuan</a></span>
<span class="mx-1">-</span>
<span>code by <a href="/8byte" class="text-white"><i class="fi-star user-name-icon"></i>8byte</a></span>
</small>
</div>
</div>
</div>
</div>Copy
<!---
==== Boundaries - Colorful/Custom Color Ver.
==== HTML by 8byte
----
==== Colors
---- For easier changes, use Ctrl F and then
---- click the plus icon at the bottom to
---- replace all.
====
#f7f6f4 - main background
#737375 - main text
#ac8097 - main accent
--->
<div class="mx-auto" style="max-width: 1000px; color: #737375;">
<div class="row no-gutters">
<div class="col-md-4">
<!--- main image --->
<div class="bg-dark h-100" style="background-image: url('IMGURL'); background-size: cover; min-height: 400px;"></div>
</div>
<div class="col-md-8">
<div class="p-3" style="background: #ac8097;">
<h1 class="display-4 font-weight-normal text-center text-uppercase mb-0" style="color: #f7f6f4; letter-spacing: 2px;">RP Comfort Meme</h1>
</div>
<div class="py-2 px-md-4 px-3" style="background: #f7f6f4;">
<!--- basic information --->
<div class="row no-gutters">
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Name</h1>
<span>name (@ username)</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Availability</h1>
<span>friends only</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Pronouns</h1>
<span>prn/prn</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Experience</h1>
<span>experience</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Age</h1>
<span>00</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Contact</h1>
<span>contact</span>
</div>
<!--- end --->
</div>
<hr class="mx-3" style="border-top: 2px dashed #ac8097;">
<!--- roleplay-specific information --->
<div class="row no-gutters">
<!--- how to contact --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Method</h1>
<div class="text-right">
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span style="text-decoration: underline;">discord</span> <span>/</span>
<span>docs</span> <span>/</span>
<span>forum</span> <span>/</span>
<span>other</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- size of RP --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Crowd</h1>
<div class="text-right">
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span style="text-decoration: underline;">solo</span> <span>/</span>
<span style="text-decoration: underline;">small groups</span> <span>/</span>
<span>big groups</span> <span>/</span>
<span style="text-decoration: underline;">ask</span>
</div>
</div>
<!--- style of RP --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Style</h1>
<div class="text-right">
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>headcanon</span> <span>/</span>
<span style="text-decoration: underline;">script</span> <span>/</span>
<span>semi-lit</span> <span>/</span>
<span>lit</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- shipping preferences --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Shipping</h1>
<div class="text-right">
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>no</span> <span>/</span>
<span>plan</span> <span>/</span>
<span>natural</span> <span>/</span>
<span style="text-decoration: underline;">friends only</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- preferred genres --->
<div class="col-md-6 flex-column py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Genre</h1>
<!--- categories (1) --->
<div class="text-right">
<span style="text-decoration: underline;">adventure</span> <span>/</span>
<span>action</span> <span>/</span>
<span>angst</span> <span>/</span>
<span>AU</span>
</div>
<!--- categories (2) --->
<div class="text-right">
<span>comedy</span> <span>/</span>
<span>modern</span> <span>/</span>
<span>fantasy</span> <span>/</span>
<span>drama</span>
</div>
<!--- categories (3) --->
<div class="text-right">
<span>horror</span> <span>/</span>
<span style="text-decoration: underline;">mystery</span> <span>/</span>
<span>romance</span> <span>/</span>
<span style="text-decoration: underline;">slice-of-life</span>
</div>
<!--- categories (4) --->
<div class="text-right">
<span>historical</span> <span>/</span>
<span>other</span>
</div>
<!--- end of categories --->
<div class="text-right mt-auto">
<!--- small footnote for any additional info --->
<small>* a small footnote can go here</small>
</div>
</div>
<!--- other boundaries --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097; letter-spacing: 1px;">Boundaries</h1>
<div class="pl-md-4 pl-2">
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097;">Alcohol</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span style="text-decoration: underline;">yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097;">Drugs</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span style="text-decoration: underline;">maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097;">NSFW</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span style="text-decoration: underline;">maybe</span> <span>/</span>
<span style="text-decoration: underline;">ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097;">Profanity</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span style="text-decoration: underline;">yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #ac8097;">Violence</h5>
<div>
<!--- move the style="text-decoration: underline;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span style="text-decoration: underline;">no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- end --->
</div>
</div>
<!--- end --->
</div>
</div>
<div class="text-center text-white p-3" style="background: #ac8097; color: #f7f6f4;">
<small>
<span>template by <a href="/huanliuan" style="color: #f7f6f4;"><i class="fi-star user-name-icon"></i>huanliuan</a></span>
<span class="mx-1">-</span>
<span>code by <a href="/8byte" style="color: #f7f6f4;"><i class="fi-star user-name-icon"></i>8byte</a></span>
</small>
</div>
</div>
</div>
</div>Copy
<!---
==== Boundaries - Sleek/Bootstrap Ver.
==== HTML by 8byte
----
==== Colors
---- This code uses bootstrap colors.
--->
<div class="mx-auto" style="max-width: 1000px;">
<div class="row no-gutters">
<div class="col-md-4">
<!--- main image --->
<div class="bg-dark h-100" style="background-image: url('IMGURL'); background-size: cover; min-height: 400px;"></div>
</div>
<div class="col-md-8">
<div class="bg-faded">
<div class="p-3">
<h1 class="display-4 font-weight-normal text-center text-uppercase mb-0" style="letter-spacing: 2px;">
<span class="text-muted">RP Comfort</span> Meme</h1>
</div>
<div class="px-md-4 px-3"><hr class="card-outline-secondary my-0 mx-3" style="border-top-style: dashed; border-top-width: 2px;"></div>
<div class="py-2 px-md-4 px-3">
<!--- basic information --->
<div class="row no-gutters">
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Name</h1>
<span>name (@ username)</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Availability</h1>
<span>friends only</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Pronouns</h1>
<span>prn/prn</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Experience</h1>
<span>experience</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Age</h1>
<span>00</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Contact</h1>
<span>contact</span>
</div>
<!--- end --->
</div>
<hr class="card-outline-secondary mx-3" style="border-top-style: dashed; border-top-width: 2px;">
<!--- roleplay-specific information --->
<div class="row no-gutters">
<!--- how to contact --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Method</h1>
<div class="text-right">
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span class="text-muted">discord</span> <span>/</span>
<span>docs</span> <span>/</span>
<span>forum</span> <span>/</span>
<span>other</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- size of RP --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Crowd</h1>
<div class="text-right">
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span class="text-muted">solo</span> <span>/</span>
<span class="text-muted">small groups</span> <span>/</span>
<span>big groups</span> <span>/</span>
<span class="text-muted">ask</span>
</div>
</div>
<!--- style of RP --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Style</h1>
<div class="text-right">
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span>headcanon</span> <span>/</span>
<span class="text-muted">script</span> <span>/</span>
<span>semi-lit</span> <span>/</span>
<span>lit</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- shipping preferences --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Shipping</h1>
<div class="text-right">
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span>no</span> <span>/</span>
<span>plan</span> <span>/</span>
<span>natural</span> <span>/</span>
<span class="text-muted">friends only</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- preferred genres --->
<div class="col-md-6 flex-column py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Genre</h1>
<!--- categories (1) --->
<div class="text-right">
<span class="text-muted">adventure</span> <span>/</span>
<span>action</span> <span>/</span>
<span>angst</span> <span>/</span>
<span>AU</span>
</div>
<!--- categories (2) --->
<div class="text-right">
<span>comedy</span> <span>/</span>
<span>modern</span> <span>/</span>
<span>fantasy</span> <span>/</span>
<span>drama</span>
</div>
<!--- categories (3) --->
<div class="text-right">
<span>horror</span> <span>/</span>
<span class="text-muted">mystery</span> <span>/</span>
<span>romance</span> <span>/</span>
<span class="text-muted">slice-of-life</span>
</div>
<!--- categories (4) --->
<div class="text-right">
<span>historical</span> <span>/</span>
<span>other</span>
</div>
<!--- end of categories --->
<div class="text-right mt-auto">
<!--- small footnote for any additional info --->
<small>* a small footnote can go here</small>
</div>
</div>
<!--- other boundaries --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-secondary text-uppercase mb-0" style="letter-spacing: 1px;">Boundaries</h1>
<div class="pl-md-4 pl-2">
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">Alcohol</h5>
<div>
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span class="text-muted">yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">Drugs</h5>
<div>
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span class="text-muted">maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">NSFW</h5>
<div>
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span class="text-muted">maybe</span> <span>/</span>
<span class="text-muted">ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">Profanity</h5>
<div>
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span class="text-muted">yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">Violence</h5>
<div>
<!--- move the class="text-muted" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span class="text-muted">no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- end --->
</div>
</div>
<!--- end --->
</div>
</div>
<div class="px-md-4 px-3"><hr class="card-outline-secondary my-0 mx-3" style="border-top-style: dashed; border-top-width: 2px;"></div>
<div class="text-center p-3">
<small>
<span>template by <a href="/huanliuan" class="text-body"><i class="fi-star user-name-icon"></i>huanliuan</a></span>
<span class="mx-1">-</span>
<span>code by <a href="/8byte" class="text-body"><i class="fi-star user-name-icon"></i>8byte</a></span>
</small>
</div>
</div>
</div>
</div>
</div>Copy
<!---
==== Boundaries - Sleek/Custom Color Ver.
==== HTML by 8byte
----
==== Colors
---- For easier changes, use Ctrl F and then
---- click the plus icon at the bottom to
---- replace all.
====
#2c2a37 - main background
#f2f1f5 - main text
#86858d - main accent
--->
<div class="mx-auto" style="max-width: 1000px;">
<div class="row no-gutters">
<div class="col-md-4">
<!--- main image --->
<div class="bg-dark h-100" style="background-image: url('IMGURL'); background-size: cover; min-height: 400px;"></div>
</div>
<div class="col-md-8">
<div style="background: #2c2a37; color: #f2f1f5;">
<div class="p-3">
<h1 class="display-4 font-weight-normal text-center text-uppercase mb-0" style="letter-spacing: 2px;">
<span style="color: #86858d;">RP Comfort</span> Meme</h1>
</div>
<div class="px-md-4 px-3"><hr class="my-0 mx-3" style="border-top: 2px dashed #86858d;"></div>
<div class="py-2 px-md-4 px-3">
<!--- basic information --->
<div class="row no-gutters">
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Name</h1>
<span>name (@ username)</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Availability</h1>
<span>friends only</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Pronouns</h1>
<span>prn/prn</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Experience</h1>
<span>experience</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Age</h1>
<span>00</span>
</div>
<!---->
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Contact</h1>
<span>contact</span>
</div>
<!--- end --->
</div>
<hr class="mx-3" style="border-top: 2px dashed #86858d;">
<!--- roleplay-specific information --->
<div class="row no-gutters">
<!--- how to contact --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Method</h1>
<div class="text-right">
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span style="color: #86858d;">discord</span> <span>/</span>
<span>docs</span> <span>/</span>
<span>forum</span> <span>/</span>
<span>other</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- size of RP --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Crowd</h1>
<div class="text-right">
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span style="color: #86858d;">solo</span> <span>/</span>
<span style="color: #86858d;">small groups</span> <span>/</span>
<span>big groups</span> <span>/</span>
<span style="color: #86858d;">ask</span>
</div>
</div>
<!--- style of RP --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Style</h1>
<div class="text-right">
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span>headcanon</span> <span>/</span>
<span style="color: #86858d;">script</span> <span>/</span>
<span>semi-lit</span> <span>/</span>
<span>lit</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- shipping preferences --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Shipping</h1>
<div class="text-right">
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span>no</span> <span>/</span>
<span>plan</span> <span>/</span>
<span>natural</span> <span>/</span>
<span style="color: #86858d;">friends only</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- preferred genres --->
<div class="col-md-6 flex-column py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Genre</h1>
<!--- categories (1) --->
<div class="text-right">
<span style="color: #86858d;">adventure</span> <span>/</span>
<span>action</span> <span>/</span>
<span>angst</span> <span>/</span>
<span>AU</span>
</div>
<!--- categories (2) --->
<div class="text-right">
<span>comedy</span> <span>/</span>
<span>modern</span> <span>/</span>
<span>fantasy</span> <span>/</span>
<span>drama</span>
</div>
<!--- categories (3) --->
<div class="text-right">
<span>horror</span> <span>/</span>
<span style="color: #86858d;">mystery</span> <span>/</span>
<span>romance</span> <span>/</span>
<span style="color: #86858d;">slice-of-life</span>
</div>
<!--- categories (4) --->
<div class="text-right">
<span>historical</span> <span>/</span>
<span>other</span>
</div>
<!--- end of categories --->
<div class="text-right mt-auto">
<!--- small footnote for any additional info --->
<small>* a small footnote can go here</small>
</div>
</div>
<!--- other boundaries --->
<div class="col-md-6 py-2 px-3">
<h1 class="font-weight-normal text-uppercase mb-0" style="color: #86858d; letter-spacing: 1px;">Boundaries</h1>
<div class="pl-md-4 pl-2">
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #86858d;">Alcohol</h5>
<div>
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span style="color: #86858d;">yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #86858d;">Drugs</h5>
<div>
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span style="color: #86858d;">maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #86858d;">NSFW</h5>
<div>
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span style="color: #86858d;">maybe</span> <span>/</span>
<span style="color: #86858d;">ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #86858d;">Profanity</h5>
<div>
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span style="color: #86858d;">yes</span> <span>/</span>
<span>no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!---->
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-uppercase mb-0" style="color: #86858d;">Violence</h5>
<div>
<!--- move the style="color: #86858d;" next to
whichever span describes your preference --->
<span>yes</span> <span>/</span>
<span style="color: #86858d;">no</span> <span>/</span>
<span>maybe</span> <span>/</span>
<span>ask</span>
</div>
</div>
<!--- end --->
</div>
</div>
<!--- end --->
</div>
</div>
<div class="px-md-4 px-3"><hr class="my-0 mx-3" style="border-top: 2px dashed #86858d;"></div>
<div class="text-center p-3">
<small>
<span>template by <a href="/huanliuan" style="color: #f2f1f5;"><i class="fi-star user-name-icon"></i>huanliuan</a></span>
<span class="mx-1">-</span>
<span>code by <a href="/8byte" style="color: #f2f1f5;"><i class="fi-star user-name-icon"></i>8byte</a></span>
</small>
</div>
</div>
</div>
</div>
</div> Copy
<div style="max-width: 1000px;" class="mx-auto">
<div class="row no-gutters">
<div class="col-md-4">
<div style="background-image: url('{{u!Main Image!}}'); background-size: cover; min-height: 400px;" class="bg-dark h-100"></div>
</div>
<div class="col-md-8">
<div class="bg-primary p-3">
<h1 style="letter-spacing: 2px;" class="display-4 font-weight-normal text-white text-center text-uppercase mb-0">RP Comfort Meme</h1>
</div>
<div class="bg-faded py-2 px-md-4 px-3">
<div class="row no-gutters">
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Name</h1>
<span>{{!Name and Username!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Availability</h1>
<span>{{!Availability!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Pronouns</h1>
<span>{{!Pronouns!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Experience</h1>
<span>{{!Experience!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Age</h1>
<span>{{!Age!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Contact</h1>
<span>{{!Contact!}}</span>
</div>
</div>
<hr style="border-top-style: dashed; border-top-width: 2px;" class="card-outline-primary mx-3">
<div class="row no-gutters">
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Method</h1>
<div class="text-right">
{{%%Method%
<span style="{{?Discord?text-decoration: underline;?end?}}">discord</span> <span>/</span>
<span style="{{?Docs?text-decoration: underline;?end?}}">docs</span> <span>/</span>
<span style="{{?Forum?text-decoration: underline;?end?}}">forum</span> <span>/</span>
<span style="{{?Other?text-decoration: underline;?end?}}">other</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Crowd</h1>
<div class="text-right">
{{%%Crowd%
<span style="{{?Solo?text-decoration: underline;?end?}}">solo</span> <span>/</span>
<span style="{{?Small Groups?text-decoration: underline;?end?}}">small groups</span> <span>/</span>
<span style="{{?Big Groups?text-decoration: underline;?end?}}">big groups</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Style</h1>
<div class="text-right">
{{%%Style%
<span style="{{?Headcanon?text-decoration: underline;?end?}}">headcanon</span> <span>/</span>
<span style="{{?Script?text-decoration: underline;?end?}}">script</span> <span>/</span>
<span style="{{?Semi Lit?text-decoration: underline;?end?}}">semi-lit</span> <span>/</span>
<span style="{{?Lit?text-decoration: underline;?end?}}">lit</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Shipping</h1>
<div class="text-right">
{{%%Shipping%
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Plan?text-decoration: underline;?end?}}">plan</span> <span>/</span>
<span style="{{?Natural?text-decoration: underline;?end?}}">natural</span> <span>/</span>
<span style="{{?Friends Only?text-decoration: underline;?end?}}">friends only</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 flex-column py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Genre</h1>
{{%%Genre%
<div class="text-right">
<span style="{{?Adventure?text-decoration: underline;?end?}}">adventure</span> <span>/</span>
<span style="{{?Action?text-decoration: underline;?end?}}">action</span> <span>/</span>
<span style="{{?Angst?text-decoration: underline;?end?}}">angst</span> <span>/</span>
<span style="{{?AU?text-decoration: underline;?end?}}">AU</span>
</div>
<div class="text-right">
<span style="{{?Comedy?text-decoration: underline;?end?}}">comedy</span> <span>/</span>
<span style="{{?Modern?text-decoration: underline;?end?}}">modern</span> <span>/</span>
<span style="{{?Fantasy?text-decoration: underline;?end?}}">fantasy</span> <span>/</span>
<span style="{{?Drama?text-decoration: underline;?end?}}">drama</span>
</div>
<div class="text-right">
<span style="{{?Horror?text-decoration: underline;?end?}}">horror</span> <span>/</span>
<span style="{{?Mystery?text-decoration: underline;?end?}}">mystery</span> <span>/</span>
<span style="{{?Romance?text-decoration: underline;?end?}}">romance</span> <span>/</span>
<span style="{{?Slice of Life?text-decoration: underline;?end?}}">slice-of-life</span>
</div>
<div class="text-right">
<span style="{{?Historical?text-decoration: underline;?end?}}">historical</span> <span>/</span>
<span style="{{?Other?text-decoration: underline;?end?}}">other</span>
</div>
%end%}}
<div class="text-right mt-auto">
<small>{{!Footnote!}}</small>
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-primary text-uppercase mb-0">Boundaries</h1>
<div class="pl-md-4 pl-2">
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">Alcohol</h5>
<div>
{{%%Alcohol%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">Drugs</h5>
<div>
{{%%Drugs%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">NSFW</h5>
<div>
{{%%NSFW%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">Profanity</h5>
<div>
{{%%Profanity%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-primary text-uppercase mb-0">Violence</h5>
<div>
{{%%Violence%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-primary text-center text-white p-3">
<small>
<span>template by <a class="text-white" href="/huanliuan"><i class="fi-star user-name-icon"></i>huanliuan</a></span>
<span class="mx-1">-</span>
<span>code by <a class="text-white" href="/8byte"><i class="fi-star user-name-icon"></i>8byte</a></span>
</small>
</div>
</div>
</div>
</div>Copy
<div style="max-width: 1000px; color: {{c!Text Color!}};" class="mx-auto">
<div class="row no-gutters">
<div class="col-md-4">
<div style="background-image: url('{{u!Main Image!}}'); background-size: cover; min-height: 400px;" class="bg-dark h-100"></div>
</div>
<div class="col-md-8">
<div style="background: {{c!Accent Color!}};" class="p-3">
<h1 style="color: {{c!Background Color!}}; letter-spacing: 2px;" class="display-4 font-weight-normal text-center text-uppercase mb-0">RP Comfort Meme</h1>
</div>
<div style="background: {{c!Background Color!}};" class="py-2 px-md-4 px-3">
<div class="row no-gutters">
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Name</h1>
<span>{{!Name and Username!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Availability</h1>
<span>{{!Availability!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Pronouns</h1>
<span>{{!Pronouns!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Experience</h1>
<span>{{!Experience!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Age</h1>
<span>{{!Age!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Contact</h1>
<span>{{!Contact!}}</span>
</div>
</div>
<hr style="border-top: 2px dashed {{c!Accent Color!}};" class="mx-3">
<div class="row no-gutters">
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Method</h1>
<div class="text-right">
{{%%Method%
<span style="{{?Discord?text-decoration: underline;?end?}}">discord</span> <span>/</span>
<span style="{{?Docs?text-decoration: underline;?end?}}">docs</span> <span>/</span>
<span style="{{?Forum?text-decoration: underline;?end?}}">forum</span> <span>/</span>
<span style="{{?Other?text-decoration: underline;?end?}}">other</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Crowd</h1>
<div class="text-right">
{{%%Crowd%
<span style="{{?Solo?text-decoration: underline;?end?}}">solo</span> <span>/</span>
<span style="{{?Small Groups?text-decoration: underline;?end?}}">small groups</span> <span>/</span>
<span style="{{?Big Groups?text-decoration: underline;?end?}}">big groups</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Style</h1>
<div class="text-right">
{{%%Style%
<span style="{{?Headcanon?text-decoration: underline;?end?}}">headcanon</span> <span>/</span>
<span style="{{?Script?text-decoration: underline;?end?}}">script</span> <span>/</span>
<span style="{{?Semi Lit?text-decoration: underline;?end?}}">semi-lit</span> <span>/</span>
<span style="{{?Lit?text-decoration: underline;?end?}}">lit</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Shipping</h1>
<div class="text-right">
{{%%Shipping%
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Plan?text-decoration: underline;?end?}}">plan</span> <span>/</span>
<span style="{{?Natural?text-decoration: underline;?end?}}">natural</span> <span>/</span>
<span style="{{?Friends Only?text-decoration: underline;?end?}}">friends only</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 flex-column py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Genre</h1>
{{%%Genre%
<div class="text-right">
<span style="{{?Adventure?text-decoration: underline;?end?}}">adventure</span> <span>/</span>
<span style="{{?Action?text-decoration: underline;?end?}}">action</span> <span>/</span>
<span style="{{?Angst?text-decoration: underline;?end?}}">angst</span> <span>/</span>
<span style="{{?AU?text-decoration: underline;?end?}}">AU</span>
</div>
<div class="text-right">
<span style="{{?Comedy?text-decoration: underline;?end?}}">comedy</span> <span>/</span>
<span style="{{?Modern?text-decoration: underline;?end?}}">modern</span> <span>/</span>
<span style="{{?Fantasy?text-decoration: underline;?end?}}">fantasy</span> <span>/</span>
<span style="{{?Drama?text-decoration: underline;?end?}}">drama</span>
</div>
<div class="text-right">
<span style="{{?Horror?text-decoration: underline;?end?}}">horror</span> <span>/</span>
<span style="{{?Mystery?text-decoration: underline;?end?}}">mystery</span> <span>/</span>
<span style="{{?Romance?text-decoration: underline;?end?}}">romance</span> <span>/</span>
<span style="{{?Slice of Life?text-decoration: underline;?end?}}">slice-of-life</span>
</div>
<div class="text-right">
<span style="{{?Historical?text-decoration: underline;?end?}}">historical</span> <span>/</span>
<span style="{{?Other?text-decoration: underline;?end?}}">other</span>
</div>
%end%}}
<div class="text-right mt-auto">
<small>{{!Footnote!}}</small>
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Boundaries</h1>
<div class="pl-md-4 pl-2">
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">Alcohol</h5>
<div>
{{%%Alcohol%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">Drugs</h5>
<div>
{{%%Drugs%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">NSFW</h5>
<div>
{{%%NSFW%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">Profanity</h5>
<div>
{{%%Profanity%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">Violence</h5>
<div>
{{%%Violence%
<span style="{{?Yes?text-decoration: underline;?end?}}">yes</span> <span>/</span>
<span style="{{?No?text-decoration: underline;?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?text-decoration: underline;?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?text-decoration: underline;?end?}}">ask</span>
%end%}}
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background: {{c!Accent Color!}}; color: {{c!Background Color!}};" class="text-center text-white p-3">
<small>
<span>template by <a style="color: {{c!Background Color!}};" href="/huanliuan"><i class="fi-star user-name-icon"></i>huanliuan</a></span>
<span class="mx-1">-</span>
<span>code by <a style="color: {{c!Background Color!}};" href="/8byte"><i class="fi-star user-name-icon"></i>8byte</a></span>
</small>
</div>
</div>
</div>
</div>Copy
<div style="max-width: 1000px;" class="mx-auto">
<div class="row no-gutters">
<div class="col-md-4">
<div style="background-image: url('{{u!Main Image!}}'); background-size: cover; min-height: 400px;" class="bg-dark h-100"></div>
</div>
<div class="col-md-8">
<div class="bg-faded">
<div class="p-3">
<h1 style="letter-spacing: 2px;" class="display-4 font-weight-normal text-center text-uppercase mb-0">
<span class="text-muted">RP Comfort</span> Meme</h1>
</div>
<div class="px-md-4 px-3"><hr style="border-top-style: dashed; border-top-width: 2px;" class="card-outline-secondary my-0 mx-3"></div>
<div class="py-2 px-md-4 px-3">
<div class="row no-gutters">
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Name</h1>
<span>{{!Name and Username!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Availability</h1>
<span>{{!Availability!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Pronouns</h1>
<span>{{!Pronouns!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Experience</h1>
<span>{{!Experience!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Age</h1>
<span>{{!Age!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Contact</h1>
<span>{{!Contact!}}</span>
</div>
</div>
<hr style="border-top-style: dashed; border-top-width: 2px;" class="card-outline-secondary mx-3">
<div class="row no-gutters">
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Method</h1>
<div class="text-right">
{{%%Method%
<span class="{{?Discord?text-muted?end?}}">discord</span> <span>/</span>
<span class="{{?Docs?text-muted?end?}}">docs</span> <span>/</span>
<span class="{{?Forum?text-muted?end?}}">forum</span> <span>/</span>
<span class="{{?Other?text-muted?end?}}">other</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Crowd</h1>
<div class="text-right">
{{%%Crowd%
<span class="{{?Solo?text-muted?end?}}">solo</span> <span>/</span>
<span class="{{?Small Groups?text-muted?end?}}">small groups</span> <span>/</span>
<span class="{{?Big Groups?text-muted?end?}}">big groups</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Style</h1>
<div class="text-right">
{{%%Style%
<span class="{{?Headcanon?text-muted?end?}}">headcanon</span> <span>/</span>
<span class="{{?Script?text-muted?end?}}">script</span> <span>/</span>
<span class="{{?Semi Lit?text-muted?end?}}">semi-lit</span> <span>/</span>
<span class="{{?Lit?text-muted?end?}}">lit</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Shipping</h1>
<div class="text-right">
{{%%Shipping%
<span class="{{?No?text-muted?end?}}">no</span> <span>/</span>
<span class="{{?Plan?text-muted?end?}}">plan</span> <span>/</span>
<span class="{{?Natural?text-muted?end?}}">natural</span> <span>/</span>
<span class="{{?Friends Only?text-muted?end?}}">friends only</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 flex-column py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Genre</h1>
{{%%Genre%
<div class="text-right">
<span class="{{?Adventure?text-muted?end?}}">adventure</span> <span>/</span>
<span class="{{?Action?text-muted?end?}}">action</span> <span>/</span>
<span class="{{?Angst?text-muted?end?}}">angst</span> <span>/</span>
<span class="{{?AU?text-muted?end?}}">AU</span>
</div>
<div class="text-right">
<span class="{{?Comedy?text-muted?end?}}">comedy</span> <span>/</span>
<span class="{{?Modern?text-muted?end?}}">modern</span> <span>/</span>
<span class="{{?Fantasy?text-muted?end?}}">fantasy</span> <span>/</span>
<span class="{{?Drama?text-muted?end?}}">drama</span>
</div>
<div class="text-right">
<span class="{{?Horror?text-muted?end?}}">horror</span> <span>/</span>
<span class="{{?Mystery?text-muted?end?}}">mystery</span> <span>/</span>
<span class="{{?Romance?text-muted?end?}}">romance</span> <span>/</span>
<span class="{{?Slice of Life?text-muted?end?}}">slice-of-life</span>
</div>
<div class="text-right">
<span class="{{?Historical?text-muted?end?}}">historical</span> <span>/</span>
<span class="{{?Other?text-muted?end?}}">other</span>
</div>
%end%}}
<div class="text-right mt-auto">
<small>{{!Footnote!}}</small>
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="letter-spacing: 1px;" class="font-weight-normal text-secondary text-uppercase mb-0">Boundaries</h1>
<div class="pl-md-4 pl-2">
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">Alcohol</h5>
<div>
{{%%Alcohol%
<span class="{{?Yes?text-muted?end?}}">yes</span> <span>/</span>
<span class="{{?No?text-muted?end?}}">no</span> <span>/</span>
<span class="{{?Maybe?text-muted?end?}}">maybe</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">Drugs</h5>
<div>
{{%%Drugs%
<span class="{{?Yes?text-muted?end?}}">yes</span> <span>/</span>
<span class="{{?No?text-muted?end?}}">no</span> <span>/</span>
<span class="{{?Maybe?text-muted?end?}}">maybe</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">NSFW</h5>
<div>
{{%%NSFW%
<span class="{{?Yes?text-muted?end?}}">yes</span> <span>/</span>
<span class="{{?No?text-muted?end?}}">no</span> <span>/</span>
<span class="{{?Maybe?text-muted?end?}}">maybe</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">Profanity</h5>
<div>
{{%%Profanity%
<span class="{{?Yes?text-muted?end?}}">yes</span> <span>/</span>
<span class="{{?No?text-muted?end?}}">no</span> <span>/</span>
<span class="{{?Maybe?text-muted?end?}}">maybe</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 class="font-weight-normal text-secondary text-uppercase mb-0">Violence</h5>
<div>
{{%%Violence%
<span class="{{?Yes?text-muted?end?}}">yes</span> <span>/</span>
<span class="{{?No?text-muted?end?}}">no</span> <span>/</span>
<span class="{{?Maybe?text-muted?end?}}">maybe</span> <span>/</span>
<span class="{{?Ask?text-muted?end?}}">ask</span>
%end%}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="px-md-4 px-3"><hr style="border-top-style: dashed; border-top-width: 2px;" class="card-outline-secondary my-0 mx-3"></div>
<div class="text-center p-3">
<small>
<span>template by <a class="text-body" href="/huanliuan"><i class="fi-star user-name-icon"></i>huanliuan</a></span>
<span class="mx-1">-</span>
<span>code by <a class="text-body" href="/8byte"><i class="fi-star user-name-icon"></i>8byte</a></span>
</small>
</div>
</div>
</div>
</div>
</div>Copy
<div style="max-width: 1000px;" class="mx-auto">
<div class="row no-gutters">
<div class="col-md-4">
<div style="background-image: url('{{u!Main Image!}}'); background-size: cover; min-height: 400px;" class="bg-dark h-100"></div>
</div>
<div class="col-md-8">
<div style="background: {{c!Background Color!}}; color: {{c!Text Color!}};">
<div class="p-3">
<h1 style="letter-spacing: 2px;" class="display-4 font-weight-normal text-center text-uppercase mb-0">
<span style="color: {{c!Accent Color!}};">RP Comfort</span> Meme</h1>
</div>
<div class="px-md-4 px-3"><hr style="border-top: 2px dashed {{c!Accent Color!}};" class="my-0 mx-3"></div>
<div class="py-2 px-md-4 px-3">
<div class="row no-gutters">
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Name</h1>
<span>{{!Name and Username!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Availability</h1>
<span>{{!Availability!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Pronouns</h1>
<span>{{!Pronouns!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Experience</h1>
<span>{{!Experience!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Age</h1>
<span>{{!Age!}}</span>
</div>
<div class="col-md-6 justify-content-between align-items-center py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Contact</h1>
<span>{{!Contact!}}</span>
</div>
</div>
<hr style="border-top: 2px dashed {{c!Accent Color!}};" class="mx-3">
<div class="row no-gutters">
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Method</h1>
<div class="text-right">
{{%%Method%
<span style="{{?Discord?color: {{c!Accent Color!}};?end?}}">discord</span> <span>/</span>
<span style="{{?Docs?color: {{c!Accent Color!}};?end?}}">docs</span> <span>/</span>
<span style="{{?Forum?color: {{c!Accent Color!}};?end?}}">forum</span> <span>/</span>
<span style="{{?Other?color: {{c!Accent Color!}};?end?}}">other</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Crowd</h1>
<div class="text-right">
{{%%Crowd%
<span style="{{?Solo?color: {{c!Accent Color!}};?end?}}">solo</span> <span>/</span>
<span style="{{?Small Groups?color: {{c!Accent Color!}};?end?}}">small groups</span> <span>/</span>
<span style="{{?Big Groups?color: {{c!Accent Color!}};?end?}}">big groups</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Style</h1>
<div class="text-right">
{{%%Style%
<span style="{{?Headcanon?color: {{c!Accent Color!}};?end?}}">headcanon</span> <span>/</span>
<span style="{{?Script?color: {{c!Accent Color!}};?end?}}">script</span> <span>/</span>
<span style="{{?Semi Lit?color: {{c!Accent Color!}};?end?}}">semi-lit</span> <span>/</span>
<span style="{{?Lit?color: {{c!Accent Color!}};?end?}}">lit</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Shipping</h1>
<div class="text-right">
{{%%Shipping%
<span style="{{?No?color: {{c!Accent Color!}};?end?}}">no</span> <span>/</span>
<span style="{{?Plan?color: {{c!Accent Color!}};?end?}}">plan</span> <span>/</span>
<span style="{{?Natural?color: {{c!Accent Color!}};?end?}}">natural</span> <span>/</span>
<span style="{{?Friends Only?color: {{c!Accent Color!}};?end?}}">friends only</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="col-md-6 flex-column py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Genre</h1>
{{%%Genre%
<div class="text-right">
<span style="{{?Adventure?color: {{c!Accent Color!}};?end?}}">adventure</span> <span>/</span>
<span style="{{?Action?color: {{c!Accent Color!}};?end?}}">action</span> <span>/</span>
<span style="{{?Angst?color: {{c!Accent Color!}};?end?}}">angst</span> <span>/</span>
<span style="{{?AU?color: {{c!Accent Color!}};?end?}}">AU</span>
</div>
<div class="text-right">
<span style="{{?Comedy?color: {{c!Accent Color!}};?end?}}">comedy</span> <span>/</span>
<span style="{{?Modern?color: {{c!Accent Color!}};?end?}}">modern</span> <span>/</span>
<span style="{{?Fantasy?color: {{c!Accent Color!}};?end?}}">fantasy</span> <span>/</span>
<span style="{{?Drama?color: {{c!Accent Color!}};?end?}}">drama</span>
</div>
<div class="text-right">
<span style="{{?Horror?color: {{c!Accent Color!}};?end?}}">horror</span> <span>/</span>
<span style="{{?Mystery?color: {{c!Accent Color!}};?end?}}">mystery</span> <span>/</span>
<span style="{{?Romance?color: {{c!Accent Color!}};?end?}}">romance</span> <span>/</span>
<span style="{{?Slice of Life?color: {{c!Accent Color!}};?end?}}">slice-of-life</span>
</div>
<div class="text-right">
<span style="{{?Historical?color: {{c!Accent Color!}};?end?}}">historical</span> <span>/</span>
<span style="{{?Other?color: {{c!Accent Color!}};?end?}}">other</span>
</div>
%end%}}
<div class="text-right mt-auto">
<small>{{!Footnote!}}</small>
</div>
</div>
<div class="col-md-6 py-2 px-3">
<h1 style="color: {{c!Accent Color!}}; letter-spacing: 1px;" class="font-weight-normal text-uppercase mb-0">Boundaries</h1>
<div class="pl-md-4 pl-2">
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">Alcohol</h5>
<div>
{{%%Alcohol%
<span style="{{?Yes?color: {{c!Accent Color!}};?end?}}">yes</span> <span>/</span>
<span style="{{?No?color: {{c!Accent Color!}};?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?color: {{c!Accent Color!}};?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">Drugs</h5>
<div>
{{%%Drugs%
<span style="{{?Yes?color: {{c!Accent Color!}};?end?}}">yes</span> <span>/</span>
<span style="{{?No?color: {{c!Accent Color!}};?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?color: {{c!Accent Color!}};?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">NSFW</h5>
<div>
{{%%NSFW%
<span style="{{?Yes?color: {{c!Accent Color!}};?end?}}">yes</span> <span>/</span>
<span style="{{?No?color: {{c!Accent Color!}};?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?color: {{c!Accent Color!}};?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">Profanity</h5>
<div>
{{%%Profanity%
<span style="{{?Yes?color: {{c!Accent Color!}};?end?}}">yes</span> <span>/</span>
<span style="{{?No?color: {{c!Accent Color!}};?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?color: {{c!Accent Color!}};?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
<div class="justify-content-between align-items-center my-1">
<h5 style="color: {{c!Accent Color!}};" class="font-weight-normal text-uppercase mb-0">Violence</h5>
<div>
{{%%Violence%
<span style="{{?Yes?color: {{c!Accent Color!}};?end?}}">yes</span> <span>/</span>
<span style="{{?No?color: {{c!Accent Color!}};?end?}}">no</span> <span>/</span>
<span style="{{?Maybe?color: {{c!Accent Color!}};?end?}}">maybe</span> <span>/</span>
<span style="{{?Ask?color: {{c!Accent Color!}};?end?}}">ask</span>
%end%}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="px-md-4 px-3"><hr style="border-top: 2px dashed {{c!Accent Color!}};" class="my-0 mx-3"></div>
<div class="text-center p-3">
<small>
<span>template by <a style="color: {{c!Text Color!}};" href="/huanliuan"><i class="fi-star user-name-icon"></i>huanliuan</a></span>
<span class="mx-1">-</span>
<span>code by <a style="color: {{c!Text Color!}};" href="/8byte"><i class="fi-star user-name-icon"></i>8byte</a></span>
</small>
</div>
</div>
</div>
</div>
</div>