lowkeywicked

Baobear Tracker

Dec 14th, 2019 (edited)
722
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.36 KB | None | 0 0
  1. <!---------- NOTE -- READ BEFORE USING -------
  2.  
  3. -- This template is strickly for use as a Baobear tracker. DO NOT edit it to use for other things
  4.  
  5. -- Use this template on a blank profile with NO GALLERY IMAGES or any extra content. It should be just the template or the margins will get messed up
  6.  
  7. -- DO NOT combine this template with premium css unless you know what you are doing and are prepared to make edits, the template will break
  8.  
  9. ---------------------------------------------->
  10.  
  11. <div class="container-fluid px-0 py-4 card border-0" style="margin-top: -55px; margin-bottom: -100px;">
  12. <div class="container-fluid rounded shadow px-2 pt-4" style="max-width: 1250px; background-color: #fffffa; border: 1px solid #bdc8bc;">
  13.  
  14. <!------ top container -- for user tracker ------->
  15. <div class="container" style="max-width: 700px;">
  16. <a href="https://www.deviantart.com/baobears" target="_BLANK">
  17. <img src="https://i.imgur.com/hjvd6yE.png" style="max-width: 645px;" class="d-block mx-auto mb-4">
  18. </a>
  19. <div class="card card-block text-center mb-4" style="background: url(https:st.deviantart.net/elnino/memberships/modal_gradient.jpg) top center repeat-x #f8f7e5; border: 1px solid #9eb1a2; box-shadow: 0 2px 5px 0 #a2aba1; color: #414d4c;">
  20. <h2 class="text-uppercase display-4" style="font-family:Trebuchet MS,sans-serif;">
  21.  
  22. <!---------- YOUR NAME HERE --------------->
  23. [ NAMES'S TRACKER ] </h2>
  24. <div class="rounded py-1 px-2 d-inline-block mx-auto mb-3" style="background-color: rgba(210, 223, 197,.5);">
  25. <p style="letter-spacing: 1px;">
  26.  
  27. <!------- adjectives --------------->
  28. Name &bull; Pronouns
  29. </p>
  30. </div>
  31.  
  32. <!------ personal bio ----------------------->
  33. <p>Write a sentence about yourself here</p>
  34.  
  35. <hr class="w-75" style="border-top-color: #9eb1a2;">
  36.  
  37. <!------ CURRENCY TRACKER ---------------------------------------------->
  38. <div class="row no-gutters justify-content-center">
  39. <div class="col-auto px-1">
  40. <div class="rounded py-1 px-2" style="background-color: rgba(210, 223, 197,.5);">
  41. <img src="https://i.imgur.com/qxfJewc.png" class="d-block mx-auto mb-1">
  42. <p style="font-size: 1.25em;">
  43.  
  44. <!------ BEANS TRACKER ------------->
  45. [ 0 ]
  46. </p>
  47. </div>
  48. </div>
  49.  
  50. <div class="col-auto px-1">
  51. <div class="rounded py-1 px-2" style="background-color: rgba(210, 223, 197,.5);">
  52. <img src="https://i.imgur.com/hNUtbfG.png" class="d-block mx-auto mb-1">
  53. <p style="font-size: 1.25em;">
  54.  
  55. <!----- GOLD FORTUNE TRACKER ------------>
  56. [ 0 ]
  57. </p>
  58. </div>
  59. </div>
  60.  
  61. <div class="col-auto px-1">
  62. <div class="rounded py-1 px-2" style="background-color: rgba(210, 223, 197,.5);">
  63. <img src="https://i.imgur.com/kY6PtKs.png" class="d-block mx-auto mb-1" style="margin-top:5px;">
  64. <p style="font-size: 1.25em;">
  65.  
  66. <!------ BAOBERRY TRACKER ------------->
  67. [ 0 ]
  68. </p>
  69. </div>
  70. </div>
  71.  
  72. </div>
  73. <hr class="w-75" style="border-top-color: #9eb1a2;">
  74.  
  75. <h2 class="text-uppercase display-4" style="font-family:Trebuchet MS,sans-serif; font-size: 1.75em;">
  76. <!------ RECIPT TRACKER ---------------------------------------------->
  77. <!------ i've started you out with several rows, simply copy the format to add more ----->
  78. [ RECEIPTS ] </h2>
  79. <div class="rounded" style="height: 175px; overflow:auto;">
  80.  
  81. <!------- transaction (dark bg) ------------->
  82. <div class="row no-gutters px-2 py-1" style="background-color: rgba(210, 223, 197,.5);">
  83. <div class="col-3 text-right pr-1"> <b>
  84. ##/##/####:</b></div>
  85.  
  86. <div class="col-6 text-left px-1">
  87. content </div>
  88.  
  89. <div class="col-3 text-center pl-1">
  90. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  91. </div>
  92.  
  93. <!------- transaction ------------->
  94. <div class="row no-gutters px-2 py-1" style="background-color: rgba(210, 223, 197,.3);">
  95. <div class="col-3 text-right pr-1"> <b>
  96. ##/##/####:</b></div>
  97.  
  98. <div class="col-6 text-left px-1">
  99. content </div>
  100.  
  101. <div class="col-3 text-center pl-1">
  102. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  103. </div>
  104.  
  105. <!------- transaction (dark bg) ------------->
  106. <div class="row no-gutters px-2 py-1" style="background-color: rgba(210, 223, 197,.5);">
  107. <div class="col-3 text-right pr-1"> <b>
  108. ##/##/####:</b></div>
  109.  
  110. <div class="col-6 text-left px-1">
  111. content </div>
  112.  
  113. <div class="col-3 text-center pl-1">
  114. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  115. </div>
  116.  
  117. <!------- transaction ------------->
  118. <div class="row no-gutters px-2 py-1" style="background-color: rgba(210, 223, 197,.3);">
  119. <div class="col-3 text-right pr-1"> <b>
  120. ##/##/####:</b></div>
  121.  
  122. <div class="col-6 text-left px-1">
  123. ---- </div>
  124.  
  125. <div class="col-3 text-center pl-1">
  126. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  127. </div>
  128.  
  129. <!------- transaction (dark bg) ------------->
  130. <div class="row no-gutters px-2 py-1" style="background-color: rgba(210, 223, 197,.5);">
  131. <div class="col-3 text-right pr-1"> <b>
  132. ##/##/####:</b></div>
  133.  
  134. <div class="col-6 text-left px-1">
  135. ---- </div>
  136.  
  137. <div class="col-3 text-center pl-1">
  138. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  139. </div>
  140.  
  141. <!------- transaction ------------->
  142. <div class="row no-gutters px-2 py-1" style="background-color: rgba(210, 223, 197,.3);">
  143. <div class="col-3 text-right pr-1"> <b>
  144. ##/##/####:</b></div>
  145.  
  146. <div class="col-6 text-left px-1">
  147. ---- </div>
  148.  
  149. <div class="col-3 text-center pl-1">
  150. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  151. </div>
  152.  
  153. <!------- transaction (dark bg) ------------->
  154. <div class="row no-gutters px-2 py-1" style="background-color: rgba(210, 223, 197,.5);">
  155. <div class="col-3 text-right pr-1"> <b>
  156. ##/##/####:</b></div>
  157.  
  158. <div class="col-6 text-left px-1">
  159. ---- </div>
  160.  
  161. <div class="col-3 text-center pl-1">
  162. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  163. </div>
  164. </div>
  165.  
  166. <hr class="w-75" style="border-top-color: #9eb1a2;">
  167.  
  168. <h2 class="text-uppercase display-4" style="font-family:Trebuchet MS,sans-serif; font-size: 1.75em;">
  169. <!------ STICKER TRACKER ---------------------------------------------->
  170. [ Stickers ] </h2>
  171.  
  172. <div class="rounded card-block pb-0 text-center" style="background:background-color: rgba(210, 223, 197,.5); height: 240px; overflow:auto;">
  173. <div class="row">
  174.  
  175. <!-------- STICKER ------------------->
  176. <div class="col-md-4 col-6 mb-3">
  177. <img src="https://i.imgur.com/buHRgQX.png"
  178. class="rounded d-block mx-auto mb-2 p-2" style="background: #fff; border:1px solid #93a98f;">
  179. <b class="text-center">
  180. [ registration sticker ]</b>
  181. </div>
  182.  
  183. <!-------- STICKER ------------------->
  184. <div class="col-md-4 col-6 mb-3">
  185. <img src="STICKER IMG URL"
  186. class="rounded d-block mx-auto mb-2 p-2" style="background: #fff; border:1px solid #93a98f;">
  187. <b class="text-center">
  188. [ sticker name ]</b>
  189. </div>
  190.  
  191. <!-------- STICKER ------------------->
  192. <div class="col-md-4 col-6 mb-3">
  193. <img src="STICKER IMG URL"
  194. class="rounded d-block mx-auto mb-2 p-2" style="background: #fff; border:1px solid #93a98f;">
  195. <b class="text-center">
  196. [ sticker name ]</b>
  197. </div>
  198.  
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203.  
  204. <!------ bottom container -- for bear trackers ------->
  205. <div class="container" style="max-width: 1000px;">
  206. <div class="row justify-content-center">
  207.  
  208. <!--------- START BEAR TRACKER ----------------------->
  209. <div class="col-md-6 mb-4">
  210. <div class="card card-block text-center h-100" style="background: linear-gradient(#e0e9da, #c2d5b8); border:1px solid #93a98f; box-shadow: 0 2px 5px 0 #a2aba1; color: #414d4c;">
  211. <h2 class="text-uppercase display-4" style="font-family:Trebuchet MS,sans-serif;font-size: 1.75em;">
  212.  
  213. <!--------- NAME HERE ------------------>
  214. [ NAME's tracker ] </h2>
  215.  
  216. <!------- RECIPE CARD IMAGE HERE -- DO NOT USE THE DA LINK they are temporary and WILL break over time
  217. --------- you MUST host this image yourself somewhere -- try imgur or a TH gallery --->
  218. <img src="IMG URL"
  219. style="max-height: 200px;" class="d-block mx-auto mb-1">
  220.  
  221. <div class="row">
  222. <div class="col-md mb-2 text-md-right text-center">
  223.  
  224. <!----- LINK TO RECIPE CARD ----------->
  225. <a href="LINK_HERE" style="color: #008000; font-weight:bold;">[ recipe card ]</a>
  226. </div>
  227. <div class="col-md mb-2 text-md-left text-center">
  228.  
  229. <!----- LINK TO RECIPE LIST ----------->
  230. <a href="LINK_HERE" style="color: #008000;font-weight:bold;">[ recipe list ]</a>
  231. </div>
  232. </div>
  233. <div class="d-inline-block mx-auto">
  234. <div class="rounded py-1 px-2 align-items-end" style="background-color: rgba(210, 223, 197,.5);">
  235.  
  236. <!----- FORTUNE TRACKER ---------------->
  237. [ 0 ]
  238. <img src="https://i.imgur.com/V2V5VqR.png" class="d-inline-block mr-1">
  239. </div>
  240. </div>
  241. <hr class="w-75" style="border-top-color: #9eb1a2;">
  242.  
  243. <h4 class="text-uppercase">ʕ •ᴥ•ʔ about</h4>
  244. <div class="rounded text-left px-2 pt-2 pb-1 mx-lg-4 mb-4" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt; height: 150px; overflow:auto;">
  245.  
  246. <!-------- put your bao's "about" summary here ------------->
  247. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus.</p>
  248. </div>
  249.  
  250. <h4 class="text-uppercase">ʕ •ᴥ•ʔ details</h4>
  251. <p class="mb-1"><b>
  252. <!-------- put your bao's type (gyoza, wonton, etc) here --------->
  253. ??? Type</b></p>
  254.  
  255. <!-------- fill out your bao's various traits below ------------->
  256. <div class="rounded modal-open mb-4">
  257. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt;">
  258. <b>filling</b>
  259. <span>content here</span>
  260. </div>
  261.  
  262. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.1); font-size: 10pt;">
  263. <b>features</b>
  264. <span>content here</span>
  265. </div>
  266.  
  267. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt;">
  268. <b>face</b>
  269. <span>content here</span>
  270. </div>
  271.  
  272. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.1); font-size: 10pt;">
  273. <b>tail</b>
  274. <span>content here</span>
  275. </div>
  276.  
  277. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt;">
  278. <b>body</b>
  279. <span>content here</span>
  280. </div>
  281.  
  282. </div>
  283.  
  284. <h4 class="text-uppercase">ʕ •ᴥ•ʔ progress</h4>
  285. <p class="mb-1"><b>Evolutions</b></p>
  286. <div class="rounded px-2 py-2 mx-lg-4 mb-3" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt;">
  287.  
  288. <!-------- put your bao's evolutions here --------->
  289. <p><b>standard</b> <i class="fas fa-star fa-fw" /> baobear
  290. <br><b>standard</b> <i class="fas fa-star fa-fw" /> human</p>
  291.  
  292. </div>
  293. <h4 class="text-uppercase">ʕ •ᴥ•ʔ receipts</h4>
  294. <!------ RECIPT TRACKER ---------------------------------------------->
  295. <!------ i've started you out with several rows, simply copy the format to add more ----->
  296. <div class="rounded" style=" font-size: 10pt; height: 175px; overflow:auto;">
  297. <!------- transaction (dark bg) ------------->
  298. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.3);">
  299. <div class="col-3 text-right pr-1"> <b>
  300. ##/##/####:</b></div>
  301.  
  302. <div class="col-6 text-left px-1">
  303. content here </div>
  304.  
  305. <div class="col-3 text-center pl-1">
  306. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  307. </div>
  308.  
  309. <!------- transaction ------------->
  310. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.1);">
  311. <div class="col-3 text-right pr-1"> <b>
  312. ##/##/####:</b></div>
  313.  
  314. <div class="col-6 text-left px-1">
  315. ---- </div>
  316.  
  317. <div class="col-3 text-center pl-1">
  318. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  319. </div>
  320.  
  321. <!------- transaction (dark bg) ------------->
  322. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.3);">
  323. <div class="col-3 text-right pr-1"> <b>
  324. ##/##/####:</b></div>
  325.  
  326. <div class="col-6 text-left px-1">
  327. ---- </div>
  328.  
  329. <div class="col-3 text-center pl-1">
  330. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  331. </div>
  332.  
  333. <!------- transaction ------------->
  334. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.1);">
  335. <div class="col-3 text-right pr-1"> <b>
  336. ##/##/####:</b></div>
  337.  
  338. <div class="col-6 text-left px-1">
  339. ---- </div>
  340.  
  341. <div class="col-3 text-center pl-1">
  342. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  343. </div>
  344.  
  345. <!------- transaction (dark bg) ------------->
  346. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.3);">
  347. <div class="col-3 text-right pr-1"> <b>
  348. ##/##/####:</b></div>
  349.  
  350. <div class="col-6 text-left px-1">
  351. ---- </div>
  352.  
  353. <div class="col-3 text-center pl-1">
  354. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  355. </div>
  356.  
  357. <!------- transaction ------------->
  358. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.1);">
  359. <div class="col-3 text-right pr-1"> <b>
  360. ##/##/####:</b></div>
  361.  
  362. <div class="col-6 text-left px-1">
  363. ---- </div>
  364.  
  365. <div class="col-3 text-center pl-1">
  366. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  367. </div>
  368.  
  369. <!------- transaction (dark bg) ------------->
  370. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.3);">
  371. <div class="col-3 text-right pr-1"> <b>
  372. ##/##/####:</b></div>
  373.  
  374. <div class="col-6 text-left px-1">
  375. ---- </div>
  376.  
  377. <div class="col-3 text-center pl-1">
  378. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  379. </div>
  380.  
  381. </div>
  382. </div>
  383. </div> <!-- end bear block ---->
  384.  
  385.  
  386. <!--------- START BEAR TRACKER ----------------------->
  387. <div class="col-md-6 mb-4">
  388. <div class="card card-block text-center h-100" style="background: linear-gradient(#e0e9da, #c2d5b8); border:1px solid #93a98f; box-shadow: 0 2px 5px 0 #a2aba1; color: #414d4c;">
  389. <h2 class="text-uppercase display-4" style="font-family:Trebuchet MS,sans-serif;font-size: 1.75em;">
  390.  
  391. <!--------- NAME HERE ------------------>
  392. [ NAME's tracker ] </h2>
  393.  
  394. <!------- RECIPE CARD IMAGE HERE -- DO NOT USE THE DA LINK they are temporary and WILL break over time
  395. --------- you MUST host this image yourself somewhere -- try imgur or a TH gallery --->
  396. <img src="IMG URL"
  397. style="max-height: 200px;" class="d-block mx-auto mb-1">
  398.  
  399. <div class="row">
  400. <div class="col-md mb-2 text-md-right text-center">
  401.  
  402. <!----- LINK TO RECIPE CARD ----------->
  403. <a href="LINK_HERE" style="color: #008000; font-weight:bold;">[ recipe card ]</a>
  404. </div>
  405. <div class="col-md mb-2 text-md-left text-center">
  406.  
  407. <!----- LINK TO RECIPE LIST ----------->
  408. <a href="LINK_HERE" style="color: #008000;font-weight:bold;">[ recipe list ]</a>
  409. </div>
  410. </div>
  411. <div class="d-inline-block mx-auto">
  412. <div class="rounded py-1 px-2 align-items-end" style="background-color: rgba(210, 223, 197,.5);">
  413.  
  414. <!----- FORTUNE TRACKER ---------------->
  415. [ 0 ]
  416. <img src="https://i.imgur.com/V2V5VqR.png" class="d-inline-block mr-1">
  417. </div>
  418. </div>
  419. <hr class="w-75" style="border-top-color: #9eb1a2;">
  420.  
  421. <h4 class="text-uppercase">ʕ •ᴥ•ʔ about</h4>
  422. <div class="rounded text-left px-2 pt-2 pb-1 mx-lg-4 mb-4" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt; height: 150px; overflow:auto;">
  423.  
  424. <!-------- put your bao's "about" summary here ------------->
  425. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus.</p>
  426. </div>
  427.  
  428. <h4 class="text-uppercase">ʕ •ᴥ•ʔ details</h4>
  429. <p class="mb-1"><b>
  430. <!-------- put your bao's type (gyoza, wonton, etc) here --------->
  431. ??? Type</b></p>
  432.  
  433. <!-------- fill out your bao's various traits below ------------->
  434. <div class="rounded modal-open mb-4">
  435. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt;">
  436. <b>filling</b>
  437. <span>content here</span>
  438. </div>
  439.  
  440. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.1); font-size: 10pt;">
  441. <b>features</b>
  442. <span>content here</span>
  443. </div>
  444.  
  445. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt;">
  446. <b>face</b>
  447. <span>content here</span>
  448. </div>
  449.  
  450. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.1); font-size: 10pt;">
  451. <b>tail</b>
  452. <span>content here</span>
  453. </div>
  454.  
  455. <div class="px-2 py-1 justify-content-between" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt;">
  456. <b>body</b>
  457. <span>content here</span>
  458. </div>
  459.  
  460. </div>
  461.  
  462. <h4 class="text-uppercase">ʕ •ᴥ•ʔ progress</h4>
  463. <p class="mb-1"><b>Evolutions</b></p>
  464. <div class="rounded px-2 py-2 mx-lg-4 mb-3" style="background-color: rgba(255, 255, 255,.3); font-size: 10pt;">
  465.  
  466. <!-------- put your bao's evolutions here --------->
  467. <p><b>standard</b> <i class="fas fa-star fa-fw" /> baobear
  468. <br><b>standard</b> <i class="fas fa-star fa-fw" /> human</p>
  469.  
  470. </div>
  471. <h4 class="text-uppercase">ʕ •ᴥ•ʔ receipts</h4>
  472. <!------ RECIPT TRACKER ---------------------------------------------->
  473. <!------ i've started you out with several rows, simply copy the format to add more ----->
  474. <div class="rounded" style=" font-size: 10pt; height: 175px; overflow:auto;">
  475. <!------- transaction (dark bg) ------------->
  476. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.3);">
  477. <div class="col-3 text-right pr-1"> <b>
  478. ##/##/####:</b></div>
  479.  
  480. <div class="col-6 text-left px-1">
  481. content here </div>
  482.  
  483. <div class="col-3 text-center pl-1">
  484. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  485. </div>
  486.  
  487. <!------- transaction ------------->
  488. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.1);">
  489. <div class="col-3 text-right pr-1"> <b>
  490. ##/##/####:</b></div>
  491.  
  492. <div class="col-6 text-left px-1">
  493. ---- </div>
  494.  
  495. <div class="col-3 text-center pl-1">
  496. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  497. </div>
  498.  
  499. <!------- transaction (dark bg) ------------->
  500. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.3);">
  501. <div class="col-3 text-right pr-1"> <b>
  502. ##/##/####:</b></div>
  503.  
  504. <div class="col-6 text-left px-1">
  505. ---- </div>
  506.  
  507. <div class="col-3 text-center pl-1">
  508. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  509. </div>
  510.  
  511. <!------- transaction ------------->
  512. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.1);">
  513. <div class="col-3 text-right pr-1"> <b>
  514. ##/##/####:</b></div>
  515.  
  516. <div class="col-6 text-left px-1">
  517. ---- </div>
  518.  
  519. <div class="col-3 text-center pl-1">
  520. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  521. </div>
  522.  
  523. <!------- transaction (dark bg) ------------->
  524. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.3);">
  525. <div class="col-3 text-right pr-1"> <b>
  526. ##/##/####:</b></div>
  527.  
  528. <div class="col-6 text-left px-1">
  529. ---- </div>
  530.  
  531. <div class="col-3 text-center pl-1">
  532. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  533. </div>
  534.  
  535. <!------- transaction ------------->
  536. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.1);">
  537. <div class="col-3 text-right pr-1"> <b>
  538. ##/##/####:</b></div>
  539.  
  540. <div class="col-6 text-left px-1">
  541. ---- </div>
  542.  
  543. <div class="col-3 text-center pl-1">
  544. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  545. </div>
  546.  
  547. <!------- transaction (dark bg) ------------->
  548. <div class="row no-gutters p-1" style="background-color: rgba(255, 255, 255,.3);">
  549. <div class="col-3 text-right pr-1"> <b>
  550. ##/##/####:</b></div>
  551.  
  552. <div class="col-6 text-left px-1">
  553. ---- </div>
  554.  
  555. <div class="col-3 text-center pl-1">
  556. <a href="LINK_HERE" style="color: #008000;">[ link ]</a></div>
  557. </div>
  558.  
  559. </div>
  560. </div>
  561. </div> <!-- end bear block ---->
  562.  
  563.  
  564. </div>
  565. </div>
  566. </div>
  567. </div>
Add Comment
Please, Sign In to add comment