Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--BACKGROUND--><div class="card mx-auto p-3 rounded-0" style="max-width:735px; background-image:url(https://cdn.discordapp.com/attachments/950470662013726770/1029538579854131252/22.jpg);">
- <!--MAIN BOX--><div class="card mx-auto py-2 bg-faded text-primary rounded-0" style="width:100%; position:relative; font-size:1rem; font-family: 'Consolas', 'Lucida Console';"><div class="row no-gutters px-2">
- <!--LEFT COLUMN--><div class="col-lg-7">
- <!--NAME--><div class="mb-2 card bg-white rounded-0 col-lg-12 p-2" style="font-size:1.5rem">
- Firstname Lastname
- </div>
- <!--BASIC--><div class="mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- species</span>
- <span class="pull-right">
- species</span></div>
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- age</span>
- <span class="pull-right">
- age</span></div>
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- gender</span>
- <span class="pull-right">
- gender</span></div>
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- pronouns</span>
- <span class="pull-right">
- pronouns</span></div>
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- orientation</span>
- <span class="pull-right">
- orientation</span></div>
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- height</span>
- <span class="pull-right">
- height</span></div>
- </div>
- <!--JOB--><div class="mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- employment</span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;">
- <span style="font-size:.8rem">
- job title</span></div></div>
- <!--MANNER--><div class="mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- manner</span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;">
- <span style="font-size:.8rem">
- <i class="fal fa-smile"></i>
- positive, traits, here
- </span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;">
- <span style="font-size:.8rem">
- <i class="fal fa-frown"></i>
- negative, traits, here
- </span></div></div>
- <!--TASTE--><div class="mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- taste</span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span style="font-size:.8rem"><i class="fal fa-check"></i>
- some, likes, here</span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span style="font-size:.8rem"><i class="fal fa-x"></i>
- some, dislikes, here</span></div></div>
- <!--END LEFT COLUMN--></div>
- <!--RIGHT COLUMN--><div class="col-lg-5 pl-lg-1">
- <!--ICON--><div class="card bg-white rounded-0 p-1 pb-4 ml-lg-n1" style="transform: rotate(5deg); z-index:1000;"><div style="padding-bottom:100%; background-size:cover; background-image: url(https://cdn.discordapp.com/attachments/950470662013726770/1070510975733731408/16257828.png)"></div></div>
- <!--INDEX--><div class="m-0 mb-2 card bg-white rounded-0 px-2 pt-1 pb-2 pr-lg-3 col-lg-12">
- <div style="border-bottom: 1px solid #ccd1e3;">
- <span>index</span></div>
- <div style="font-size:.8rem">
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
- <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
- <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
- <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
- <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
- <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
- <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
- <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
- </div></div>
- <!--END RIGHT COLUMN--></div>
- <!--NOTES--><div class="m-0 mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
- <div style="border-bottom: 1px solid #ccd1e3;"><span>
- notes</span></div>
- <div style="height:75px; overflow-y:auto; overflow-x:hidden; padding-right:5px; font-size:.8rem">
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>
- make some notes here!</span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>
- maybe some details about the character's design</span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>
- or some trivia or fun facts!</span></div>
- <div style="border-bottom: 1px dashed #ccd1e3;"><span>
- this box scrolls, so feel free to add as much as you like.</span></div>
- </div></div>
- <!--CREDIT--><a href="https://toyhou.se/ghoulipede" class="mb-n5 mx-auto"><i class="far fa-code" title="ghoulipede"></i></a>
- <!--END MAIN BOX--></div></div>
- <!--END BACKGROUND--></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement