Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="tab-pane p-1" style="border-top-left-radius: 0; border-top-right-radius: 0; height: 505px; border-top: 0px;" id="TWO">
- <div class="row no-gutters justify-content-center">
- <div class="col-1 p-3 text-center"><i class="fas fa-dice-d20 fa-3x"></i></div>
- <div class="col-3 p-1">
- <div class="card w-100" style="text-align: center; height: 75px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">AC</div>
- <p class="text-secondary" style="line-height: 40px; font-size: 2rem; letter-spacing: 4px; ">16</p>
- </div>
- </div>
- <div class="col-3 p-1">
- <div class="card w-100" style="text-align: center; height: 75px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">speed</div>
- <p class="text-secondary" style="line-height: 40px; font-size: 2rem; letter-spacing: 4px; ">45</p>
- </div>
- </div>
- <div class="col-3 p-1">
- <div class="card w-100" style="text-align: center; height: 75px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">initiative</div>
- <p class="text-secondary" style="line-height: 40px; font-size: 2rem; letter-spacing: 4px; ">3</p>
- </div>
- </div>
- <div class="col-1 p-3 text-center"><i class="fas fa-dice-d20 fa-3x"></i></div>
- <div class="col-12 p-1">
- <div class="card rounded-0 w-100" style="">
- <ul class="list-group">
- <div class="row no-gutters" style="font-size: 0.8em;">
- <div class="col-4">
- <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border: 0;">
- <span class="text-secondary text-uppercase">acrobatics</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg p-2 px-3" style="border-radius: 0; border-top: 0; border-bottom: 0;">
- <span class="text-secondary text-uppercase">insight</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border: 0;">
- <span class="text-secondary text-uppercase">performance</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">animal handling</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg p-2 px-3" style="border-radius: 0; border-bottom: 0;">
- <span class="text-secondary text-uppercase">intimidation</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">persuasion</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">arcana</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg p-2 px-3" style="border-radius: 0; border-bottom: 0;">
- <span class="text-secondary text-uppercase">investigation</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">religion</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">athletics</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg p-2 px-3" style="border-radius: 0; border-bottom: 0;">
- <span class="text-secondary text-uppercase">medicine</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">sleight of hand</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">deception</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg p-2 px-3" style="border-radius: 0; border-bottom: 0;">
- <span class="text-secondary text-uppercase">nature</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">stealth</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">history</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg p-2 px-3" style="border-radius: 0;border-bottom: 0;">
- <span class="text-secondary text-uppercase">perception</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- <div class="col-4">
- <div class="card d-block bg-faded p-2 px-3" style="border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0;">
- <span class="text-secondary text-uppercase">survival</span>
- <span class="text pull-right">INFO</span>
- </div>
- </div>
- </div>
- </ul>
- </div>
- </div>
- <div class="col-4 pt-2 p-1">
- <div class="card w-100" style="text-align: center; height: 85px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">current hp</div>
- <p class="text" style="line-height: 50px; font-size: 2rem; letter-spacing: 4px; ">52</p>
- </div>
- </div>
- <div class="col-4 pt-2 p-1">
- <div class="card w-100" style="text-align: center; height: 85px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">maximum hp</div>
- <p class="text" style="line-height: 50px; font-size: 2rem; letter-spacing: 4px; ">64</p>
- </div>
- </div>
- <div class="col-4 pt-2 p-1">
- <div class="card w-100" style="text-align: center; height: 85px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">temporary hp</div>
- <p class="text" style="line-height: 50px; font-size: 2rem; letter-spacing: 4px; ">12</p>
- </div>
- </div>
- <div class="col-1 pt-5 p-2 text-center"><i class="fas fa-scroll fa-flip-horizontal fa-3x"></i></div>
- <div class="col-2 p-1">
- <div class="card w-100" style="text-align: center; height: 96px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">saves</div>
- <p class="text-secondary" style="line-height: 65px; font-size: 2rem; letter-spacing: 4px; ">3/3</p>
- </div>
- </div>
- <div class="col-2 p-1">
- <div class="card w-100" style="text-align: center; height: 96px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">cp</div>
- <p class="text-secondary" style="line-height: 65px; font-size: 2rem; letter-spacing: 4px; ">97</p>
- </div>
- </div>
- <div class="col-2 p-1">
- <div class="card w-100" style="text-align: center; height: 96px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">sp</div>
- <p class="text-secondary" style="line-height: 65px; font-size: 2rem; letter-spacing: 4px; ">25</p>
- </div>
- </div>
- <div class="col-2 p-1">
- <div class="card w-100" style="text-align: center; height: 96px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">gp</div>
- <p class="text-secondary" style="line-height: 65px; font-size: 2rem; letter-spacing: 4px; ">174</p>
- </div>
- </div>
- <div class="col-2 p-1">
- <div class="card w-100" style="text-align: center; height: 96px;">
- <div class="card-header text-info text-uppercase" style="font-size: 1rem; font-weight: 100; letter-spacing: 4px; line-height: 5px;">pp</div>
- <p class="text-secondary" style="line-height: 65px; font-size: 2rem; letter-spacing: 4px; ">5</p>
- </div>
- </div>
- <div class="col-1 pt-5 p-2 text-center"><i class="fas fa-scroll fa-3x"></i></div>
- </div>
- </div>
Add Comment
Please, Sign In to add comment