SHARE
TWEET

Relationships Table

NilX Feb 27th, 2020 116 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container-fluid">
  2.   <!--[ ROW 01 ]-->
  3.   <div class="row">
  4.     <!--[ ROW 01: CHARACTER 01 (COLUMN 01; LEFT) ]-->
  5.     <div class="col-sm-3 p-1">
  6.       <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  7.         <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  8.         <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  9.         <!--[ NAME/ LINKS ]-->
  10.         <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  11.         <!--[ RELATIONSHIPS TABLE ]-->
  12.         <table class="border-0 table-striped table-hover w-100 mt-1">
  13.           <tr>
  14.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  15.           </tr>
  16.           <tr>
  17.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  18.           </tr>
  19.           <tr>
  20.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  21.           </tr>
  22.           <tr>
  23.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  24.           </tr>
  25.         </table>
  26.       </div>
  27.     </div>
  28.     <!--[ ROW 01: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  29.     <div class="col-sm-3 p-1">
  30.       <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  31.         <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  32.         <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  33.         <!--[ NAME/ LINKS ]-->
  34.         <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  35.         <!--[ RELATIONSHIPS TABLE ]-->
  36.         <table class="border-0 table-striped table-hover w-100 mt-1">
  37.           <tr>
  38.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  39.           </tr>
  40.           <tr>
  41.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  42.           </tr>
  43.           <tr>
  44.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  45.           </tr>
  46.           <tr>
  47.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  48.           </tr>
  49.         </table>
  50.       </div>
  51.     </div>
  52.     <!--[ ROW 01: CHARACTER 03 (COLUMN 03; MIDDLE RIGHT) ]-->
  53.     <div class="col-sm-3 p-1">
  54.       <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  55.         <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  56.         <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  57.         <!--[ NAME/ LINKS ]-->
  58.         <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  59.         <!--[ RELATIONSHIPS TABLE ]-->
  60.         <table class="border-0 table-striped table-hover w-100 mt-1">
  61.           <tr>
  62.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  63.           </tr>
  64.           <tr>
  65.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  66.           </tr>
  67.           <tr>
  68.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  69.           </tr>
  70.           <tr>
  71.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  72.           </tr>
  73.         </table>
  74.       </div>
  75.     </div>
  76.     <!--[ ROW 01: CHARACTER 04 (COLUMN 04; RIGHT) ]-->
  77.     <div class="col-sm-3 p-1">
  78.       <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  79.         <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  80.         <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  81.         <!--[ NAME/ LINKS ]-->
  82.         <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  83.         <!--[ RELATIONSHIPS TABLE ]-->
  84.         <table class="border-0 table-striped table-hover w-100 mt-1">
  85.           <tr>
  86.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  87.           </tr>
  88.           <tr>
  89.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  90.           </tr>
  91.           <tr>
  92.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  93.           </tr>
  94.           <tr>
  95.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  96.           </tr>
  97.         </table>
  98.       </div>
  99.     </div>
  100.   </div>
  101.   <!--[ ROW 02 ]-->
  102.   <div class="row">
  103.     <!--[ ROW 02: CHARACTER 01 (COLUMN 01; LEFT) ]-->
  104.     <div class="col-sm-3 p-1">
  105.       <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  106.         <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  107.         <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  108.         <!--[ NAME/ LINKS ]-->
  109.         <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  110.         <!--[ RELATIONSHIPS TABLE ]-->
  111.         <table class="border-0 table-striped table-hover w-100 mt-1">
  112.           <tr>
  113.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  114.           </tr>
  115.           <tr>
  116.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  117.           </tr>
  118.           <tr>
  119.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  120.           </tr>
  121.           <tr>
  122.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  123.           </tr>
  124.         </table>
  125.       </div>
  126.     </div>
  127.     <!--[ ROW 02: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  128.     <div class="col-sm-3 p-1">
  129.       <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  130.         <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  131.         <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  132.         <!--[ NAME/ LINKS ]-->
  133.         <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  134.         <!--[ RELATIONSHIPS TABLE ]-->
  135.         <table class="border-0 table-striped table-hover w-100 mt-1">
  136.           <tr>
  137.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  138.           </tr>
  139.           <tr>
  140.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  141.           </tr>
  142.           <tr>
  143.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  144.           </tr>
  145.           <tr>
  146.             <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  147.           </tr>
  148.         </table>
  149.       </div>
  150.     </div>
  151.   </div>
  152. </div>
RAW Paste Data
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
Top