Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <center>
- <!-- code made by Brandstiftung (TH)/ Sheep (MIGSITE) -->
- <!-- TERMS OF USE -->
- <!-- This code is ONLY allowed to be used on the MIGNYAN WEBSITE (https://mignyans.com) -->
- <!-- Feel free to frankenstein things in or out, I don't mind! -->
- <!-- Do NOT claim this code as your own-->
- <!-- HELPFUL TIPS-->
- <!-- This code is made for the mignyans website so it currently only looks good on there.-->
- <!-- THIS CODE WILL BREAK ON TOYHOUSE-->
- <!-- THIS CODE WILL BREAK IF YOU USE WYSIWYG-->
- <!-- All sections of this code are helpfully labeled to guide you through filling it out (sorry for my mess this is my first time making a code)-->
- <!-- HEADER IMAGE -->
- <div class="card" style="width: 100%; max-width: 800px; overflow: hidden; margin: 20px 0; text-align: left;">
- <div style="overflow: hidden; border: double 7px black; width: 100%; height: 100%; min-height: 200px; background-image: url('https://mignyans.com/images/avatars/default.png?v=1772881971'); background-size: cover; background-position: top; background-repeat: no-repeat;" title="art by NAME (PLATFORM)">
- <!-- PUT ART CREDIT IN THE TITLE FIELD -->
- </div>
- </div>
- <!-- END OF HEADER -->
- <!-- -->
- <!-- MAIN STUFF -->
- <div class="card-body" style="max-width: 800px;">
- <div class="row d-flex align-items-stretch">
- <!-- NAME PRONOUNS AND SHORT INTRO -->
- <div class="col-md-7">
- <h3>NAME ─ PRO / NOUNS</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna. Nulla ut lacus dui. Aliquam semper, dolor ut blandit pulvinar, nisi purus convallis risus, ac tempus purus erat a velit. Fusce fermentum consequat suscipit. In convallis sagittis facilisis.</p>
- <!-- END OF NAME/PRNS -->
- <!-- -->
- <hr /><!-- BASIC INFO -->
- <ul class="list-group list-group-flush" style="text-align: left;">
- <li class="list-group-item">
- <h4 style="font-size: 15px; display: inline;">Age/Bday: </h4>
- 0yrs - MON 00th
- </li>
- <li class="list-group-item">
- <h4 style="font-size: 15px; display: inline;">Height: </h4>
- 0'0"
- </li>
- <li class="list-group-item">
- <h4 style="font-size: 15px; display: inline;">Host Species: </h4>
- HOST SPECIES
- </li>
- <li class="list-group-item">
- <h4 style="font-size: 15px; display: inline;">Occupation: </h4>
- OCCUPATION
- </li>
- <li class="list-group-item">
- <h4 style="font-size: 15px; display: inline;">Invasion Status: </h4>
- STATUS
- </li>
- </ul>
- </div>
- <!-- END OF BASIC INFO -->
- <!-- -->
- <!-- SIDE IMAGE -->
- <div class="col-md-5 d-flex" style="max-height: 800px;">
- <!-- PUT ART CREDIT IN THE TITLE FIELD -->
- <div style="width: 100%; height: 100%; min-height: 350px; background-image: url('https://mignyans.com/images/avatars/default.png?v=1772881971'); background-size: cover; background-position: center; background-repeat: no-repeat;" title="art by NAME (PLATFORM)"> </div>
- <div style="line-height: 60%;"> </div>
- </div>
- <!-- END OF MAIN STUFF -->
- <!-- TRIVIA -->
- <div>
- <hr style="width: 100%; position: relative;" />
- <h4>Trivia</h4>
- <ul style="text-align: left;">
- <li>Trivia 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna.</li>
- <li>Trivia 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna. Nulla ut lacus dui. Aliquam semper, dolor ut blandit pulvinar, nisi purus convallis risus, ac tempus purus erat a velit.</li>
- <li>Trivia 3</li>
- </ul>
- </div>
- <!-- END OF TRIVIA -->
- <!-- -->
- <!-- -->
- <hr /><!-- BIO -->
- <div>
- <!-- DIVIDER IMAGE -->
- <div><img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /> <img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /> <img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /></div>
- <!-- PUT ART CREDIT IN THE TITLE FIELD --> <br /><!-- END OF DIVIDER IMAGE -->
- <!-- -->
- <!-- -->
- <!-- STORY -->
- <h4>STORY</h4>
- <h5><em>"Here is a dramatic tagline"</em></h5>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna. Nulla ut lacus dui. Aliquam semper, dolor ut blandit pulvinar, nisi purus convallis risus, ac tempus purus erat a velit. Fusce fermentum consequat suscipit. In convallis sagittis facilisis. Proin viverra augue nisl, vitae tempus velit eleifend vestibulum. Sed at arcu eleifend magna interdum condimentum a sed ligula. </p>
- </div>
- <!-- END OF STORY -->
- <!-- -->
- <!-- -->
- <!-- END OF BIO -->
- <!-- -->
- <hr /><!-- -->
- <!-- -->
- <!-- EXTRA TWO -->
- <div>
- <!-- RELATIONSHIPS -->
- <div>
- <center>
- <h3>RELATIONSHIPS</h3>
- <hr />
- </center>
- <div class="row g-4">
- <!-- RELATIONSHIP 1 -->
- <div class="col-md-4">
- <div class="row px-3 mb-4">
- <div class="col-lg-6"><a style="color: black;" href="LINK"> <img style="width: 150px; height: 150px; border: double 5px black;" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></a></div>
- <div class="col-lg-6" style="display: inline; text-align: left;">
- <!-- SPACER -->
- <h5 style="line-height: 30%;"> </h5>
- <!-- END OF SPACER -->
- <!-- -->
- <!-- NAME -->
- <h5 style="line-height: 90%;">NAME</h5>
- <hr /><!-- TYPE OF RELATIONSHIP -->
- <h5 style="font-size: 13px;">RELATIONSHIP</h5>
- </div>
- </div>
- </div>
- <!-- END OF RELATIONSHIP 1 -->
- <!-- RELATIONSHIP 2 -->
- <div class="col-md-4">
- <div class="row px-3 mb-4">
- <div class="col-lg-6"><a style="color: black;" href="LINK"> <img style="width: 150px; height: 150px; border: double 5px black;" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></a></div>
- <div class="col-lg-6" style="display: inline; text-align: left;">
- <!-- SPACER -->
- <h5 style="line-height: 30%;"> </h5>
- <!-- END OF SPACER -->
- <!-- -->
- <!-- NAME -->
- <h5 style="line-height: 90%;">NAME</h5>
- <hr /><!-- TYPE OF RELATIONSHIP -->
- <h5 style="font-size: 13px;">RELATIONSHIP</h5>
- </div>
- </div>
- </div>
- <!-- END OF RELATIONSHIP 2 -->
- <!-- RELATIONSHIP 3 -->
- <div class="col-md-4">
- <div class="row px-3 mb-4">
- <div class="col-lg-6"><a style="color: black;" href="LINK"> <img style="width: 150px; height: 150px; border: double 5px black;" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></a></div>
- <div class="col-lg-6" style="display: inline; text-align: left;">
- <!-- SPACER -->
- <h5 style="line-height: 30%;"> </h5>
- <!-- END OF SPACER -->
- <!-- -->
- <!-- NAME -->
- <h5 style="line-height: 90%;">NAME</h5>
- <hr /><!-- TYPE OF RELATIONSHIP -->
- <h5 style="font-size: 13px;">RELATIONSHIP</h5>
- </div>
- <!-- TALK ABOUT THE CONNECTION HERE -->
- </div>
- </div>
- <!-- END OF RELATIONSHIP 3 -->
- </div>
- </div>
- </div>
- <!-- -->
- <!-- FOOTER IMAGE -->
- <div class="card" style="width: 100%; max-width: 800px; overflow: hidden; margin: 20px 0; text-align: left;">
- <div style="overflow: hidden; border: double 7px black; width: 100%; height: 100%; min-height: 200px; background-image: url('https://mignyans.com/images/avatars/default.png?v=1772881971'); background-size: cover; background-position: top; background-repeat: no-repeat;" title="art by NAME (PLATFORM)">
- <!-- PUT ART CREDIT IN THE TITLE FIELD -->
- </div>
- </div>
- <h5 style="font-size: 13px; margin-top: -20px;">Code by <a href="https://mignyans.com/user/Sheep">Sheep</a>, All art credits viewable by hovering over image.</h5>
- <!-- END OF FOOTER -->
- </div>
- </div>
- </center><!-- END OF CODE -->
- <h5 style="text-align: center;">
- <!-- PAGE DOLL-->
- </h5>
- <div class="fixed-bottom pb-2 pb-2 d-none d-md-block d-lg-block" style="right: inherit; left: 0;"><img style="width: 150px;" title="art by NAME (PLATFORM)" src="https://mignyans.com/images/avatars/default.png?v=1772881971" alt="pagedoll" /></div>
Advertisement
Add Comment
Please, Sign In to add comment