Guest User

Character Directory HTML

a guest
Mar 12th, 2019
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.97 KB | None | 0 0
  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>
Add Comment
Please, Sign In to add comment