SHARE
TWEET

Character Directory HTML

ElithianFox Jun 20th, 2019 (edited) 148 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container mx-auto p-0" style="font-size:.95rem;">
  2. <!-- --------------------------
  3.  
  4.            BIG HEADER
  5.  
  6. --------------------------- -->
  7. <div class="col-12 p-2"><div class="bg-faded p-3 py-4 mx-2 text-center"><h1 class="display-4">
  8.  
  9.  
  10.   <span style="font-size: 50px;">✦ title ✦</span>
  11.  
  12.  
  13. </h1></div><hr class="my-1"></div>
  14.  
  15. <div class="text-right pr-2 mb-2" style="font-size:.9rem;margin-top:-10px"></div>
  16. <!-- --------------------------
  17.  
  18.          BLURB
  19.  
  20. --------------------------- -->
  21. <div class="col-12 p-2"><div class="p-3">
  22.  
  23.  
  24.   <p align="justify" class="mb-3">text</p>
  25.  
  26.  
  27. </div></div>
  28.  
  29.  
  30.  
  31.  
  32. <!-- --------------------------
  33.  
  34.          GROUPING
  35.  
  36. --------------------------- -->  
  37. <div class="col-12 p-2 mb-5"><div class="bg-faded p-3 py-4 mx-2 text-left"><h1 class="display-4">
  38.   <span style="font-size: 35px">grouping</span>
  39. </h1></div><hr class="my-1">
  40.  
  41. <div class="row no-gutters">
  42. <!-- -------------------
  43.  
  44.         STARTING TEXT
  45.  
  46. -------------------- -->
  47. <div class="col-12 p-2"><div class="p-3">
  48.  
  49.  
  50.   <p align="justify">text</p>
  51.  
  52.   <p align="justify" class="mb-3">text</p>
  53.  
  54. </div><hr class="my-1"></div>
  55. <!-- --------------------------
  56.  
  57.              NAME1
  58.  
  59.   --------------------------- -->
  60. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  61. name</div><hr class="my-1">
  62. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  63. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  64. <!-- --------------------------
  65.  
  66.  
  67.             LEFT
  68.  
  69.  
  70. --------------------------- -->
  71. <div class="col-lg-3 row no-gutters">
  72.   <div class="col-12 p-1">
  73.   <div class="p-3 h-100">
  74.     <div class="my-3">
  75.      
  76.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  77.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  78.       <br>x words
  79.       <br>status
  80.       <br>detailed</p>
  81.      
  82.      
  83.     </div>
  84.   </div>
  85.   </div>
  86. </div>
  87. <!-- --------------------------
  88.  
  89.  
  90.            RIGHT
  91.  
  92.  
  93. --------------------------- -->
  94. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  95.     <div class="card rounded-0 border-0 d-block p-3">
  96.      
  97.       <p align="justify">text</p>
  98.      
  99.       <p align="justify">text</p>
  100.      
  101.       <p align="justify">text</p>
  102.      
  103. </div></div></div></div>
  104. </div></div>
  105.  
  106. </div></div>
  107.  
  108.  
  109.  
  110.  
  111. <!-- --------------------------
  112.  
  113.          GROUPING
  114.  
  115. --------------------------- -->  
  116. <div class="col-12 p-2 mb-5"><div class="bg-faded p-3 py-4 mx-2 text-left"><h1 class="display-4">
  117.   <span style="font-size: 35px">grouping</span>
  118. </h1></div><hr class="my-1">
  119.  
  120. <div class="row no-gutters">
  121. <!-- -------------------
  122.  
  123.         STARTING TEXT
  124.  
  125. -------------------- -->
  126. <div class="col-12 p-2"><div class="p-3">
  127.  
  128.  
  129.   <p align="justify">text</p>
  130.  
  131.   <p align="justify" class="mb-3">text</p>
  132.  
  133. </div><hr class="my-1"></div>
  134. <!-- --------------------------
  135.  
  136.              NAME1
  137.  
  138.   --------------------------- -->
  139. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  140. name</div><hr class="my-1">
  141. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  142. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  143. <!-- --------------------------
  144.  
  145.  
  146.             LEFT
  147.  
  148.  
  149. --------------------------- -->
  150. <div class="col-lg-3 row no-gutters">
  151.   <div class="col-12 p-1">
  152.   <div class="p-3 h-100">
  153.     <div class="my-3">
  154.      
  155.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  156.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  157.       <br>x words
  158.       <br>status
  159.       <br>detailed</p>
  160.      
  161.      
  162.     </div>
  163.   </div>
  164.   </div>
  165. </div>
  166. <!-- --------------------------
  167.  
  168.  
  169.            RIGHT
  170.  
  171.  
  172. --------------------------- -->
  173. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  174.     <div class="card rounded-0 border-0 d-block p-3">
  175.      
  176.       <p align="justify">text</p>
  177.      
  178.       <p align="justify">text</p>
  179.      
  180.       <p align="justify">text</p>
  181.      
  182. </div></div></div></div>
  183. </div></div>
  184. <!-- --------------------------
  185.  
  186.              NAME2
  187.  
  188.   --------------------------- -->
  189. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  190. name</div><hr class="my-1">
  191. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  192. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  193. <!-- --------------------------
  194.  
  195.  
  196.             LEFT
  197.  
  198.  
  199. --------------------------- -->
  200. <div class="col-lg-3 row no-gutters">
  201.   <div class="col-12 p-1">
  202.   <div class="p-3 h-100">
  203.     <div class="my-3">
  204.      
  205.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  206.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  207.       <br>x words
  208.       <br>status
  209.       <br>detailed</p>
  210.      
  211.      
  212.     </div>
  213.   </div>
  214.   </div>
  215. </div>
  216. <!-- --------------------------
  217.  
  218.  
  219.            RIGHT
  220.  
  221.  
  222. --------------------------- -->
  223. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  224.     <div class="card rounded-0 border-0 d-block p-3">
  225.      
  226.       <p align="justify">text</p>
  227.      
  228.       <p align="justify">text</p>
  229.      
  230.       <p align="justify">text</p>
  231.      
  232. </div></div></div></div>
  233. </div></div>
  234.  
  235. </div></div>
  236.  
  237.  
  238.  
  239.  
  240. <!-- --------------------------
  241.  
  242.          GROUPING
  243.  
  244. --------------------------- -->  
  245. <div class="col-12 p-2 mb-5"><div class="bg-faded p-3 py-4 mx-2 text-left"><h1 class="display-4">
  246.   <span style="font-size: 35px">grouping</span>
  247. </h1></div><hr class="my-1">
  248.  
  249. <div class="row no-gutters">
  250. <!-- -------------------
  251.  
  252.         STARTING TEXT
  253.  
  254. -------------------- -->
  255. <div class="col-12 p-2"><div class="p-3">
  256.  
  257.  
  258.   <p align="justify">text</p>
  259.  
  260.   <p align="justify" class="mb-3">text</p>
  261.  
  262. </div><hr class="my-1"></div>
  263. <!-- --------------------------
  264.  
  265.              NAME1
  266.  
  267.   --------------------------- -->
  268. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  269. name</div><hr class="my-1">
  270. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  271. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  272. <!-- --------------------------
  273.  
  274.  
  275.             LEFT
  276.  
  277.  
  278. --------------------------- -->
  279. <div class="col-lg-3 row no-gutters">
  280.   <div class="col-12 p-1">
  281.   <div class="p-3 h-100">
  282.     <div class="my-3">
  283.      
  284.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  285.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  286.       <br>x words
  287.       <br>status
  288.       <br>detailed</p>
  289.      
  290.      
  291.     </div>
  292.   </div>
  293.   </div>
  294. </div>
  295. <!-- --------------------------
  296.  
  297.  
  298.            RIGHT
  299.  
  300.  
  301. --------------------------- -->
  302. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  303.     <div class="card rounded-0 border-0 d-block p-3">
  304.      
  305.       <p align="justify">text</p>
  306.      
  307.       <p align="justify">text</p>
  308.      
  309.       <p align="justify">text</p>
  310.      
  311. </div></div></div></div>
  312. </div></div>
  313. <!-- --------------------------
  314.  
  315.              NAME2
  316.  
  317.   --------------------------- -->
  318. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  319. name</div><hr class="my-1">
  320. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  321. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  322. <!-- --------------------------
  323.  
  324.  
  325.             LEFT
  326.  
  327.  
  328. --------------------------- -->
  329. <div class="col-lg-3 row no-gutters">
  330.   <div class="col-12 p-1">
  331.   <div class="p-3 h-100">
  332.     <div class="my-3">
  333.      
  334.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  335.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  336.       <br>x words
  337.       <br>status
  338.       <br>detailed</p>
  339.      
  340.     </div>
  341.   </div>
  342.   </div>
  343. </div>
  344. <!-- --------------------------
  345.  
  346.  
  347.            RIGHT
  348.  
  349.  
  350. --------------------------- -->
  351. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  352.     <div class="card rounded-0 border-0 d-block p-3">
  353.      
  354.       <p align="justify">text</p>
  355.      
  356.       <p align="justify">text</p>
  357.      
  358.       <p align="justify">text</p>
  359.      
  360. </div></div></div></div>
  361. </div></div>
  362. <!-- --------------------------
  363.  
  364.              NAME3
  365.  
  366.   --------------------------- -->
  367. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  368. name</div><hr class="my-1">
  369. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  370. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  371. <!-- --------------------------
  372.  
  373.  
  374.             LEFT
  375.  
  376.  
  377. --------------------------- -->
  378. <div class="col-lg-3 row no-gutters">
  379.   <div class="col-12 p-1">
  380.   <div class="p-3 h-100">
  381.     <div class="my-3">
  382.      
  383.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  384.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  385.       <br>x words
  386.       <br>status
  387.       <br>detailed</p>
  388.      
  389.     </div>
  390.   </div>
  391.   </div>
  392. </div>
  393. <!-- --------------------------
  394.  
  395.  
  396.            RIGHT
  397.  
  398.  
  399. --------------------------- -->
  400. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  401.     <div class="card rounded-0 border-0 d-block p-3">
  402.      
  403.       <p align="justify">text</p>
  404.      
  405.       <p align="justify">text</p>
  406.      
  407.       <p align="justify">text</p>
  408.      
  409. </div></div></div></div>
  410. </div></div>
  411.  
  412. </div></div>
  413.  
  414.  
  415.  
  416.  
  417. <!-- --------------------------
  418.  
  419.          GROUPING
  420.  
  421. --------------------------- -->  
  422. <div class="col-12 p-2 mb-5"><div class="bg-faded p-3 py-4 mx-2 text-left"><h1 class="display-4">
  423.   <span style="font-size: 35px">grouping</span>
  424. </h1></div><hr class="my-1">
  425.  
  426. <div class="row no-gutters">
  427. <!-- -------------------
  428.  
  429.         STARTING TEXT
  430.  
  431. -------------------- -->
  432. <div class="col-12 p-2"><div class="p-3">
  433.  
  434.   <p align="justify">text</p>
  435.  
  436.   <p align="justify" class="mb-3">text</p>
  437.  
  438. </div><hr class="my-1"></div>
  439. <!-- --------------------------
  440.  
  441.              NAME1
  442.  
  443.   --------------------------- -->
  444. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  445. name</div><hr class="my-1">
  446. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  447. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  448. <!-- --------------------------
  449.  
  450.  
  451.             LEFT
  452.  
  453.  
  454. --------------------------- -->
  455. <div class="col-lg-3 row no-gutters">
  456.   <div class="col-12 p-1">
  457.   <div class="p-3 h-100">
  458.     <div class="my-3">
  459.      
  460.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  461.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  462.       <br>x words
  463.       <br>status
  464.       <br>detailed</p>
  465.      
  466.      
  467.     </div>
  468.   </div>
  469.   </div>
  470. </div>
  471. <!-- --------------------------
  472.  
  473.  
  474.            RIGHT
  475.  
  476.  
  477. --------------------------- -->
  478. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  479.     <div class="card rounded-0 border-0 d-block p-3">
  480.      
  481.       <p align="justify">text</p>
  482.      
  483.       <p align="justify">text</p>
  484.      
  485.       <p align="justify">text</p>
  486.      
  487. </div></div></div></div>
  488. </div></div>
  489. <!-- --------------------------
  490.  
  491.              NAME2
  492.  
  493.   --------------------------- -->
  494. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  495. name</div><hr class="my-1">
  496. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  497. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  498. <!-- --------------------------
  499.  
  500.  
  501.             LEFT
  502.  
  503.  
  504. --------------------------- -->
  505. <div class="col-lg-3 row no-gutters">
  506.   <div class="col-12 p-1">
  507.   <div class="p-3 h-100">
  508.     <div class="my-3">
  509.      
  510.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  511.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  512.       <br>x words
  513.       <br>status
  514.       <br>detailed</p>
  515.      
  516.      
  517.     </div>
  518.   </div>
  519.   </div>
  520. </div>
  521. <!-- --------------------------
  522.  
  523.  
  524.            RIGHT
  525.  
  526.  
  527. --------------------------- -->
  528. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  529.     <div class="card rounded-0 border-0 d-block p-3">
  530.      
  531.       <p align="justify">text</p>
  532.      
  533.       <p align="justify">text</p>
  534.      
  535.       <p align="justify">text</p>
  536.      
  537. </div></div></div></div>
  538. </div></div>
  539. <!-- --------------------------
  540.  
  541.              NAME3
  542.  
  543.   --------------------------- -->
  544. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  545. name</div><hr class="my-1">
  546. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  547. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  548. <!-- --------------------------
  549.  
  550.  
  551.             LEFT
  552.  
  553.  
  554. --------------------------- -->
  555. <div class="col-lg-3 row no-gutters">
  556.   <div class="col-12 p-1">
  557.   <div class="p-3 h-100">
  558.     <div class="my-3">
  559.      
  560.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  561.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  562.       <br>x words
  563.       <br>status
  564.       <br>detailed</p>
  565.      
  566.      
  567.     </div>
  568.   </div>
  569.   </div>
  570. </div>
  571. <!-- --------------------------
  572.  
  573.  
  574.            RIGHT
  575.  
  576.  
  577. --------------------------- -->
  578. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  579.     <div class="card rounded-0 border-0 d-block p-3">
  580.      
  581.       <p align="justify">text</p>
  582.      
  583.       <p align="justify">text</p>
  584.      
  585.       <p align="justify">text</p>
  586.      
  587. </div></div></div></div>
  588. </div></div>
  589. <!-- --------------------------
  590.  
  591.              NAME4
  592.  
  593. --------------------------- -->
  594. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  595. name</div><hr class="my-1">
  596. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  597. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  598. <!-- --------------------------
  599.  
  600.  
  601.             LEFT
  602.  
  603.  
  604. --------------------------- -->
  605. <div class="col-lg-3 row no-gutters">
  606.   <div class="col-12 p-1">
  607.   <div class="p-3 h-100">
  608.     <div class="my-3">
  609.      
  610.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  611.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  612.       <br>x words
  613.       <br>status
  614.       <br>detailed</p>
  615.      
  616.      
  617.     </div>
  618.   </div>
  619.   </div>
  620. </div>
  621. <!-- --------------------------
  622.  
  623.  
  624.            RIGHT
  625.  
  626.  
  627. --------------------------- -->
  628. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  629.     <div class="card rounded-0 border-0 d-block p-3">
  630.      
  631.       <p align="justify">text</p>
  632.      
  633.       <p align="justify">text</p>
  634.      
  635.       <p align="justify">text</p>
  636.      
  637. </div></div></div></div>
  638. </div></div>
  639.  
  640. </div></div>
  641.  
  642.  
  643.  
  644.  
  645. <!-- --------------------------
  646.  
  647.          GROUPING
  648.  
  649. --------------------------- -->  
  650. <div class="col-12 p-2 mb-5"><div class="bg-faded p-3 py-4 mx-2 text-left"><h1 class="display-4">
  651.   <span style="font-size: 35px">grouping</span>
  652. </h1></div><hr class="my-1">
  653.  
  654. <div class="row no-gutters">
  655. <!-- -------------------
  656.  
  657.         STARTING TEXT
  658.  
  659. -------------------- -->
  660. <div class="col-12 p-2"><div class="p-3">
  661.  
  662.  
  663.   <p align="justify">text</p>
  664.  
  665.   <p align="justify" class="mb-3">text</p>
  666.  
  667. </div><hr class="my-1"></div>
  668. <!-- --------------------------
  669.  
  670.              NAME1
  671.  
  672.   --------------------------- -->
  673. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  674. name</div><hr class="my-1">
  675. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  676. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  677. <!-- --------------------------
  678.  
  679.  
  680.             LEFT
  681.  
  682.  
  683. --------------------------- -->
  684. <div class="col-lg-3 row no-gutters">
  685.   <div class="col-12 p-1">
  686.   <div class="p-3 h-100">
  687.     <div class="my-3">
  688.      
  689.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  690.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  691.       <br>x words
  692.       <br>status
  693.       <br>detailed</p>
  694.      
  695.      
  696.     </div>
  697.   </div>
  698.   </div>
  699. </div>
  700. <!-- --------------------------
  701.  
  702.  
  703.            RIGHT
  704.  
  705.  
  706. --------------------------- -->
  707. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  708.     <div class="card rounded-0 border-0 d-block p-3">
  709.      
  710.       <p align="justify">text</p>
  711.      
  712.       <p align="justify">text</p>
  713.      
  714.       <p align="justify">text</p>
  715.      
  716. </div></div></div></div>
  717. </div></div>
  718. <!-- --------------------------
  719.  
  720.              NAME2
  721.  
  722.   --------------------------- -->
  723. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  724. name</div><hr class="my-1">
  725. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  726. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  727. <!-- --------------------------
  728.  
  729.  
  730.             LEFT
  731.  
  732.  
  733. --------------------------- -->
  734. <div class="col-lg-3 row no-gutters">
  735.   <div class="col-12 p-1">
  736.   <div class="p-3 h-100">
  737.     <div class="my-3">
  738.      
  739.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  740.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  741.       <br>x words
  742.       <br>status
  743.       <br>detailed</p>
  744.      
  745.      
  746.     </div>
  747.   </div>
  748.   </div>
  749. </div>
  750. <!-- --------------------------
  751.  
  752.  
  753.            RIGHT
  754.  
  755.  
  756. --------------------------- -->
  757. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  758.     <div class="card rounded-0 border-0 d-block p-3">
  759.      
  760.       <p align="justify">text</p>
  761.      
  762.       <p align="justify">text</p>
  763.      
  764.       <p align="justify">text</p>
  765.      
  766. </div></div></div></div>
  767. </div></div>
  768. <!-- --------------------------
  769.  
  770.              NAME3
  771.  
  772.   --------------------------- -->
  773. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  774. name</div><hr class="my-1">
  775. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  776. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  777. <!-- --------------------------
  778.  
  779.  
  780.             LEFT
  781.  
  782.  
  783. --------------------------- -->
  784. <div class="col-lg-3 row no-gutters">
  785.   <div class="col-12 p-1">
  786.   <div class="p-3 h-100">
  787.     <div class="my-3">
  788.      
  789.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  790.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  791.       <br>x words
  792.       <br>status
  793.       <br>detailed</p>
  794.      
  795.      
  796.     </div>
  797.   </div>
  798.   </div>
  799. </div>
  800. <!-- --------------------------
  801.  
  802.  
  803.            RIGHT
  804.  
  805.  
  806. --------------------------- -->
  807. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  808.     <div class="card rounded-0 border-0 d-block p-3">
  809.      
  810.       <p align="justify">text</p>
  811.      
  812.       <p align="justify">text</p>
  813.      
  814.       <p align="justify">text</p>
  815.      
  816. </div></div></div></div>
  817. </div></div>
  818. <!-- --------------------------
  819.  
  820.              NAME4
  821.  
  822. --------------------------- -->
  823. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  824. name</div><hr class="my-1">
  825. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  826. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  827. <!-- --------------------------
  828.  
  829.  
  830.             LEFT
  831.  
  832.  
  833. --------------------------- -->
  834. <div class="col-lg-3 row no-gutters">
  835.   <div class="col-12 p-1">
  836.   <div class="p-3 h-100">
  837.     <div class="my-3">
  838.      
  839.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  840.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  841.       <br>x words
  842.       <br>status
  843.       <br>detailed</p>
  844.      
  845.      
  846.     </div>
  847.   </div>
  848.   </div>
  849. </div>
  850. <!-- --------------------------
  851.  
  852.  
  853.            RIGHT
  854.  
  855.  
  856. --------------------------- -->
  857. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  858.     <div class="card rounded-0 border-0 d-block p-3">
  859.      
  860.       <p align="justify">text</p>
  861.      
  862.       <p align="justify">text</p>
  863.      
  864.       <p align="justify">text</p>
  865.      
  866. </div></div></div></div>
  867. </div></div>
  868. <!-- --------------------------
  869.  
  870.              NAME5
  871.  
  872. --------------------------- -->
  873. <div class="col-12 p-2"><div class="bg-faded p-3 display-4" style="text-align: center;" style="font-size:1.5rem;">
  874. name</div><hr class="my-1">
  875. <div class="col-12 p-2"><p align="center">stats</p></div><hr class="my-1">
  876. <div class="row no-gutters py-1 mt-1" style="line-height:1?7;margin:0 -4px">
  877. <!-- --------------------------
  878.  
  879.  
  880.             LEFT
  881.  
  882.  
  883. --------------------------- -->
  884. <div class="col-lg-3 row no-gutters">
  885.   <div class="col-12 p-1">
  886.   <div class="p-3 h-100">
  887.     <div class="my-3">
  888.      
  889.       <p align="center"><a href=""><img src="https://cdn.discordapp.com/attachments/546721371200159745/546725949799006238/Z_TrueEmpty.png" style="height:250px"></a>
  890.       <br><span style="font-size: 18px;"><a href="">x's profile</a></span>
  891.       <br>x words
  892.       <br>status
  893.       <br>detailed</p>
  894.      
  895.      
  896.     </div>
  897.   </div>
  898.   </div>
  899. </div>
  900. <!-- --------------------------
  901.  
  902.  
  903.            RIGHT
  904.  
  905.  
  906. --------------------------- -->
  907. <div class="col-lg-9 row no-gutters"><div class="col-12 p-1"><div class="p-3 h-100">
  908.     <div class="card rounded-0 border-0 d-block p-3">
  909.      
  910.       <p align="justify">text</p>
  911.      
  912.       <p align="justify">text</p>
  913.      
  914.       <p align="justify">text</p>
  915.      
  916. </div></div></div></div>
  917. </div></div>
  918.  
  919. </div></div>
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926. <!----- CREDIT ----->
  927. <div class="bg-faded p-2 text-right "><small>Layout by <a class="text-muted" href="https://toyhou.se/ElithianFox">ElithianFox</a> <i class="far fa-code fa-fw"></i> Code by <a class="text-muted" href="https://toyhou.se/vomcodesstuff">Vom</a> and <a class="text-muted" href="https://toyhou.se/ElithianFox">ElithianFox</a></small></div></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