API tools faq
paste
Advertisement
LeafJelly

Detailed Trade Prefs - TH Colors - WITHOUT Star Ratings

LeafJelly
Jan 28th, 2023 (edited)
695
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.79 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------
  2. Free to Use Detailed Trade Preferences
  3. TH Theme Colors Version
  4. WITHOUT STAR RATINGS
  5. HTML by LeafJelly
  6.  
  7. Change the star rating for each listed item to show your trading priority for it/how much you love the listed item.
  8.  
  9. How to Change the Stars from solid to empty:
  10. There's two ways, you can copy and paste the follower codes:
  11. 3 Stars <i class="fas fa-star fa-sm mr-1"></i><i class="fas fa-star fa-sm mr-1"></i><i class="fas fa-star fa-sm mr-1"></i>
  12. 2 Stars <i class="fas fa-star fa-sm mr-1"></i><i class="fas fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i>
  13. 1 Star <i class="fas fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i>
  14. 0 Stars <i class="far fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i>
  15.  
  16. Or you can change the text at the start of each <i class= as follows:
  17. fas for a solid star
  18. far for a empty star
  19.  
  20. Add this code after your typed content for a magnify glass symbol to indicate that you are picky about it
  21. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  22.  
  23. Add this code after where it says to (written in the code annotations) for an indented bulletin to write extra info
  24. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  25. Extra Info
  26. </li></ul>
  27. -------------------------------------------------------->
  28. <div class="col-12 card bg-faded shadow p-0 pb-2 mx-auto mb-3" style="font-size:13px;border-radius:1.3em; max-width:1600px;">
  29. <div class="card card-primary text-center p-2 mb-2" style="font-size:1.6em; font-weight:500; letter-spacing:3px; border-radius: .8em .8em 0 0"><p>
  30. <i class="fas fa-right-left pull-left px-3" style="font-size:1.3em"></i>
  31.  
  32. Username's Trade Preferences
  33.  
  34. <i class="fas fa-handshake pull-right px-3" style="font-size:1.3em"></i></p>
  35. </div>
  36.  
  37. <div class="col-auto card card-body p-1 mx-auto my-2">
  38. <h4 class="text-center" style="letter-spacing:1.5px">
  39. Key
  40. </h4><hr class="m-0 mb-1 ">
  41. <div class="row no-gutters justify-content-center">
  42. <div class="badge badge-primary p-1 px-2 m-1 font-weight-normal" style="font-size:1em"><i class="fal fa-heart"></i>
  43. Love
  44. </div>
  45.  
  46. <div class="badge badge-success p-1 px-2 m-1 font-weight-normal" style="font-size:1em"><i class="fal fa-check"></i>
  47. Like
  48. </div>
  49.  
  50. <div class="badge badge-warning p-1 px-2 m-1 font-weight-normal" style="font-size:1em"><i class="fal fa-question"></i>
  51. Uncertain
  52. </div>
  53.  
  54. <div class="badge badge-danger p-1 px-2 m-1 font-weight-normal" style="font-size:1em"><i class="fal fa-xmark"></i>
  55. Dislike
  56. </div>
  57.  
  58. <div class="btn btn-secondary active p-1 px-2 m-1 font-weight-normal" style="font-size:1em"><i class="fal fa-magnifying-glass"></i>
  59. Picky
  60. </div>
  61.  
  62. </div>
  63. <div class="row no-gutters justify-content-center">
  64. <div class="btn btn-secondary active p-1 px-2 m-1 font-weight-normal" style="font-size:1em">
  65. <i class="fas fa-star fa-sm"></i><i class="fas fa-star fa-sm"></i><i class="fas fa-star fa-sm"></i>
  66. Actively Seeking
  67. </div>
  68.  
  69. <div class="btn btn-secondary active p-1 px-2 m-1 font-weight-normal" style="font-size:1em">
  70. <i class="fas fa-star fa-sm"></i><i class="fas fa-star fa-sm"></i><i class="far fa-star fa-sm"></i>
  71. Kinda Seeking
  72. </div>
  73.  
  74. <div class="btn btn-secondary active p-1 px-2 m-1 font-weight-normal" style="font-size:1em">
  75. <i class="fas fa-star fa-sm"></i><i class="far fa-star fa-sm"></i><i class="far fa-star fa-sm"></i>
  76. Somewhat Seeking
  77. </div>
  78.  
  79. <div class="btn btn-secondary active p-1 px-2 m-1 font-weight-normal" style="font-size:1em">
  80. <i class="far fa-star fa-sm"></i><i class="far fa-star fa-sm"></i><i class="far fa-star fa-sm"></i>
  81. Not Looking for ATM
  82. </div>
  83.  
  84. </div>
  85. </div>
  86.  
  87. <div class="col-12 p-2 px-md-3 mx-auto row no-gutters justify-content-center">
  88.  
  89. <!---========================================
  90.  
  91. ACTIVELY SEEKING
  92.  
  93. ============================================-->
  94. <div class="col-12 col-md-6 col-lg-4 p-2"><div class="alert alert-success p-2 m-0 h-100">
  95. <h4 class="text-center" style="letter-spacing:1.5px"><i class="fas fa-heart"></i>
  96.  
  97. Actively Seeking
  98.  
  99. <i class="fas fa-heart"></i></h4>
  100. <hr class="m-0 mb-2">
  101. <p>
  102. A list of things you're currently really looking for! Hopefully this will get more people to offer it to you, and make it clear to people what you're more likely to accept in a trade.
  103. </p>
  104. <ul class="pl-4 m-0">
  105. <li>One</li>
  106. <li>Two</li>
  107. <li>Three</li>
  108.  
  109. <!----- Copy and paste above here for more Bulletins------->
  110. </ul>
  111. </div></div>
  112.  
  113.  
  114. <!---========================================
  115.  
  116. DO NOT OFFER WARNING
  117.  
  118. ============================================-->
  119. <div class="col-12 col-md-6 col-lg-4 p-2"><div class="alert alert-danger p-2 m-0 h-100">
  120. <h4 class="text-center font-weight-bold" style="letter-spacing:1.5px"><i class="fas fa-triangle-exclamation"></i>
  121.  
  122. DO NOT OFFER
  123.  
  124. <i class="fas fa-triangle-exclamation"></i></h4>
  125. <hr class="m-0 mb-2">
  126. <p>
  127. A Big warning sign to tell people what your 100% hard decline things are. Things you absolutely do not want, and it's pointless in offering it to you. Or just a general warning for ppl to read before they offer.
  128. </p>
  129. <ul class="pl-4 m-0">
  130. <li>One</li>
  131. <li>Two</li>
  132. <li>Three</li>
  133.  
  134. <!----- Copy and paste above here for more Bulletins------->
  135. </ul>
  136. </div></div>
  137.  
  138.  
  139. <!---========================================
  140.  
  141. CONTACT INFO
  142. Delete the buttons / Info Bubbles you don't use!
  143. The bottom two are NOT buttons, they're just info bubbles.
  144. ============================================-->
  145. <div class="col-12 col-lg-4 p-2"><div class="card card-body p-2 m-0 h-100">
  146. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-envelope"></i>
  147.  
  148. Contact Info
  149.  
  150. </h4>
  151. <hr class="m-0 mb-2">
  152. <p>
  153. Optional Text. The first three are Buttons, the last two are info bubbles. You can delete the ones you don't need.
  154. </p>
  155.  
  156. <div class="col-0 justify-content-center d-flex flex-wrap m-auto">
  157. <!----- Toyhouse Messages, add your username to the end of the URL after create/ ------->
  158. <a href="https://toyhou.se/~messages/create/YOUR_USERNAME_HERE" target="_BLANK" class="btn btn-outline-primary m-1">
  159. <i class="fal fa-envelope fa-lg px-1"></i>
  160. Message
  161. </a>
  162. <!-- Message Button End ---->
  163.  
  164. <!----- Add a link to your trade bulletin ------->
  165. <a href="URL_HERE" target="_BLANK" class="btn btn-outline-primary m-1">
  166. <i class="fal fa-memo fa-lg px-1"></i>
  167. Bulletin
  168. </a>
  169. <!-- Bulletin Button End ---->
  170.  
  171. <!----- Add a link to where you want people to comment for trade offers ------->
  172. <a href="URL_HERE" target="_BLANK" class="btn btn-outline-primary m-1">
  173. <i class="fal fa-comment fa-lg px-1"></i>
  174. Comment
  175. </a>
  176. <!-- Comment Button End ---->
  177.  
  178. <!----- Comment on the Chara Info Bubble ----->
  179. <div class="badge badge-primary p-1 px-3 m-1 font-weight-normal align-items-center" style="font-size:1em">
  180. <i class="fal fa-comments pr-1"></i>
  181. Comment on the Character
  182. </div>
  183. <!-- Comment Info Bubble End ---->
  184.  
  185. <!----- Discord Info Bubble ----->
  186. <div class="badge badge-primary p-1 px-3 m-1 font-weight-normal align-items-center" style="font-size:1em">
  187. <i class="fab fa-discord pr-1"></i>
  188. DM username####
  189. </div>
  190. <!-- Discord Info Bubble End ---->
  191.  
  192. <!---- Don't touch this ----->
  193. </div>
  194. </div></div>
  195.  
  196. <!---========================================
  197.  
  198. DESIGNER PREFERENCES
  199.  
  200. How to Change the Stars from solid to empty:
  201. There's two ways, you can copy and paste the follower codes:
  202. 3 Stars <i class="fas fa-star fa-sm mr-1"></i><i class="fas fa-star fa-sm mr-1"></i><i class="fas fa-star fa-sm mr-1"></i>
  203. 2 Stars <i class="fas fa-star fa-sm mr-1"></i><i class="fas fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i>
  204. 1 Star <i class="fas fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i>
  205. 0 Stars <i class="far fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i><i class="far fa-star fa-sm mr-1"></i>
  206.  
  207. Or you can change the text at the start of each <i class= as follows:
  208. fas for a solid star
  209. far for a empty star
  210.  
  211. Add this code after your typed content for a magnify glass symbol to indicate that you are picky about it
  212. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  213. ============================================-->
  214. <div class="col-12 col-md-6 col-lg-3 p-2"><div class="card card-body p-2 m-0 h-100">
  215. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-user pull-right"></i>
  216. Designer
  217. </h4>
  218. <hr class="m-0 mb-2">
  219. <!---- Text ------>
  220. <p>
  221. Optional Text Section. If you want to write something. Delete this text if you don't want it!
  222. </p>
  223.  
  224. <ul class="pl-2 pr-1 m-0" style="list-style:none">
  225. <!--------------- Heart Love List START -------------->
  226. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  227. Content
  228.  
  229. <!----- Magnify Glass (Delete it if you don't want it)----->
  230. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  231.  
  232. </li><!-- Paste the Indented Bulletin Code after here-->
  233. <!--- Indented Bulletin -----
  234. copy and paste these 3 lines of code for another indented bulletin
  235. ------------------------------->
  236. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  237. Extra Info
  238. </li></ul>
  239.  
  240. <!-------------------------------->
  241. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  242. Content
  243.  
  244. </li><!-- Paste the Indented Bulletin Code after here-->
  245. <!-------------------------------->
  246. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  247. Content
  248.  
  249. </li><!-- Paste the Indented Bulletin Code after here-->
  250. <!-------------------------------->
  251. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  252. Content
  253.  
  254. </li><!-- Paste the Indented Bulletin Code after here-->
  255. <!-------------------------------->
  256. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  257. Content
  258.  
  259. </li><!-- Paste the Indented Bulletin Code after here-->
  260. <!-------------------------------->
  261.  
  262. <!----Copy and paste above here for more Heart Love lines----->
  263.  
  264. <!-------------- Green Like List START ------------->
  265. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  266. Content
  267. <!----- Magnify Glass (Delete it if you don't want it)----->
  268. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  269.  
  270. </li><!-- Paste the Indented Bulletin Code after here-->
  271. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  272. Extra Info
  273.  
  274. </li></ul>
  275. <!-------------------------------->
  276. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  277. Content
  278.  
  279. </li><!-- Paste the Indented Bulletin Code after here-->
  280. <!-------------------------------->
  281. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  282. Content
  283.  
  284. </li><!-- Paste the Indented Bulletin Code after here-->
  285. <!-------------------------------->
  286. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  287. Content
  288.  
  289. </li><!-- Paste the Indented Bulletin Code after here-->
  290. <!-------------------------------->
  291. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  292. Content
  293. </li><!-- Paste the Indented Bulletin Code after here-->
  294. <!-------------------------------->
  295.  
  296.  
  297. <!----Copy and paste above here for more Green Like Lines----->
  298.  
  299. <!------------ ? Uncertain List START ----------->
  300. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  301. Content
  302. <!----- Magnify Glass (Delete it if you don't want it)----->
  303. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  304. </li><!-- Paste the Indented Bulletin Code after here-->
  305. <!-------------------------------->
  306. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  307. Content
  308. </li><!-- Paste the Indented Bulletin Code after here-->
  309. <!-------------------------------->
  310. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  311. Content
  312. </li><!-- Paste the Indented Bulletin Code after here-->
  313. <!-------------------------------->
  314.  
  315.  
  316. <!----Copy and paste above here for more ? Uncertain Lines ----->
  317. <!---------- X Dislike List START -------->
  318. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  319. Content
  320. </li><!-- Paste the Indented Bulletin Code after here-->
  321. <!-------------------------------->
  322. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  323. Content
  324. </li><!-- Paste the Indented Bulletin Code after here-->
  325. <!-------------------------------->
  326.  
  327.  
  328. <!----Copy and paste above here for more X Dislike Lines ----->
  329. </ul>
  330. </div></div>
  331.  
  332. <!---========================================
  333.  
  334. SPECIES
  335.  
  336. ============================================-->
  337. <div class="col-12 col-md-6 col-lg-3 p-2"><div class="card card-body p-2 m-0 h-100">
  338. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-planet-moon pull-right"></i>
  339. Species
  340. </h4>
  341. <hr class="m-0 mb-2">
  342. <!---- Text ------>
  343. <p>
  344. Optional Text Section. If you want to write something.
  345. </p>
  346.  
  347. <ul class="pl-2 pr-1 m-0" style="list-style:none">
  348. <!--------------- Heart Love List START -------------->
  349. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  350. Content
  351.  
  352. <!----- Magnify Glass (Delete it if you don't want it)----->
  353. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  354.  
  355. </li><!-- Paste the Indented Bulletin Code after here-->
  356. <!--- Indented Bulletin -----
  357. copy and paste these 3 lines of code for another indented bulletin
  358. ------------------------------->
  359. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  360. Extra Info
  361. </li></ul>
  362.  
  363. <!-------------------------------->
  364. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  365. Content
  366.  
  367. </li><!-- Paste the Indented Bulletin Code after here-->
  368. <!-------------------------------->
  369. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  370. Content
  371.  
  372. </li><!-- Paste the Indented Bulletin Code after here-->
  373. <!-------------------------------->
  374. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  375. Content
  376.  
  377. </li><!-- Paste the Indented Bulletin Code after here-->
  378. <!-------------------------------->
  379. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  380. Content
  381.  
  382. </li><!-- Paste the Indented Bulletin Code after here-->
  383. <!-------------------------------->
  384.  
  385. <!----Copy and paste above here for more Heart Love lines----->
  386.  
  387. <!-------------- Green Like List START ------------->
  388. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  389. Content
  390. <!----- Magnify Glass (Delete it if you don't want it)----->
  391. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  392.  
  393. </li><!-- Paste the Indented Bulletin Code after here-->
  394. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  395. Extra Info
  396.  
  397. </li></ul>
  398. <!-------------------------------->
  399. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  400. Content
  401.  
  402. </li><!-- Paste the Indented Bulletin Code after here-->
  403. <!-------------------------------->
  404. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  405. Content
  406.  
  407. </li><!-- Paste the Indented Bulletin Code after here-->
  408. <!-------------------------------->
  409. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  410. Content
  411.  
  412. </li><!-- Paste the Indented Bulletin Code after here-->
  413. <!-------------------------------->
  414. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  415. Content
  416. </li><!-- Paste the Indented Bulletin Code after here-->
  417. <!-------------------------------->
  418.  
  419.  
  420. <!----Copy and paste above here for more Green Like Lines----->
  421.  
  422. <!------------ ? Uncertain List START ----------->
  423. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  424. Content
  425. <!----- Magnify Glass (Delete it if you don't want it)----->
  426. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  427. </li><!-- Paste the Indented Bulletin Code after here-->
  428. <!-------------------------------->
  429. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  430. Content
  431. </li><!-- Paste the Indented Bulletin Code after here-->
  432. <!-------------------------------->
  433. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  434. Content
  435. </li><!-- Paste the Indented Bulletin Code after here-->
  436. <!-------------------------------->
  437.  
  438.  
  439. <!----Copy and paste above here for more ? Uncertain Lines ----->
  440. <!---------- X Dislike List START -------->
  441. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  442. Content
  443. </li><!-- Paste the Indented Bulletin Code after here-->
  444. <!-------------------------------->
  445. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  446. Content
  447. </li><!-- Paste the Indented Bulletin Code after here-->
  448. <!-------------------------------->
  449.  
  450.  
  451. <!----Copy and paste above here for more X Dislike Lines ----->
  452. </ul>
  453. </div></div>
  454.  
  455. <!---========================================
  456.  
  457. PHYSICAL TRAITS
  458.  
  459. ============================================-->
  460. <div class="col-12 col-md-6 col-lg-3 p-2"><div class="card card-body p-2 m-0 h-100">
  461. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-eye pull-right"></i>
  462. Physical Traits
  463. </h4>
  464. <hr class="m-0 mb-2">
  465. <!------- Text --------->
  466. <p>
  467. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  468. </p>
  469.  
  470. <ul class="pl-2 pr-1 m-0" style="list-style:none">
  471. <!--------------- Heart Love List START -------------->
  472. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  473. Content
  474.  
  475. <!----- Magnify Glass (Delete it if you don't want it)----->
  476. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  477.  
  478. </li><!-- Paste the Indented Bulletin Code after here-->
  479. <!--- Indented Bulletin -----
  480. copy and paste these 3 lines of code for another indented bulletin
  481. ------------------------------->
  482. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  483. Extra Info
  484. </li></ul>
  485.  
  486. <!-------------------------------->
  487. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  488. Content
  489.  
  490. </li><!-- Paste the Indented Bulletin Code after here-->
  491. <!-------------------------------->
  492. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  493. Content
  494.  
  495. </li><!-- Paste the Indented Bulletin Code after here-->
  496. <!-------------------------------->
  497. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  498. Content
  499.  
  500. </li><!-- Paste the Indented Bulletin Code after here-->
  501. <!-------------------------------->
  502. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  503. Content
  504.  
  505. </li><!-- Paste the Indented Bulletin Code after here-->
  506. <!-------------------------------->
  507.  
  508. <!----Copy and paste above here for more Heart Love lines----->
  509.  
  510. <!-------------- Green Like List START ------------->
  511. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  512. Content
  513. <!----- Magnify Glass (Delete it if you don't want it)----->
  514. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  515.  
  516. </li><!-- Paste the Indented Bulletin Code after here-->
  517. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  518. Extra Info
  519.  
  520. </li></ul>
  521. <!-------------------------------->
  522. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  523. Content
  524.  
  525. </li><!-- Paste the Indented Bulletin Code after here-->
  526. <!-------------------------------->
  527. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  528. Content
  529.  
  530. </li><!-- Paste the Indented Bulletin Code after here-->
  531. <!-------------------------------->
  532. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  533. Content
  534.  
  535. </li><!-- Paste the Indented Bulletin Code after here-->
  536. <!-------------------------------->
  537. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  538. Content
  539. </li><!-- Paste the Indented Bulletin Code after here-->
  540. <!-------------------------------->
  541.  
  542.  
  543. <!----Copy and paste above here for more Green Like Lines----->
  544.  
  545. <!------------ ? Uncertain List START ----------->
  546. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  547. Content
  548. <!----- Magnify Glass (Delete it if you don't want it)----->
  549. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  550. </li><!-- Paste the Indented Bulletin Code after here-->
  551. <!-------------------------------->
  552. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  553. Content
  554. </li><!-- Paste the Indented Bulletin Code after here-->
  555. <!-------------------------------->
  556. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  557. Content
  558. </li><!-- Paste the Indented Bulletin Code after here-->
  559. <!-------------------------------->
  560.  
  561.  
  562. <!----Copy and paste above here for more ? Uncertain Lines ----->
  563. <!---------- X Dislike List START -------->
  564. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  565. Content
  566. </li><!-- Paste the Indented Bulletin Code after here-->
  567. <!-------------------------------->
  568. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  569. Content
  570. </li><!-- Paste the Indented Bulletin Code after here-->
  571. <!-------------------------------->
  572.  
  573.  
  574. <!----Copy and paste above here for more X Dislike Lines ----->
  575. </ul>
  576. </div></div>
  577.  
  578. <!---========================================
  579.  
  580. Clothing
  581.  
  582. ============================================-->
  583. <div class="col-12 col-md-6 col-lg-3 p-2"><div class="card card-body p-2 m-0 h-100">
  584. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-clothes-hanger pull-right"></i>
  585. Clothing
  586. </h4>
  587. <hr class="m-0 mb-2">
  588. <!------- Text --------->
  589. <p>
  590. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  591. </p>
  592.  
  593. <ul class="pl-2 pr-1 m-0" style="list-style:none">
  594. <!--------------- Heart Love List START -------------->
  595. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  596. Content
  597.  
  598. <!----- Magnify Glass (Delete it if you don't want it)----->
  599. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  600.  
  601. </li><!-- Paste the Indented Bulletin Code after here-->
  602. <!--- Indented Bulletin -----
  603. copy and paste these 3 lines of code for another indented bulletin
  604. ------------------------------->
  605. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  606. Extra Info
  607. </li></ul>
  608.  
  609. <!-------------------------------->
  610. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  611. Content
  612.  
  613. </li><!-- Paste the Indented Bulletin Code after here-->
  614. <!-------------------------------->
  615. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  616. Content
  617.  
  618. </li><!-- Paste the Indented Bulletin Code after here-->
  619. <!-------------------------------->
  620. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  621. Content
  622.  
  623. </li><!-- Paste the Indented Bulletin Code after here-->
  624. <!-------------------------------->
  625. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  626. Content
  627.  
  628. </li><!-- Paste the Indented Bulletin Code after here-->
  629. <!-------------------------------->
  630.  
  631. <!----Copy and paste above here for more Heart Love lines----->
  632.  
  633. <!-------------- Green Like List START ------------->
  634. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  635. Content
  636. <!----- Magnify Glass (Delete it if you don't want it)----->
  637. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  638.  
  639. </li><!-- Paste the Indented Bulletin Code after here-->
  640. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  641. Extra Info
  642.  
  643. </li></ul>
  644. <!-------------------------------->
  645. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  646. Content
  647.  
  648. </li><!-- Paste the Indented Bulletin Code after here-->
  649. <!-------------------------------->
  650. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  651. Content
  652.  
  653. </li><!-- Paste the Indented Bulletin Code after here-->
  654. <!-------------------------------->
  655. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  656. Content
  657.  
  658. </li><!-- Paste the Indented Bulletin Code after here-->
  659. <!-------------------------------->
  660. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  661. Content
  662. </li><!-- Paste the Indented Bulletin Code after here-->
  663. <!-------------------------------->
  664.  
  665.  
  666. <!----Copy and paste above here for more Green Like Lines----->
  667.  
  668. <!------------ ? Uncertain List START ----------->
  669. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  670. Content
  671. <!----- Magnify Glass (Delete it if you don't want it)----->
  672. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  673. </li><!-- Paste the Indented Bulletin Code after here-->
  674. <!-------------------------------->
  675. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  676. Content
  677. </li><!-- Paste the Indented Bulletin Code after here-->
  678. <!-------------------------------->
  679. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  680. Content
  681. </li><!-- Paste the Indented Bulletin Code after here-->
  682. <!-------------------------------->
  683.  
  684.  
  685. <!----Copy and paste above here for more ? Uncertain Lines ----->
  686. <!---------- X Dislike List START -------->
  687. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  688. Content
  689. </li><!-- Paste the Indented Bulletin Code after here-->
  690. <!-------------------------------->
  691. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  692. Content
  693. </li><!-- Paste the Indented Bulletin Code after here-->
  694. <!-------------------------------->
  695.  
  696.  
  697. <!----Copy and paste above here for more X Dislike Lines ----->
  698. </ul>
  699. </div></div>
  700.  
  701. <!---========================================
  702.  
  703. COLOR PALETTE
  704.  
  705. ============================================-->
  706. <div class="col-12 col-md-6 col-lg-3 p-2"><div class="card card-body p-2 m-0 h-100">
  707. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-palette pull-right"></i>
  708. Color Palette
  709. </h4>
  710. <hr class="m-0 mb-2">
  711. <!------- Text --------->
  712. <p>
  713. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  714. </p>
  715.  
  716. <ul class="pl-2 pr-1 m-0" style="list-style:none">
  717. <!--------------- Heart Love List START -------------->
  718. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  719. Content
  720.  
  721. <!----- Magnify Glass (Delete it if you don't want it)----->
  722. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  723.  
  724. </li><!-- Paste the Indented Bulletin Code after here-->
  725. <!--- Indented Bulletin -----
  726. copy and paste these 3 lines of code for another indented bulletin
  727. ------------------------------->
  728. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  729. Extra Info
  730. </li></ul>
  731.  
  732. <!-------------------------------->
  733. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  734. Content
  735.  
  736. </li><!-- Paste the Indented Bulletin Code after here-->
  737. <!-------------------------------->
  738. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  739. Content
  740.  
  741. </li><!-- Paste the Indented Bulletin Code after here-->
  742. <!-------------------------------->
  743. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  744. Content
  745.  
  746. </li><!-- Paste the Indented Bulletin Code after here-->
  747. <!-------------------------------->
  748. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  749. Content
  750.  
  751. </li><!-- Paste the Indented Bulletin Code after here-->
  752. <!-------------------------------->
  753.  
  754. <!----Copy and paste above here for more Heart Love lines----->
  755.  
  756. <!-------------- Green Like List START ------------->
  757. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  758. Content
  759. <!----- Magnify Glass (Delete it if you don't want it)----->
  760. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  761.  
  762. </li><!-- Paste the Indented Bulletin Code after here-->
  763. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  764. Extra Info
  765.  
  766. </li></ul>
  767. <!-------------------------------->
  768. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  769. Content
  770.  
  771. </li><!-- Paste the Indented Bulletin Code after here-->
  772. <!-------------------------------->
  773. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  774. Content
  775.  
  776. </li><!-- Paste the Indented Bulletin Code after here-->
  777. <!-------------------------------->
  778. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  779. Content
  780.  
  781. </li><!-- Paste the Indented Bulletin Code after here-->
  782. <!-------------------------------->
  783. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  784. Content
  785. </li><!-- Paste the Indented Bulletin Code after here-->
  786. <!-------------------------------->
  787.  
  788.  
  789. <!----Copy and paste above here for more Green Like Lines----->
  790.  
  791. <!------------ ? Uncertain List START ----------->
  792. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  793. Content
  794. <!----- Magnify Glass (Delete it if you don't want it)----->
  795. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  796. </li><!-- Paste the Indented Bulletin Code after here-->
  797. <!-------------------------------->
  798. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  799. Content
  800. </li><!-- Paste the Indented Bulletin Code after here-->
  801. <!-------------------------------->
  802. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  803. Content
  804. </li><!-- Paste the Indented Bulletin Code after here-->
  805. <!-------------------------------->
  806.  
  807.  
  808. <!----Copy and paste above here for more ? Uncertain Lines ----->
  809. <!---------- X Dislike List START -------->
  810. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  811. Content
  812. </li><!-- Paste the Indented Bulletin Code after here-->
  813. <!-------------------------------->
  814. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  815. Content
  816. </li><!-- Paste the Indented Bulletin Code after here-->
  817. <!-------------------------------->
  818.  
  819.  
  820. <!----Copy and paste above here for more X Dislike Lines ----->
  821. </ul>
  822. </div></div>
  823.  
  824. <!---========================================
  825.  
  826. Aesthetics
  827.  
  828. ============================================-->
  829. <div class="col-12 col-md-6 col-lg-3 p-2"><div class="card card-body p-2 m-0 h-100">
  830. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-camera pull-right"></i>
  831. Aesthetics
  832. </h4>
  833. <hr class="m-0 mb-2">
  834. <!------- Text --------->
  835. <p>
  836. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  837. </p>
  838.  
  839. <ul class="pl-2 pr-1 m-0" style="list-style:none">
  840. <!--------------- Heart Love List START -------------->
  841. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  842. Content
  843.  
  844. <!----- Magnify Glass (Delete it if you don't want it)----->
  845. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  846.  
  847. </li><!-- Paste the Indented Bulletin Code after here-->
  848. <!--- Indented Bulletin -----
  849. copy and paste these 3 lines of code for another indented bulletin
  850. ------------------------------->
  851. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  852. Extra Info
  853. </li></ul>
  854.  
  855. <!-------------------------------->
  856. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  857. Content
  858.  
  859. </li><!-- Paste the Indented Bulletin Code after here-->
  860. <!-------------------------------->
  861. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  862. Content
  863.  
  864. </li><!-- Paste the Indented Bulletin Code after here-->
  865. <!-------------------------------->
  866. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  867. Content
  868.  
  869. </li><!-- Paste the Indented Bulletin Code after here-->
  870. <!-------------------------------->
  871. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  872. Content
  873.  
  874. </li><!-- Paste the Indented Bulletin Code after here-->
  875. <!-------------------------------->
  876.  
  877. <!----Copy and paste above here for more Heart Love lines----->
  878.  
  879. <!-------------- Green Like List START ------------->
  880. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  881. Content
  882. <!----- Magnify Glass (Delete it if you don't want it)----->
  883. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  884.  
  885. </li><!-- Paste the Indented Bulletin Code after here-->
  886. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  887. Extra Info
  888.  
  889. </li></ul>
  890. <!-------------------------------->
  891. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  892. Content
  893.  
  894. </li><!-- Paste the Indented Bulletin Code after here-->
  895. <!-------------------------------->
  896. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  897. Content
  898.  
  899. </li><!-- Paste the Indented Bulletin Code after here-->
  900. <!-------------------------------->
  901. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  902. Content
  903.  
  904. </li><!-- Paste the Indented Bulletin Code after here-->
  905. <!-------------------------------->
  906. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  907. Content
  908. </li><!-- Paste the Indented Bulletin Code after here-->
  909. <!-------------------------------->
  910.  
  911.  
  912. <!----Copy and paste above here for more Green Like Lines----->
  913.  
  914. <!------------ ? Uncertain List START ----------->
  915. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  916. Content
  917. <!----- Magnify Glass (Delete it if you don't want it)----->
  918. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  919. </li><!-- Paste the Indented Bulletin Code after here-->
  920. <!-------------------------------->
  921. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  922. Content
  923. </li><!-- Paste the Indented Bulletin Code after here-->
  924. <!-------------------------------->
  925. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  926. Content
  927. </li><!-- Paste the Indented Bulletin Code after here-->
  928. <!-------------------------------->
  929.  
  930.  
  931. <!----Copy and paste above here for more ? Uncertain Lines ----->
  932. <!---------- X Dislike List START -------->
  933. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  934. Content
  935. </li><!-- Paste the Indented Bulletin Code after here-->
  936. <!-------------------------------->
  937. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  938. Content
  939. </li><!-- Paste the Indented Bulletin Code after here-->
  940. <!-------------------------------->
  941.  
  942.  
  943. <!----Copy and paste above here for more X Dislike Lines ----->
  944. </div></div>
  945.  
  946. <!---========================================
  947.  
  948. Other
  949.  
  950. ============================================-->
  951. <div class="col-12 col-md-6 col-lg-3 p-2"><div class="card card-body p-2 m-0 h-100">
  952. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-handshake pull-right"></i>
  953. Other
  954. </h4>
  955. <hr class="m-0 mb-2">
  956. <!------- Text --------->
  957. <p>
  958. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  959. </p>
  960.  
  961. <ul class="pl-2 pr-1 m-0" style="list-style:none">
  962. <!--------------- Heart Love List START -------------->
  963. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  964. Content
  965.  
  966. <!----- Magnify Glass (Delete it if you don't want it)----->
  967. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  968.  
  969. </li><!-- Paste the Indented Bulletin Code after here-->
  970. <!--- Indented Bulletin -----
  971. copy and paste these 3 lines of code for another indented bulletin
  972. ------------------------------->
  973. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  974. Extra Info
  975. </li></ul>
  976.  
  977. <!-------------------------------->
  978. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  979. Content
  980.  
  981. </li><!-- Paste the Indented Bulletin Code after here-->
  982. <!-------------------------------->
  983. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  984. Content
  985.  
  986. </li><!-- Paste the Indented Bulletin Code after here-->
  987. <!-------------------------------->
  988. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  989. Content
  990.  
  991. </li><!-- Paste the Indented Bulletin Code after here-->
  992. <!-------------------------------->
  993. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  994. Content
  995.  
  996. </li><!-- Paste the Indented Bulletin Code after here-->
  997. <!-------------------------------->
  998.  
  999. <!----Copy and paste above here for more Heart Love lines----->
  1000.  
  1001. <!-------------- Green Like List START ------------->
  1002. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1003. Content
  1004. <!----- Magnify Glass (Delete it if you don't want it)----->
  1005. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  1006.  
  1007. </li><!-- Paste the Indented Bulletin Code after here-->
  1008. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  1009. Extra Info
  1010.  
  1011. </li></ul>
  1012. <!-------------------------------->
  1013. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1014. Content
  1015.  
  1016. </li><!-- Paste the Indented Bulletin Code after here-->
  1017. <!-------------------------------->
  1018. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1019. Content
  1020.  
  1021. </li><!-- Paste the Indented Bulletin Code after here-->
  1022. <!-------------------------------->
  1023. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1024. Content
  1025.  
  1026. </li><!-- Paste the Indented Bulletin Code after here-->
  1027. <!-------------------------------->
  1028. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1029. Content
  1030. </li><!-- Paste the Indented Bulletin Code after here-->
  1031. <!-------------------------------->
  1032.  
  1033.  
  1034. <!----Copy and paste above here for more Green Like Lines----->
  1035.  
  1036. <!------------ ? Uncertain List START ----------->
  1037. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  1038. Content
  1039. <!----- Magnify Glass (Delete it if you don't want it)----->
  1040. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  1041. </li><!-- Paste the Indented Bulletin Code after here-->
  1042. <!-------------------------------->
  1043. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  1044. Content
  1045. </li><!-- Paste the Indented Bulletin Code after here-->
  1046. <!-------------------------------->
  1047. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  1048. Content
  1049. </li><!-- Paste the Indented Bulletin Code after here-->
  1050. <!-------------------------------->
  1051.  
  1052.  
  1053. <!----Copy and paste above here for more ? Uncertain Lines ----->
  1054. <!---------- X Dislike List START -------->
  1055. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  1056. Content
  1057. </li><!-- Paste the Indented Bulletin Code after here-->
  1058. <!-------------------------------->
  1059. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  1060. Content
  1061. </li><!-- Paste the Indented Bulletin Code after here-->
  1062. <!-------------------------------->
  1063.  
  1064.  
  1065. <!----Copy and paste above here for more X Dislike Lines ----->
  1066. </ul>
  1067. </div></div>
  1068.  
  1069. <!---========================================
  1070.  
  1071. Art
  1072.  
  1073. ============================================-->
  1074. <div class="col-12 col-md-6 col-lg-3 p-2"><div class="card card-body p-2 m-0 h-100">
  1075. <h4 class="text-center" style="letter-spacing:1.5px"><i class="far fa-paintbrush pull-right"></i>
  1076. Art
  1077. </h4>
  1078. <hr class="m-0 mb-2">
  1079. <!------- Text --------->
  1080. <p>
  1081. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1082. </p>
  1083.  
  1084. <ul class="pl-2 pr-1 m-0" style="list-style:none">
  1085. <!--------------- Heart Love List START -------------->
  1086. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  1087. Content
  1088.  
  1089. <!----- Magnify Glass (Delete it if you don't want it)----->
  1090. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  1091.  
  1092. </li><!-- Paste the Indented Bulletin Code after here-->
  1093. <!--- Indented Bulletin -----
  1094. copy and paste these 3 lines of code for another indented bulletin
  1095. ------------------------------->
  1096. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  1097. Extra Info
  1098. </li></ul>
  1099.  
  1100. <!-------------------------------->
  1101. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  1102. Content
  1103.  
  1104. </li><!-- Paste the Indented Bulletin Code after here-->
  1105. <!-------------------------------->
  1106. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  1107. Content
  1108.  
  1109. </li><!-- Paste the Indented Bulletin Code after here-->
  1110. <!-------------------------------->
  1111. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  1112. Content
  1113.  
  1114. </li><!-- Paste the Indented Bulletin Code after here-->
  1115. <!-------------------------------->
  1116. <li class="text-primary row no-gutters"><i class="far fa-heart pt-1 pr-1"></i>
  1117. Content
  1118.  
  1119. </li><!-- Paste the Indented Bulletin Code after here-->
  1120. <!-------------------------------->
  1121.  
  1122. <!----Copy and paste above here for more Heart Love lines----->
  1123.  
  1124. <!-------------- Green Like List START ------------->
  1125. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1126. Content
  1127. <!----- Magnify Glass (Delete it if you don't want it)----->
  1128. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  1129.  
  1130. </li><!-- Paste the Indented Bulletin Code after here-->
  1131. <ul class="col-12 pl-4 ml-3 text-muted"><li>
  1132. Extra Info
  1133.  
  1134. </li></ul>
  1135. <!-------------------------------->
  1136. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1137. Content
  1138.  
  1139. </li><!-- Paste the Indented Bulletin Code after here-->
  1140. <!-------------------------------->
  1141. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1142. Content
  1143.  
  1144. </li><!-- Paste the Indented Bulletin Code after here-->
  1145. <!-------------------------------->
  1146. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1147. Content
  1148.  
  1149. </li><!-- Paste the Indented Bulletin Code after here-->
  1150. <!-------------------------------->
  1151. <li class="text-success row no-gutters"><i class="far fa-check pt-1 pr-1"></i>
  1152. Content
  1153. </li><!-- Paste the Indented Bulletin Code after here-->
  1154. <!-------------------------------->
  1155.  
  1156.  
  1157. <!----Copy and paste above here for more Green Like Lines----->
  1158.  
  1159. <!------------ ? Uncertain List START ----------->
  1160. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  1161. Content
  1162. <!----- Magnify Glass (Delete it if you don't want it)----->
  1163. <span><i class="fas fa-magnifying-glass fa-sm ml-1"></i></span>
  1164. </li><!-- Paste the Indented Bulletin Code after here-->
  1165. <!-------------------------------->
  1166. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  1167. Content
  1168. </li><!-- Paste the Indented Bulletin Code after here-->
  1169. <!-------------------------------->
  1170. <li class="text-warning row no-gutters"><i class="far fa-question pt-1 pr-1"></i>
  1171. Content
  1172. </li><!-- Paste the Indented Bulletin Code after here-->
  1173. <!-------------------------------->
  1174.  
  1175.  
  1176. <!----Copy and paste above here for more ? Uncertain Lines ----->
  1177. <!---------- X Dislike List START -------->
  1178. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  1179. Content
  1180. </li><!-- Paste the Indented Bulletin Code after here-->
  1181. <!-------------------------------->
  1182. <li class="text-danger row no-gutters"><i class="far fa-xmark pt-1 pr-1"></i>
  1183. Content
  1184. </li><!-- Paste the Indented Bulletin Code after here-->
  1185. <!-------------------------------->
  1186.  
  1187.  
  1188. <!----Copy and paste above here for more X Dislike Lines ----->
  1189. </ul>
  1190. </div></div>
  1191.  
  1192.  
  1193. </div>
  1194. </div>
  1195.  
  1196. <!-------------- CREDIT DO NOT REMOVE --------------->
  1197. <p class="col-12 text-right mx-auto" style="max-width:1600px;">
  1198. HTML by @LeafJelly
  1199. </p>
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!