API tools faq
paste
Advertisement
LeafJelly

Detailed Trade Prefs - Custom Colors - Star Ratings

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