API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 22nd, 2019
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.44 KB | None | 0 0
raw download clone embed print report
  1. <div style="text-align:center;"><a class="btn btn-info" href="https://pastebin.com/S9BUz0et">Click Here for Code</a></div>
  2. <div class="container">
  3.     <div class="row">
  4.         <div class="col card card-block" style="margin:10px; padding:0px;">
  5.             <div>
  6.                 <!--------------SIDEBAR-------------->
  7.                 <img src="https://file.toyhou.se/characters/1464664?1516489836.png" class="fr-fic fr-dib" height="283" width="283">
  8.  
  9.                 <table class="table table-striped" style="border: none; width: 100%;">
  10.                     <tbody>
  11.                         <tr>
  12.                             <td style="width:33%;"><strong>Name</strong></td>
  13.                             <td style="width:66%;">Name</td>
  14.                         </tr>
  15.                         <tr>
  16.                             <td style="width:33%;"><strong>Age</strong></td>
  17.                             <td style="width:66%;">Age</td>
  18.                         </tr>
  19.                         <tr>
  20.                             <td style="width:33%;"><strong>Pronouns</strong></td>
  21.                             <td style="width:66%;">Pronouns</td>
  22.                         </tr>
  23.                         <tr>
  24.                             <td style="width:33%;"><strong>Species</strong></td>
  25.                             <td style="width:66%;">Species</td>
  26.                         </tr>
  27.                         <tr>
  28.                             <td style="width:33%;"><strong>Location</strong></td>
  29.                             <td style="width:66%;">Location</td>
  30.                         </tr>
  31.                         <tr>
  32.                             <td style="width:33%;"><strong>Story</strong></td>
  33.                             <td style="width:66%;">TBA</td>
  34.                         </tr>
  35.                     </tbody>
  36.                 </table>
  37.                 <!--------------END OF SIDEBAR-------------->
  38.             </div>
  39.         </div>
  40.         <div class="col-8 card card-block" style="margin:10px; padding: 0;">
  41.             <div class="card-header" style="padding-bottom: 5px;">
  42.  
  43.                 <h3>About</h3>
  44.             </div>
  45.             <div>
  46.                 <!--------------ABOUT-------------->
  47.                 <div style="padding: 10px 20px; height:500px; overflow-y: scroll;">
  48.  
  49.                     <p>Summary of character&#39;s life &amp; goals moving forward.</p>
  50.                 </div>
  51.                 <!--------------END OF ABOUT-------------->
  52.             </div>
  53.         </div>
  54.     </div>
  55.     <div class="row">
  56.         <div class="col-sm" style="margin:0px; padding: 0px;">
  57.             <div class="card card-block" style="margin:10px; padding: 0;">
  58.                 <div class="card-header" style="padding-bottom: 5px;">
  59.  
  60.                     <h3>Personality &amp; Outlook</h3>
  61.                 </div>
  62.                 <div>
  63.                     <!--------------PERSONALITY-------------->
  64.                     <div style="padding: 10px 20px; height:200px; overflow-y: scroll;">
  65.  
  66.                         <p>Description of how your character views &amp; reacts to their environment.</p>
  67.                     </div>
  68.                     <!--------------END OF PERSONALITY-------------->
  69.                 </div>
  70.             </div>
  71.             <div class="card card-block" style="margin:10px; padding: 0;">
  72.                 <div class="card-header" style="padding-bottom: 5px;">
  73.  
  74.                     <h3>Powers &amp; Assets</h3>
  75.                 </div>
  76.                 <div>
  77.                     <!--------------POWERS & ASSETS-------------->
  78.                     <div style="padding: 10px 20px; height:200px; overflow-y: scroll;">
  79.  
  80.                         <p><strong>Power</strong>
  81.                             <br>Description/uses/limits of this power.
  82.                             <br>
  83.                             <br><strong>Power 2</strong>
  84.                             <br>Description/uses/limits of this power.
  85.                             <br>
  86.                             <br><strong>Power 3</strong>
  87.                             <br>Description/uses/limits of this power.</p>
  88.                     </div>
  89.                     <!--------------END OF POWERS & ASSETS-------------->
  90.                 </div>
  91.             </div>
  92.         </div>
  93.         <div class="col-sm card card-block" style="margin:10px; padding: 0;">
  94.             <div class="card-header" style="padding-bottom: 5px;">
  95.  
  96.                 <h3>Relationships</h3>
  97.             </div>
  98.             <div style="padding: 10px 20px; height:460px; overflow-y: scroll;">
  99.                 <!--------------RELATIONSHIPS-------------->
  100.  
  101.                 <table style="margin-right: calc(-62%); width: 162%;">
  102.                     <!--------------Copy & paste or remove boxes for appropriate number of relationships-------------->
  103.                     <tbody>
  104.                         <tr>
  105.                             <td colspan="2" style="width: 31.2625%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  106.                                 <a href=""><img src="https://file.toyhou.se/characters/1464664?1516489836.png" class="fr-fic fr-dii" width="129" height="129"></a>
  107.                             </td>
  108.                             <td style="width: 68.5383%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">NAME
  109.                                 <br>title</td>
  110.                         </tr>
  111.                         <tr>
  112.                             <td colspan="3" style="width: 99.8008%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">relationship description relationship description relationship description relationship description relationship description relationship description relationship description relationship description
  113.                                 <br>
  114.                             </td>
  115.                         </tr>
  116.                         <!--------------END OF RELATIONSHIPS-------------->
  117.                     </tbody>
  118.                 </table>
  119.             </div>
  120.         </div>
  121.     </div>
  122.     <!--------------PALETTE-------------->
  123.     <div class="row" style="margin: 10px;">
  124.         <!--------------Copy & paste or remove boxes for appropriate number of colors, up to 12-------------->
  125.         <div class="col-sm" style="height:45px; background-color: #4D4443;">
  126.             <br>
  127.         </div>
  128.         <div class="col-sm" style="height:45px; background-color: #746356;">
  129.             <br>
  130.         </div>
  131.         <div class="col-sm" style="height:45px; background-color: #A45E4A;">
  132.             <br>
  133.         </div>
  134.         <div class="col-sm" style="height:45px; background-color: #4F6769;">
  135.             <br>
  136.         </div>
  137.         <!--------------END OF PALETTE-------------->
  138.     </div>
  139.     <div class="row">
  140.         <div class="col-sm card card-block" style="margin:10px 5px 10px 25px; padding: 0;">
  141.             <div class="card-header" style="padding-bottom: 5px;">
  142.  
  143.                 <h3>Aesthetic</h3>
  144.             </div>
  145.             <div>
  146.                 <!--------------AESTHETIC-------------->
  147.                 <div style="padding: 10px 20px; height:300px; overflow-y: scroll;">
  148.  
  149.                     <p>A description of this character&#39;s appearance &amp; their preferences when it comes to decorating both their body &amp; personal space.</p>
  150.                 </div>
  151.                 <!--------------END OF AESTHETIC-------------->
  152.             </div>
  153.         </div>
  154.         <div class="col-sm card card-block" style="margin:10px 5px; padding: 0;">
  155.             <div class="card-header" style="padding-bottom: 5px;">
  156.  
  157.                 <h3>Trivia</h3>
  158.             </div>
  159.             <div>
  160.                 <!--------------TRIVIA-------------->
  161.                 <div style="padding: 10px 20px; height:300px; overflow-y: scroll;">
  162.  
  163.                     <p>Tidbits that aren&#39;t really important/don&#39;t fit anywhere else.</p>
  164.                 </div>
  165.                 <!--------------END OF TRIVIA-------------->
  166.             </div>
  167.         </div>
  168.         <div class="col-sm  card card-block" style="margin:10px 25px 10px 5px; padding: 0;">
  169.             <div class="card-header" style="padding-bottom: 5px;">
  170.  
  171.                 <h3>Q &amp; A</h3>
  172.             </div>
  173.             <div>
  174.                 <!--------------Q&A-------------->
  175.                 <div style="padding: 10px 20px; height:300px; overflow-y: scroll;">
  176.  
  177.                     <p><strong>Q: Question</strong>
  178.                         <br>A: Answer
  179.                         <br>
  180.                         <br>
  181.                     </p>
  182.                 </div>
  183.                 <!--------------END OF Q&A-------------->
  184.             </div>
  185.         </div>
  186.     </div>
  187.     <!--------------Credit-------------->
  188.     <!--Links back to the original code page!  Please don't remove unless you feel you've edited it so heavily that the original code wouldn't be helpful to someone who wants a profile similar to yours-->
  189.  
  190.     <p style="text-align:right; margin-right: 15px;"><a href="https://toyhou.se/3042335.-free-simple-w-palette"><i class="fa fa-code"></i></a></p>
  191.     <!--------------Artist Notes-------------->
  192.     <div style="width:100%;">
  193.         <div class="card card-outline-danger card-bg-danger" style="margin: 0 auto; height:245px; width:450px; font-size: 0.9em; background: #fff; color: #000;">
  194.  
  195.             <h1 class="card-header bg-danger text-white"><i class="fa fa-paint-brush"></i> Artist Notes</h1>
  196.             <div class="card-block table-responsive">
  197.  
  198.                 <ul style="list-style-type: disc;">
  199.                     <li>Important design notes for people who you have draw your character.</li>
  200.                 </ul>
  201.             </div>
  202.         </div>
  203.     </div>
  204. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!