API tools faq
paste
Advertisement
Guest User

Tabbed Profile

a guest
Nov 7th, 2019
869
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.97 KB | None | 0 0
raw download clone embed print report
  1. <!-- Sections marked !FILL! show a field you can change -->
  2.  
  3. <div class="container">
  4.  
  5. <!-- !FILL! --> <h1 class="display-2 text-center text-primary">Name</h1>
  6. <!-- !FILL! --> <h6 class="text-center">short description/keywords (e.g. Race, Job)</h6>
  7.  
  8. <!-- Image & Stats BEGIN -->
  9.  
  10. <div class="row mt-2 mb-3" >
  11. <div class="col-lg-6 pr-0" ><div class="card-block text-right p-0 pr-1 modal-open" style="height:400px;" ><div>
  12.  
  13. <!-- !FILL! --> <img src="https://orig00.deviantart.net/897a/f/2017/287/0/0/scan_2_c_ss_by_milay-dbql5r1.png"><!-- recommended images max. 400x400, but all images are made to fit automatically. Images that are wider get resized, and images that are higher get cut off --> <!-- to have higher images being resized automatically, use <img src="url" style="height:400px;"> -->
  14.  
  15. </div></div></div>
  16. <div class="col-lg-6 pl-1"><div class="pl-0 card-block table-responsive" style="height:auto;">
  17. <table style="margin-left:0px;margin-right:auto;border:0px;"><tbody>
  18. <tr>
  19. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Name</strong></span></td>
  20. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  21. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  22.  
  23. <!-- !FILL! - Name --> Name</span></td>
  24.  
  25. </tr><tr>
  26. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Titles/Nicknames</strong></span></td>
  27. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  28. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  29.  
  30. <!-- !FILL! - Nicknames titles--> Nicknames</span></td>
  31.  
  32. </tr><tr>
  33. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Gender/Pronouns</strong></span></td>
  34. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  35. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  36.  
  37. <!-- !FILL! -Gender/Pronouns-->male/female/nonbinary (he/she/they)</span></td>
  38.  
  39. </tr><tr>
  40. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Age/Birthday</strong></span></td>
  41. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  42. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  43.  
  44. <!-- !FILL! - Age/Birthday-->¯\_(ツ)_/¯</span></td>
  45.  
  46. </tr><tr>
  47. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Species</strong></span></td>
  48. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  49. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  50.  
  51. <!-- !FILL! - Species - you can even link the species info! <a href="url">text</a> -->¯\_(ツ)_/¯</span></td></span></td>
  52.  
  53. </tr><tr>
  54. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Orientation/Status</strong></span></td>
  55. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  56. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  57.  
  58. <!-- !FILL! - Orientation/Status-->¯\_(ツ)_/¯</span></td>
  59.  
  60. </tr><tr>
  61. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Height</strong></span></td>
  62. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  63. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  64.  
  65. <!-- !FILL! - Height-->¯\_(ツ)_/¯</span></td>
  66.  
  67. </tr><tr>
  68. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Body Build</strong></span></td>
  69. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  70. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  71.  
  72. <!-- !FILL! - Body Build-->¯\_(ツ)_/¯</span></td>
  73.  
  74. </tr><tr>
  75. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Traits/Unique Features</strong></span></td>
  76. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  77. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  78.  
  79. <!-- !FILL! - Traits/Unique Features-->¯\_(ツ)_/¯</span></td>
  80.  
  81. </tr><tr>
  82. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Home</strong></span></td>
  83. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  84. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  85.  
  86. <!-- !FILL! - Origin/Home--> ¯\_(ツ)_/¯</span></td>
  87.  
  88. </tr><tr>
  89. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Voice Claim</strong></span></td>
  90. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  91. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  92.  
  93. <!-- !FILL! - Voice Claim --><a href="https://www.youtube.com/">who dis</a></span></td>
  94.  
  95. </tr><tr>
  96. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Theme Song/s</strong></span></td>
  97. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  98. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  99.  
  100. <!-- !FILL! - Theme Songs --><a href="https://www.youtube.com/">Artist - Song</a></span></td>
  101.  
  102. </tr><tr>
  103. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Personality</strong></span></td>
  104. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  105. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  106.  
  107. <!-- !FILL! - Personality-->it is a mystery</span></td>
  108.  
  109. </tr>
  110. <!--to add another option, end copying here-->
  111. <!-- paste here -->
  112.  
  113. </tbody></table>
  114. </div>
  115. </div>
  116. </div>
  117.  
  118. <!-- Image & Stats END-->
  119.  
  120. <div class="container-fluid px-0 mx-0">
  121. <div class="row">
  122. <div class="col-md-12 mb-6">
  123. <div class="card" style="border:none;">
  124. <div class="card-header" style="border:none; padding-top:0.5rem; padding-bottom:0.5rem;">
  125. <!--------- NAVIGATION ------ YOU CAN CHANGE THE ICONS/NAMES ---------------------------------->
  126. <ul class="nav nav-tabs card-header-tabs nav-justified">
  127. <li class="nav-item"><a class="nav-link active" style="border-top: 1px solid transparent;border-right: 1px solid transparent;border-left: 1px solid transparent;" data-toggle="tab" href="#ONE">
  128. <i class="fas fa-star"></i><span class="hidden-sm-down ml-1">About</span></a></li>
  129.  
  130. <li class="nav-item"><a class="nav-link" style="border-top: 1px solid transparent;border-right: 1px solid transparent;border-left: 1px solid transparent;" data-toggle="tab" href="#TWO">
  131. <i class="fas fa-bars"></i><span class="hidden-sm-down ml-1">Backstory</span></a></li>
  132.  
  133. <li class="nav-item"><a class="nav-link" style="border-top: 1px solid transparent;border-right: 1px solid transparent;border-left: 1px solid transparent;" data-toggle="tab" href="#THREE">
  134. <i class="fas fa-user-alt"></i><span class="hidden-sm-down ml-1">Relationships</span></a></li>
  135. </ul>
  136. </div>
  137. <div class="tab-content">
  138.  
  139. <!------------- TAB ONE ---------- BASICS --------------------------------------->
  140. <div class="tab-pane active show card-block cc" id="ONE">
  141. <!-- Details & About START -->
  142.  
  143. <div class="row">
  144. <div class="col-lg-5 pr-2 pl-0"><div class="card bg-faded card-block d-block mb-4 table-responsive" style="height:450px;overflow:hidden;border:none;">
  145. <h1 class="text-muted display-4 mb-4" style="border-bottom:1px solid;"></i> Details</h1>
  146.  
  147. <div style="max-height: 360px; overflow: auto; padding-right: 15px;">
  148.  
  149. <p class="text-uppercase text-primary mb-1">
  150. <!-- !FILL! name -->Languages</p>
  151.  
  152. <p style="font-size:9pt;" class="pl-3">
  153. <!-- !FILL! description --><i class="fa fa-angle-right" aria-hidden="true"></i> Common  <i class="fa fa-angle-right" aria-hidden="true"></i> Undercommon  <i class="fa fa-angle-right" aria-hidden="true"></i> Orc  <i class="fa fa-angle-right" aria-hidden="true"></i> Elven  <i class="fa fa-angle-right" aria-hidden="true"></i> Infernal</p>
  154.  
  155. <hr>
  156.  
  157. <p class="text-uppercase text-primary mb-1">
  158. <!-- !FILL! name -->Expertises</p>
  159.  
  160. <p style="font-size:9pt;" class="pl-3">
  161. <!-- !FILL! description --><i class="fa fa-angle-right" aria-hidden="true"></i> Stealth (Hide in Plain Sight)  <i class="fa fa-angle-right" aria-hidden="true"></i> Disable Device  <i class="fa fa-angle-right" aria-hidden="true"></i> Knife Master  <i class="fa fa-angle-right" aria-hidden="true"></i> Shadows</p>
  162.  
  163. <hr>
  164.  
  165. <p class="text-uppercase text-primary mb-1">
  166. <!-- !FILL! name -->Notable Items</p>
  167.  
  168. <p style="font-size:9pt;" class="pl-3">
  169. <i class="fa fa-angle-right" aria-hidden="true"></i> A Knife
  170. </p>
  171. <p style="font-size:9pt;" class="pl-4 text-muted">
  172. No!!!
  173. </p>
  174.  
  175.  
  176.  
  177. </div>
  178. </div>
  179.  
  180. </div>
  181. <div class="col-lg-7 pl-2 pr-0">
  182. <!-- About Box -->
  183. <div class="card mb-4 card-block bg-faded d-block rounded-bottom table-responsive" style="height:450px;overflow:hidden;border:none;">
  184. <div style="max-height: 420px; overflow: auto; padding-right: 15px;padding-bottom:20px;">
  185. <!-- !FILL! image --> <img src="https://orig00.deviantart.net/897a/f/2017/287/0/0/scan_2_c_ss_by_milay-dbql5r1.png" class="float-right m1-1 ml-2" style="height:300px;"><!-- looks best with transparent images - optional - feel free to remove - images will be resized to fit automatically - for images wider than 300px, change 'height' to 'width' -->
  186.  
  187. <h1 class="display-4 text-right text-muted mb-4" style="border-bottom:1px solid;">About</h1>
  188.  
  189. <!-- About Text START -->
  190.  
  191. <p style="font-size:9pt;" >
  192. <!-- !FILL! -->
  193. This is where you can write about your character!
  194. <ul style="font-size:9pt;" >
  195. <li>You can also</li>
  196. <li>add a bullet list</li>
  197. </ul>
  198. </p>
  199.  
  200. <p style="font-size:9pt;" >Add a new paragraph like this.</p>
  201.  
  202. <!-- About Text END -->
  203.  
  204.  
  205.  
  206. </div></div></div></div>
  207.  
  208. <!-- Details & About END-->
  209. </div>
  210.  
  211. <!------------- TAB TWO ---------- STATS --------------------------------------->
  212. <div class="tab-pane card-block cc" id="TWO">
  213. <!-- Backstory & Relationships START -->
  214. <!-- Backstory START -->
  215. <div class="row"><div class="col-lg-7 pr-2 pl-0">
  216. <div class="card mb-4 card-block bg-faded d-block rounded-bottom table-responsive" style="height:520px;font-size:9pt;overflow:hidden;border:none;">
  217. <h1 class="display-4 text-left text-muted mb-4" style="border-bottom:1px solid;">Backstory</h1>
  218. <div style="max-height: 420px; overflow: auto; padding-right: 15px;">
  219.  
  220. <!-- Origin Text START -->
  221.  
  222. <!-- !FILL! - Origin --><p class="text-muted" style="font-size:9pt;"><i>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</i></p>
  223. <!-- copypaste this part to add more paragraphs, like this: -->
  224.  
  225. <p class="text-muted" style="font-size:9pt;"><i>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</i></p>
  226.  
  227. <p class="text-muted" style="font-size:9pt;"><i>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</i></p>
  228.  
  229. <p class="text-muted" style="font-size:9pt;"><i>Add a new paragraph like this.</i></p>
  230.  
  231. <!-- Origin Text END -->
  232.  
  233.  
  234.  
  235. </div></div>
  236. </div>
  237.  
  238.  
  239. <!--image box start-->
  240. <div class="col-lg-5 pr-0">
  241.  
  242. <div class="card bg-faded card-block d-block mb-4 p-0 table-responsive" style="height:520px;overflow:hidden; line-height: 520px; vertical-align: middle;border:none;">
  243. <!-- !FILL! - big image --> <img src="https://pathfinderwiki.com/mediawiki/images/thumb/1/1f/Kintargo_skyline.jpg/800px-Kintargo_skyline.jpg" style="height: 520px; max-width: none; margin-top: -5px;">
  244. </div>
  245.  
  246. </div>
  247. <!-- image box end -->
  248.  
  249.  
  250. </div>
  251.  
  252. <!-- Backstory END -->
  253.  
  254.  
  255. <!-- Origin START -->
  256.  
  257. <div class="row">
  258.  
  259. <!--image box start-->
  260. <div class="col-lg-6 pr-2 pl-0">
  261.  
  262. <div class="card bg-faded card-block d-block mb-4 p-0 table-responsive" style="height:450px;overflow:hidden; line-height: 450px; vertical-align: middle;border:none;">
  263. <!-- !FILL! - big image --> <img src="https://pathfinderwiki.com/mediawiki/images/thumb/1/1f/Kintargo_skyline.jpg/800px-Kintargo_skyline.jpg" style="height: 450px; max-width: none; margin-top: -5px;">
  264. </div>
  265.  
  266.  
  267. <!-- image box end -->
  268. </div>
  269. <!-- Origin Box -->
  270. <div class="col-lg-6 pr-0">
  271.  
  272. <div class="card mb-4 card-block bg-faded d-block rounded-bottom table-responsive" style="height:450px;font-size:9pt;overflow:hidden;border:none;">
  273.  
  274.  
  275. <h1 class="display-4 text-right text-muted mb-4" style="border-bottom:1px solid;">Origin</h1>
  276.  
  277. <div style="max-height: 350px; overflow: auto; padding-right: 15px;">
  278. <!-- Origin Text START -->
  279.  
  280. <!-- !FILL! - Origin --> <p class="" style="font-size:9pt;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  281. <!-- copypaste this part to add more paragraphs, like this: -->
  282.  
  283. <p class="" style="font-size:9pt;">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
  284.  
  285. <p class="" style="font-size:9pt;">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
  286.  
  287. <p style="font-size:9pt;" >Add a new paragraph like this.</p>
  288.  
  289. <!-- Origin Text END -->
  290. </div></div>
  291. </div>
  292. </div>
  293. <!-- Origin END-->
  294.  
  295. </div>
  296.  
  297.  
  298.  
  299.  
  300. <!------------- TAB THREE ---------- TRIIVA --------------------------------------->
  301. <div class="tab-pane card-block cc" id="THREE">
  302. <!-- Relationship Block BEGIN -->
  303.  
  304. <div class="row">
  305. <div class="col-lg-6 pr-2 pl-0">
  306.  
  307. <div class="col-lg-12 pr-0 pl-0">
  308. <!-- About Box -->
  309. <div class="card mb-4 card-block bg-faded d-block rounded-bottom table-responsive" style="height:auto;overflow:hidden;border:none;">
  310. <div style="max-height: 420px; overflow: auto; padding-right: 15px;padding-bottom:20px;">
  311. <!-- !FILL! image --> <img src="https://orig00.deviantart.net/897a/f/2017/287/0/0/scan_2_c_ss_by_milay-dbql5r1.png" class="float-right m1-1 ml-2" style="height:300px;"><!-- looks best with transparent images - optional - feel free to remove - images will be resized to fit automatically - for images wider than 300px, change 'height' to 'width' -->
  312.  
  313. <h1 class="display-4 text-right text-muted mb-4" style="border-bottom:1px solid;">???</h1>
  314.  
  315. <!-- About Text START -->
  316.  
  317. <p style="font-size:9pt;" >
  318. <!-- !FILL! -->
  319. This could be about their most important person, or how your character interacts with others!
  320. </p>
  321.  
  322. <!-- About Text END -->
  323. </div></div></div>
  324.  
  325. <div class="col-lg-12 pr-0 pl-0">
  326. <!-- About Box -->
  327. <div class="card mb-4 card-block bg-faded d-block rounded-bottom table-responsive" style="height:auto;overflow:hidden;border:none;">
  328. <div style="max-height: 420px; overflow: auto; padding-right: 15px;padding-bottom:20px;">
  329. <!-- !FILL! image --> <img src="https://orig00.deviantart.net/897a/f/2017/287/0/0/scan_2_c_ss_by_milay-dbql5r1.png" class="float-left m1-1 ml-2" style="height:300px;"><!-- looks best with transparent images - optional - feel free to remove - images will be resized to fit automatically - for images wider than 300px, change 'height' to 'width' -->
  330.  
  331. <h1 class="display-4 text-left text-muted mb-4" style="border-bottom:1px solid;">???</h1>
  332.  
  333. <!-- About Text START -->
  334.  
  335. <p style="font-size:9pt;" >
  336. <!-- !FILL! -->
  337. Maybe a dating profile?
  338. </p>
  339.  
  340. <!-- About Text END -->
  341. </div></div></div>
  342.  
  343. </div>
  344.  
  345. <div class="col-lg-6 pr-0 pl-2">
  346. <div class="card mb-4 card-block bg-faded d-block table-responsive" style="border:none;">
  347. <h1 class="display-4 text-right text-muted mb-4" style="border-bottom:1px solid;">Relationships</h1>
  348. <div style="padding-right: 15px;">
  349. <span class="display-4">Family</span>
  350. <!-- !FILL! - description --><p class="text-muted" style="font-size:9pt;">More room to write stuff.</p>
  351.  
  352. <!-- !FILL! -->
  353. <div class="mt-3 pt-2"><img src="https://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="float-left mr-2 img-thumbnail" style="width:110px;" >
  354. <p class="text-left text-uppercase text-primary mb-1 pt-1"><i class="fa fa-angle-right"></i> Name</p>
  355. <p style="font-size:9pt;" class="text-left pl-3">Description</p>
  356. <br clear="all"></div>
  357.  
  358. <!-- !FILL! -->
  359. <div class="mt-3 pt-2"><img src="https://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="float-right ml-2 img-thumbnail" style="width:110px;" >
  360. <p class="text-right text-uppercase text-primary mb-1 pt-1">Name <i class="fa fa-angle-left"></i></p>
  361. <p style="font-size:9pt;" class="text-right pr-3">Description</p>
  362. <br clear="all"></div>
  363.  
  364. <!-- !FILL! -->
  365. <div class="mt-3 pt-2"><img src="https://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="float-left mr-2 img-thumbnail" style="width:110px;" >
  366. <p class="text-left text-uppercase text-primary mb-1 pt-1"><i class="fa fa-angle-right"></i> Name</p>
  367. <p style="font-size:9pt;" class="text-left pl-3">Description</p>
  368. <br clear="all"></div>
  369.  
  370. <!-- !FILL! -->
  371. <div class="mt-3 pt-2"><img src="https://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="float-right ml-2 img-thumbnail" style="width:110px;" >
  372. <p class="text-right text-uppercase text-primary mb-1 pt-1">Name <i class="fa fa-angle-left"></i></p>
  373. <p style="font-size:9pt;" class="text-right pr-3">Description</p>
  374. <br clear="all"></div>
  375.  
  376. </div></div></div>
  377. </div>
  378.  
  379. <!-- Relationship Block END -->
  380.  
  381.  
  382.  
  383.  
  384.  
  385. </div>
  386. </div>
  387. </div>
  388. </div>
  389.  
  390. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!