API tools faq
paste
tera-toma

Penultimate DnD TAB 1

tera-toma
Dec 25th, 2020 (edited)
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.45 KB | None | 0 0
raw download clone embed print report
  1.             <div class="tab-pane active show p-1" style="border-top-left-radius: 0; border-top-right-radius: 0; height: 505px; border-top: 0px;" id="ONE">
  2.                 <div class="row no-gutters">
  3.                     <div class="col-12 pb-2">
  4.                         <i class="fas text-warning fa-quote-left float-left p-1" style="font-size: 1.25rem;  text-indent: 25px;"></i> <p class="float-left" style="line-height: 50px; font-weight: 100; font-size: 1.5rem; text-indent: 25px;">This is the beginning of your quote here...</p>
  5.                         <p class="float-right" style="font-style: italic; line-height: 0px; font-weight: 100; font-size: 1.5rem; padding-right:25px;">... and the end here. Keep it short, but it can be pretty long. <i class="fas text-warning fa-quote-right float-right p-1" style="font-size: 1.25rem; text-indent: 25px; "></i></p>
  6.                     </div>
  7.                    
  8.                     <div class="col-2 p-1">
  9.                         <div class="card p-2" style="text-align: center; height: 100px;">
  10.                             <p class="text-info" style="font-size: 1rem; font-weight: 100; letter-spacing: 6px; ">STR</p>
  11.                             <p style="line-height: 5px; font-size: 2rem; letter-spacing: 4px; ">16</p>
  12.                             <p class="text-primary" style="line-height: px; font-weight: 500; font-size: 1rem; letter-spacing: 2px; ">+3</p>
  13.                         </div>
  14.                     </div>
  15.                    
  16.                     <div class="col-2 p-1">
  17.                         <div class="card p-2" style="text-align: center; height: 100px;">
  18.                             <p class="text-info" style="font-size: 1rem; font-weight: 100; letter-spacing: 6px; ">DEX</p>
  19.                             <p style="line-height: 5px; font-size: 2rem; letter-spacing: 4px; ">12</p>
  20.                             <p class="text-primary" style="line-height: px; font-weight: 500; font-size: 1rem; letter-spacing: 2px; ">+1</p>
  21.                         </div>
  22.                     </div>
  23.                    
  24.                     <div class="col-2 p-1">
  25.                         <div class="card p-2" style="text-align: center; height: 100px;">
  26.                             <p class="text-info" style="font-size: 1rem; font-weight: 100; letter-spacing: 6px; ">CON</p>
  27.                             <p style="line-height: 5px; font-size: 2rem; letter-spacing: 4px; ">8</p>
  28.                             <p class="text-primary" style="line-height: px; font-weight: 500; font-size: 1rem; letter-spacing: 2px; ">-1</p>
  29.                         </div>
  30.                     </div>
  31.                    
  32.                     <div class="col-2 p-1">
  33.                         <div class="card p-2" style="text-align: center; height: 100px;">
  34.                             <p class="text-info" style="font-size: 1rem; font-weight: 100; letter-spacing: 6px; ">INT</p>
  35.                             <p style="line-height: 5px; font-size: 2rem; letter-spacing: 4px; ">17</p>
  36.                             <p class="text-primary" style="line-height: px; font-weight: 500; font-size: 1rem; letter-spacing: 2px; ">+3</p>
  37.                         </div>
  38.                     </div>
  39.                    
  40.                     <div class="col-2 p-1">
  41.                         <div class="card p-2" style="text-align: center; height: 100px;">
  42.                             <p class="text-info" style="font-size: 1rem; font-weight: 100; letter-spacing: 6px; ">WIS</p>
  43.                             <p style="line-height: 5px; font-size: 2rem; letter-spacing: 4px; ">14</p>
  44.                             <p class="text-primary" style="line-height: px; font-weight: 500; font-size: 1rem; letter-spacing: 2px; ">+2</p>
  45.                         </div>
  46.                     </div>
  47.                    
  48.                     <div class="col-2 p-1">
  49.                         <div class="card p-2" style="text-align: center; height: 100px;">
  50.                             <p class="text-info" style="font-size: 1rem; font-weight: 100; letter-spacing: 6px; ">CHA</p>
  51.                             <p style="line-height: 5px; font-size: 2rem; letter-spacing: 4px; ">19</p>
  52.                             <p class="text-primary" style="line-height: px; font-weight: 500; font-size: 1rem; letter-spacing: 2px; ">+4</p>
  53.                         </div>
  54.                     </div>
  55.                    
  56.                     <div class="col-12 p-1">
  57.                         <ul class="list-group">
  58.                             <div class="row no-gutters">
  59.                                 <div class="col-6">
  60.                                     <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border: 0;">
  61.                                         <span class="text-secondary text-uppercase">class</span>
  62.                                         <span class="text pull-right">INFO</span>
  63.                                     </div>
  64.                                 </div>
  65.                                 <div class="col-6">
  66.                                     <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border: 0;">
  67.                                         <span class="text-secondary text-uppercase">background</span>
  68.                                         <span class="text pull-right">INFO</span>
  69.                                     </div>
  70.                                 </div>
  71.                                
  72.                                 <div class="col-6">
  73.                                     <div class="card d-block bg p-2 px-3" style="border-radius: 0; border: 0;">
  74.                                         <span class="text-secondary text-uppercase">origin</span>
  75.                                         <span class="text pull-right">INFO</span>
  76.                                     </div>
  77.                                 </div>
  78.                                 <div class="col-6">
  79.                                     <div class="card d-block bg p-2 px-3" style="border-radius: 0; border: 0;">
  80.                                         <span class="text-secondary text-uppercase">orientation</span>
  81.                                         <span class="text pull-right">INFO</span>
  82.                                     </div>
  83.                                 </div>
  84.                                
  85.                                 <div class="col-6">
  86.                                     <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border: 0;">
  87.                                         <span class="text-secondary text-uppercase">gender</span>
  88.                                         <span class="text pull-right">INFO</span>
  89.                                     </div>
  90.                                 </div>
  91.                                 <div class="col-6">
  92.                                     <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border: 0;">
  93.                                         <span class="text-secondary text-uppercase">pronouns</span>
  94.                                         <span class="text pull-right">INFO</span>
  95.                                     </div>
  96.                                 </div>
  97.                                
  98.                                 <div class="col-6">
  99.                                     <div class="card d-block bg p-2 px-3" style="border-radius: 0; border: 0;">
  100.                                         <span class="text-secondary text-uppercase">alignment</span>
  101.                                         <span class="text pull-right">INFO</span>
  102.                                     </div>
  103.                                 </div>
  104.                                 <div class="col-6">
  105.                                     <div class="card d-block bg p-2 px-3" style="border-radius: 0; border: 0;">
  106.                                         <span class="text-secondary text-uppercase">passive wis</span>
  107.                                         <span class="text pull-right">INFO</span>
  108.                                     </div>
  109.                                 </div>
  110.                                
  111.                                 <div class="col-6">
  112.                                     <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border: 0;">
  113.                                         <span class="text-secondary text-uppercase">inspiration</span>
  114.                                         <span class="text pull-right">INFO</span>
  115.                                     </div>
  116.                                 </div>
  117.                                 <div class="col-6">
  118.                                     <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border: 0;">
  119.                                         <span class="text-secondary text-uppercase">experience</span>
  120.                                         <span class="text pull-right">INFO</span>
  121.                                     </div>
  122.                                 </div>
  123.                             </div>
  124.                         </ul>
  125.                     </div>
  126.                        
  127.                             <div class="col-3 p-1">
  128.                                 <div class="card" style="height: 86px; background-image: url(https://via.placeholder.com/201x86); background-size: cover; background-position: center; background-repeat: no-repeat;">
  129.                                 </div>
  130.                             </div>
  131.                             <div class="col-3 p-1">
  132.                                 <div class="card" style="height: 86px; background-image: url(https://via.placeholder.com/201x86); background-size: cover; background-position: center; background-repeat: no-repeat;">
  133.                                 </div>
  134.                             </div>
  135.                             <div class="col-3 p-1">
  136.                                 <div class="card" style="height: 86px; background-image: url(https://via.placeholder.com/201x86); background-size: cover; background-position: center; background-repeat: no-repeat;">
  137.                                 </div>
  138.                             </div>
  139.                             <div class="col-3 p-1">
  140.                                 <div class="card" style="height: 86px; background-image: url(https://via.placeholder.com/201x86); background-size: cover; background-position: center; background-repeat: no-repeat;">
  141.                                 </div>
  142.                             </div>
  143.                    
  144.                 </div>
  145.                
  146.             </div>
  147.  
Add Comment
Please, Sign In to add comment
Public Pastes
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!