API tools faq
paste
Advertisement
LeafJelly

Detailed Trade Prefs - Custom Colors - WITHOUT Star Ratings

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