API tools faq
paste
Advertisement
mochiroll

BtWC_Redux_Lore.Code

mochiroll
Jul 28th, 2022 (edited)
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 65.83 KB | None | 0 0
raw download clone embed print report
  1. [comment]
  2. Designed and coded by [USER=20950]@Nano[/USER].
  3. Please do not remove the credits or claim the code as your own work.
  4.  
  5. Art From: Project Sekai
  6.  
  7. [font=Play].[/font]
  8. [font=Poppins].[/font]
  9.  
  10. [/comment][comment]
  11.  
  12. // accents //
  13.  
  14. [/comment][border=0; padding: 0;
  15.  
  16. /* colors */
  17. --accent01: #a6060f;
  18. --black: #010101;
  19. --grey: #2a2a2a;
  20. --white: #fefefe;
  21.  
  22. /* textures */
  23. --digital: url('https://imgur.com/VwIRcA9.jpg') repeat;
  24. --noise: url('https://www.transparenttextures.com/patterns/60-lines.png') repeat;
  25.  
  26. /* misc images */
  27. --headerimg: url('https://i.imgur.com/qr7CNMV.jpg') 25% 25%/cover no-repeat;
  28. --mainbg: url('https://i.imgur.com/6T9vnCt.jpg') center/cover no-repeat;
  29. --wedges: url('https://i.imgur.com/Wnhltye.png') center/cover no-repeat;
  30. --titleicon: url('https://i.imgur.com/WVNLJ7Z.jpg') center/cover no-repeat;
  31.  
  32. /* tab (left side) images */
  33. --tab01img: url('https://i.imgur.com/nQ5mdVe.jpg') center/cover no-repeat;
  34. --tab02img: url('https://i.imgur.com/ig2Oc6B.jpg') center/cover no-repeat;
  35. --tab03img: url('https://i.imgur.com/y3WnKX6.jpg') center/cover no-repeat;
  36.  
  37. /* race icons */
  38. --race01: url('https://i.imgur.com/7xtzUS0.jpg') top center/cover no-repeat;
  39. --race01icon01: url('https://i.imgur.com/XvAJ5pC.jpg') center/cover no-repeat;
  40. --race01icon02: url('https://i.imgur.com/fDdXlqr.jpg') center/cover no-repeat;
  41. --race01icon03: url('https://i.imgur.com/U0R5Yr5.jpg') center/cover no-repeat;
  42. --race01icon04: url('https://i.imgur.com/wjg01QQ.jpg') center/cover no-repeat;
  43.  
  44. --race02: url('https://i.imgur.com/4HmoBqJ.jpg') top center/cover no-repeat;
  45. --race02icon01: url('https://i.imgur.com/1h17bYG.jpg') center/cover no-repeat;
  46. --race02icon02: url('https://i.imgur.com/AEQamEd.jpg') center/cover no-repeat;
  47. --race02icon03: url('https://i.imgur.com/x6ydRW6.jpg') center/cover no-repeat;
  48. --race02icon04: url('https://i.imgur.com/1msU6bW.jpg') center/cover no-repeat;
  49.  
  50. --race03: url('https://i.imgur.com/GIvkU8J.jpg') top center/cover no-repeat;
  51. --race03icon01: url('https://i.imgur.com/Lq8PO9U.jpg') center/cover no-repeat;
  52. --race03icon02: url('https://i.imgur.com/GvV6ZN8.jpg') center/cover no-repeat;
  53. --race03icon03: url('https://i.imgur.com/g55nxZG.jpg') center/cover no-repeat;
  54. --race03icon04: url('https://i.imgur.com/UpWtdiQ.jpg') center/cover no-repeat;
  55.  
  56. /* location images */
  57. --location01: url('https://i.imgur.com/2gKnGXV.jpg') center/cover no-repeat;
  58. --location02: url('https://i.imgur.com/qRLGfzh.jpg') center/cover no-repeat;
  59. --location03: url('https://i.imgur.com/8oz6iAr.jpg') center/cover no-repeat;
  60.  
  61. /* fonts */
  62. --mainfont: 'Play', sans-serif;
  63. --titlefont: 'Poppins', sans-serif;
  64.  
  65. margin: 0 auto;
  66. padding: 0;
  67. width: 100%;
  68. min-width: 300px;
  69. font-size: initial;
  70. overflow: hidden;
  71. position: relative;][comment]
  72.  
  73. ---------- start of top bar ---------->
  74.  
  75. [/comment][border=0; padding: 0; background: var(--black);][border=0; padding: 20px 0 10px 20px; width: calc(100% - 20px); background: var(--noise);][comment]
  76.  
  77. -------------------- start of links -------------------->
  78.  
  79. [/comment][border=0; display: flex; flex-flow: row wrap; justify-content: flex-end; padding: 0; font-size: .7em; line-height: 100%; font-family: var(--mainfont); color: var(--white); font-weight: 700; text-transform: uppercase;][comment]
  80.  
  81. ------------------------------ link 1 ------------------------------>
  82.  
  83. [/comment][border=0; display: inline-block; padding: 0; margin-right: 20px; margin-bottom: 10px;][URL="google.com"][border=0; display: inline; padding: 0; color: var(--white);]Interest Check[/border][/URL][/border][comment]
  84.  
  85. <------------------------------ link 1 ------------------------------
  86.  
  87. [/comment][comment]
  88.  
  89. ------------------------------ link 1 ------------------------------>
  90.  
  91. [/comment][border=0; display: inline-block; padding: 0; margin-right: 20px; margin-bottom: 10px; color: var(--accent01); pointer-events: none;]Lore[/border][comment]
  92.  
  93. <------------------------------ link 2 ------------------------------
  94.  
  95. [/comment][comment]
  96.  
  97. ------------------------------ link 3 ------------------------------>
  98.  
  99. [/comment][border=0; display: inline-block; padding: 0; margin-right: 20px; margin-bottom: 10px;][URL="google.com"][border=0; display: inline; padding: 0; color: var(--white);]Applications[/border][/URL][/border][comment]
  100.  
  101. <------------------------------ link 3 ------------------------------
  102.  
  103. [/comment][comment]
  104.  
  105. ------------------------------ link 4 ------------------------------>
  106.  
  107. [/comment][border=0; display: inline-block; padding: 0; margin-right: 20px; margin-bottom: 10px;][URL="google.com"][border=0; display: inline; padding: 0; color: var(--white);]In Character[/border][/URL][/border][comment]
  108.  
  109. <------------------------------ link 4 ------------------------------
  110.  
  111. [/comment][/border][comment]
  112.  
  113. <-------------------- end of links --------------------
  114.  
  115. [/comment][/border][/border][comment]
  116.  
  117. <---------- end of top bar ----------
  118.  
  119. [/comment][comment]
  120.  
  121. ---------- start of header banner ---------->
  122.  
  123. [/comment][border=0; padding: 0; width: 100%; height: 300px; background: var(--headerimg); position: relative; pointer-events: none; z-index: 1;][border=0; padding: 0; width: 100%; height: 300px; background: var(--digital);][comment]
  124.  
  125. -------------------- start of song title -------------------->
  126.  
  127. [/comment][border=0; padding: 3px 4px 2px; background: var(--black); font-family: var(--mainfont); font-size: .7em; line-height: 100%; color: var(--white); position: absolute; bottom: 15px; right: 70px; pointer-events: initial; z-index: 5;]FUZI × Mili - Victim[/border][comment]
  128.  
  129. <-------------------- end of song title --------------------
  130.  
  131. [/comment][comment]
  132.  
  133. -------------------- start of music player -------------------->
  134.  
  135. [/comment][border=0; padding: 8px 4px; background: var(--black); position: absolute; bottom: 15px; right: 15px; pointer-events: initial; z-index: 5;][border=0; padding: 0; width: 38px; height: 30px; overflow: hidden;][border=0; padding: 0; margin-top: -335px; margin-left: -240px;][comment]
  136.  
  137. ------------------------------ gdoc ID ------------------------------>
  138.  
  139. [/comment][gdoc]1ELHfmNAaovtQxsaerYG4IjG9NOLg280h[/gdoc][comment]
  140.  
  141. <------------------------------ gdoc ID ------------------------------
  142.  
  143. [/comment][/border][/border][/border][comment]
  144.  
  145. <-------------------- end of music player --------------------
  146.  
  147. [/comment][comment]
  148.  
  149. -------------------- start of music player cover -------------------->
  150.  
  151. [/comment][border=0; display: flex; align-items: center; justify-content: center; padding: 0; width: 46px; height: 46px; background: var(--black); color: var(--white); font-size: 25px; line-height: 0; position: absolute; bottom: 15px; right: 15px; pointer-events: none; z-index: 5; opacity: 0;][border=0; padding: 0; margin-top: -3px; margin-left: 4px;]▶[/border][/border][comment]
  152.  
  153. <-------------------- end of music player cover --------------------
  154.  
  155. [/comment][/border][/border][comment]
  156.  
  157. <---------- end of header banner ----------
  158.  
  159. [/comment][comment]
  160.  
  161. ---------- start of lower half ---------->
  162.  
  163. [/comment][border=0; padding: 0; position: relative;][comment]
  164.  
  165. -------------------- start of tab covers -------------------->
  166.  
  167. [/comment][border=0; padding: 0; width: 100%; position: absolute; z-index: 6;][comment]
  168.  
  169. ------------------------------ start of RP title ------------------------------>
  170.  
  171. [/comment][border=0; display: flex; align-items: center; padding: 15px; background: var(--black); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; left: 10px; top: -90px;][border=0; padding: 0; width: calc(100% - 30px); line-height: 100%; text-transform: uppercase; text-align: center; letter-spacing: -1px; position: absolute; z-index: 3;][comment]
  172.  
  173. // title start //
  174.  
  175. [/comment][border=0; padding: 0; font-family: var(--mainfont); color: var(--white); font-size: .9em;]Beyond the Witch's[/border][border=0; padding: 0; margin-top: 3px; font-family var(--titlefont); color: var(--accent01); font-size: 1.6em; font-weight: 700;]Corridor[/border][comment]
  176.  
  177. // title end //
  178.  
  179. [/comment][/border][comment]
  180.  
  181. <------------------------------ end of RP title ------------------------------
  182.  
  183. [/comment][border=0; padding: 0; width: 150px; height: 150px; background: var(--titleicon); overflow: hidden; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); opacity: .5;][border=0; width: 160px; height: 160px; background: var(--digital);][/border][/border][/border][comment]
  184.  
  185. ------------------------------ start of tab titles ------------------------------>
  186.  
  187. [/comment][comment]
  188.  
  189. ---------------------------------------- tab title 01 ---------------------------------------->
  190.  
  191. [/comment][border=0; display: flex; padding: 0; position: absolute; top: -30px; left: 165px; pointer-events: none;][border=0; padding: 0; width: 27px; height: 27px; background: var(--black); clip-path: polygon(100% 0, 0 0, 100% 100%);][/border][border=0; display: flex; justify-content: right; align-items: center; padding: 0 7px 0 0; width: 125px; height: 27px; background: var(--black); font-family: var(--mainfont); font-size: .7em; line-height: 100%; color: var(--white); text-transform: uppercase;]Glossary[/border][/border][comment]
  192.  
  193. <---------------------------------------- tab title 01 ----------------------------------------
  194.  
  195. [/comment][comment]
  196.  
  197. ---------------------------------------- tab title 02 ---------------------------------------->
  198.  
  199. [/comment][border=0; display: flex; padding: 0; position: absolute; top: 3px; left: 165px; pointer-events: none;][border=0; padding: 0; width: 27px; height: 27px; background: var(--black); clip-path: polygon(100% 0, 0 100%, 100% 100%);][/border][border=0; display: flex; justify-content: right; align-items: center; padding: 0 7px 0 0; width: 125px; height: 27px; background: var(--black); font-family: var(--mainfont); font-size: .7em; line-height: 100%; color: var(--white); text-transform: uppercase;]Races[/border][/border][comment]
  200.  
  201. <---------------------------------------- tab title 02 ----------------------------------------
  202.  
  203. [/comment][comment]
  204.  
  205. ---------------------------------------- tab title 03 ---------------------------------------->
  206.  
  207. [/comment][border=0; display: flex; padding: 0; position: absolute; top: 36px; left: 132px; pointer-events: none;][border=0; padding: 0; width: 27px; height: 27px; background: var(--black); clip-path: polygon(100% 0, 0 100%, 100% 100%);][/border][border=0; display: flex; justify-content: right; align-items: center; padding: 0 7px 0 0; width: 158px; height: 27px; background: var(--black); font-family: var(--mainfont); font-size: .7em; line-height: 100%; color: var(--white); text-transform: uppercase;]Locations[/border][/border][comment]
  208.  
  209. <---------------------------------------- tab title 03 ----------------------------------------
  210.  
  211. [/comment][comment]
  212.  
  213. <------------------------------ end of tab titles ------------------------------
  214.  
  215. [/comment][/border][border=0; padding: 0; height: 93px; width: 100px; position: absolute; top: -30px; left: 0; z-index: 3;][/border][border=0; padding: 0; height: 93px; width: calc(100% - 325px); position: absolute; top: -30px; right: 0; z-index: 3;][/border][comment]
  216.  
  217. <-------------------- end of tab covers --------------------
  218.  
  219. [/comment][comment]
  220.  
  221. -------------------- start of tabs -------------------->
  222.  
  223. [/comment][comment]
  224.  
  225. ------------------------------ start of tab background ------------------------------>
  226.  
  227. [/comment][border=0; padding: 0; width: 100%; position: relative; z-index: 5; pointer-events: none;][border=0; padding: 0; background: var(--grey);][border=0; padding: 0; width: 100%; background: var(--mainbg); opacity: .1;][comment]
  228.  
  229. // start layout shell one //
  230.  
  231. [/comment][border=0; padding: 0; height: 40px;][/border][border=0; font-size: initial; line-height: initial; display: flex; flex-flow: row wrap; justify-content: center; padding: 0 25px; width: calc(100% - 25px);][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 1; width: calc(100% - 25px); max-width: 400px; min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px;][/border][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 2; width: calc(100% - 25px); min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px;][/border][/border][comment]
  232.  
  233. // end layout shell one //
  234.  
  235. [/comment][/border][border=0; padding: 0; width: 100%; background: var(--wedges); position: absolute; top: 0; left: 0;][comment]
  236.  
  237. // start layout shell two //
  238.  
  239. [/comment][border=0; padding: 0; height: 40px;][/border][border=0; font-size: initial; line-height: initial; display: flex; flex-flow: row wrap; justify-content: center; padding: 0 25px; width: calc(100% - 25px);][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 1; width: calc(100% - 25px); max-width: 400px; min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px;][/border][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 2; width: calc(100% - 25px); min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px;][/border][/border][comment]
  240.  
  241. // end layout shell two //
  242.  
  243. [/comment][/border][/border][/border][comment]
  244.  
  245. <------------------------------ end of tab background ------------------------------
  246.  
  247. [/comment][border=0; padding: 0; width: 100%; line-height: 29px; position: absolute; top: -32px; left:-20px;][tabs]
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. [tab=01010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101][comment]
  260.  
  261. // tab cover start //
  262.  
  263. [/comment][border=0; display: flex; padding: 0; position: absolute; top: 2px; left: 185px; z-index: 8; pointer-events: initial;][border=0; padding: 0; width: 27px; height: 27px; background: var(--black); clip-path: polygon(100% 0, 0 0, 100% 100%);][/border][border=0; display: flex; justify-content: right; align-items: center; padding: 0 7px 0 0; width: 125px; height: 27px; background: var(--black); font-family: var(--mainfont); font-size: .7em; line-height: 100%; color: var(--accent01); text-transform: uppercase;]Glossary[/border][/border][comment]
  264.  
  265. // tab cover end //
  266.  
  267. [/comment][border=0; font-size: initial; line-height: initial; display: flex; flex-flow: row wrap; justify-content: center; padding: 0 25px; width: calc(100% - 25px); overflow: hidden; position: absolute; top: 101px; z-index: 6;][comment]
  268.  
  269. ------------------------------ start of left side ------------------------------>
  270.  
  271. [/comment][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 1; width: calc(100% - 25px); max-width: 400px; min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px; background: var(--tab01img); clip-path: polygon(100px 0%, 100% 0, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0 100%, 0 100px); overflow: hidden; position: relative;][border=0; padding: 0; background: var(--digital); position: absolute; top: 0; bottom: 0; left: 0; right: 0;][/border][comment]
  272.  
  273. ---------------------------------------- start of tab number ---------------------------------------->
  274.  
  275. [/comment][border=0; padding: 0; font-family: var(--mainfont); font-size: 150px; font-weight: 700; line-height: 100%; letter-spacing: -20px; color: var(--white); position: absolute; top: -48px; right: -10px; opacity: .5;]01[/border][comment]
  276.  
  277. <---------------------------------------- end tab number ----------------------------------------
  278.  
  279. [/comment][comment]
  280.  
  281. ---------------------------------------- start of tab label ---------------------------------------->
  282.  
  283. [/comment][border=0; padding: 0; width: calc(100% - 75px); position: absolute; bottom: 50px; left: 25px; opacity: .7;][comment]
  284.  
  285. -------------------------------------------------- start of tab title -------------------------------------------------->
  286.  
  287. [/comment][border=0; display: flex; padding: 0;][border=0; display: inline-block; padding: 0; margin-top: 1px; margin-right: 10px; max-width: 10px; min-width: 10px; height: 10px; background: var(--white);][/border][border=0; display: inline-block; padding: 0; font-family: var(--mainfont); font-size: .8em; line-height: 120%; color: var(--white); text-transform: uppercase;]Glossary[/border][/border][comment]
  288.  
  289. <-------------------------------------------------- end of tab title --------------------------------------------------
  290.  
  291. [/comment][comment]
  292.  
  293. -------------------------------------------------- start of blurb under title -------------------------------------------------->
  294.  
  295. [/comment][border=0; display: flex; padding: 0;][border=0; display: inline-block; padding: 0; margin-top: 1px; margin-right: 10px; max-width: 10px; min-width: 10px; height: 10px; background: var(--white);][/border][border=0; display: inline-block; padding: 0; font-family: var(--mainfont); font-size: .8em; line-height: 120%; color: var(--white); text-transform: uppercase;]A warrior needs not concern themselves with matters within the purview of men[/border][/border][comment]
  296.  
  297. <-------------------------------------------------- end of blurb under title --------------------------------------------------
  298.  
  299. [/comment][/border][comment]
  300.  
  301. <---------------------------------------- end tab label ----------------------------------------
  302.  
  303. [/comment][/border][comment]
  304.  
  305. <------------------------------ end of left side ------------------------------
  306.  
  307. [/comment][comment]
  308.  
  309. ------------------------------ start of right side ------------------------------>
  310.  
  311. [/comment][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 2; width: calc(100% - 25px); min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px; overflow: hidden;][border=0; padding: 0 30px 0 0; width: 100%; height: 70vh; min-height: 400px; max-height: 600px; overflow-y: scroll; overflow-x: hidden;][comment]
  312.  
  313. ---------------------------------------- start of tab 1 section 1 ---------------------------------------->
  314.  
  315. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  316.  
  317. // title start //
  318.  
  319. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Title1[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]001[/border][/border][comment]
  320.  
  321. // title end //
  322.  
  323. [/comment][comment]
  324.  
  325. // content start //
  326.  
  327. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum congue volutpat. Aenean id lorem eu purus scelerisque iaculis vitae quis mauris. Suspendisse potenti. Ut lacinia metus a malesuada sodales. Quisque orci sapien, placerat ac porta ac, sollicitudin eu elit. Integer et diam est. Nullam feugiat mi metus, aliquet sodales tortor molestie quis. Nam fringilla volutpat erat, non porttitor turpis laoreet quis.
  328.  
  329. Pellentesque semper, dui at commodo consectetur, ante orci tincidunt lacus, id cursus turpis ex non risus. Nunc lacus erat, scelerisque in cursus ut, aliquam vitae purus. Nulla nec malesuada nisi. Vivamus at nisi eros. Duis non cursus metus. Donec a lorem sed lorem fermentum feugiat. Sed nec nisl purus.[/border][comment]
  330.  
  331. // content end //
  332.  
  333. [/comment][/border][comment]
  334.  
  335. <---------------------------------------- end of tab 1 section 1 ----------------------------------------
  336.  
  337. [/comment][comment]
  338.  
  339. // spacer start //
  340.  
  341. [/comment][border=0; padding: 0; height: 50px;][/border][comment]
  342.  
  343. // spacer end //
  344.  
  345. [/comment][comment]
  346.  
  347. ---------------------------------------- start of tab 1 section 2 ---------------------------------------->
  348.  
  349. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  350.  
  351. // title start //
  352.  
  353. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Title2[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]002[/border][/border][comment]
  354.  
  355. // title end //
  356.  
  357. [/comment][comment]
  358.  
  359. // content start //
  360.  
  361. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Aenean congue neque eu massa sodales interdum. In vitae lacinia nisl. Duis suscipit maximus enim, at mattis mauris facilisis eget. Praesent sagittis orci odio, in molestie quam venenatis ac. Integer at ante ut ligula gravida vulputate. Aliquam sagittis, ex ut mollis consequat, sem tellus ultrices eros, et consequat est erat id dolor. Cras dolor arcu, pharetra in tortor nec, finibus fringilla quam. Mauris a purus nec velit egestas condimentum. Phasellus cursus elementum tempus. Nulla et urna lacus.
  362.  
  363. Suspendisse sed arcu leo. In non viverra orci. Aenean sed congue nibh. Fusce malesuada varius gravida. Etiam vel orci a lorem sodales laoreet. Nam id libero vel odio pellentesque finibus eget at purus. Sed porta egestas sem, eget porta tortor rhoncus quis. Fusce quis vehicula metus. Nunc hendrerit lacinia molestie. Mauris semper lorem vitae rhoncus iaculis. Donec blandit eros eget ante bibendum vehicula.[/border][comment]
  364.  
  365. // content end //
  366.  
  367. [/comment][/border][comment]
  368.  
  369. <---------------------------------------- end of tab 1 section 2 ----------------------------------------
  370.  
  371. [/comment][comment]
  372.  
  373. // spacer start //
  374.  
  375. [/comment][border=0; padding: 0; height: 50px;][/border][comment]
  376.  
  377. // spacer end //
  378.  
  379. [/comment][comment]
  380.  
  381. ---------------------------------------- start of tab 1 section 3 ---------------------------------------->
  382.  
  383. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  384.  
  385. // title start //
  386.  
  387. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Title3[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]003[/border][/border][comment]
  388.  
  389. // title end //
  390.  
  391. [/comment][comment]
  392.  
  393. // content start //
  394.  
  395. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Sed nec mollis risus, eget ultricies tortor. Nulla at magna et tellus pharetra ornare. In eget fringilla ante, non laoreet diam. Maecenas non arcu auctor, volutpat arcu at, luctus nisi. Quisque semper semper dapibus. In tristique turpis nisi, ut faucibus diam luctus vitae. Duis dolor odio, varius quis ligula nec, elementum interdum lacus. Aliquam erat volutpat. Maecenas nec dignissim lectus. Phasellus faucibus consectetur pharetra. Etiam sed ipsum metus. Cras nisl purus, bibendum vel elit vel, malesuada tristique enim. Curabitur sed neque et odio vestibulum convallis eu et ipsum. Duis non elementum purus, eget tincidunt ipsum.
  396.  
  397. Quisque elementum feugiat mi, nec porttitor turpis malesuada at. Vestibulum sed sodales arcu. Phasellus at massa id odio luctus mattis. Sed tristique pharetra sem, non placerat ligula pretium vel. Nullam scelerisque aliquet lorem, eu iaculis neque tincidunt at. Maecenas mauris mi, gravida ut interdum vitae, vehicula sit amet tortor. Nullam vulputate purus ex, vitae ultrices nulla gravida sed. Donec eget molestie mauris.
  398.  
  399. Quisque accumsan nisl et tempus maximus. Sed mollis mi eu magna sollicitudin pretium. Nullam sodales mi et scelerisque sagittis. Aliquam ipsum nisi, interdum non felis eu, molestie eleifend elit. Vivamus fermentum leo justo, in tempus quam imperdiet ut. Cras sit amet convallis dolor, et ultricies eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta faucibus lobortis.[/border][comment]
  400.  
  401. // content end //
  402.  
  403. [/comment][/border][comment]
  404.  
  405. <---------------------------------------- end of tab 1 section 3 ----------------------------------------
  406.  
  407. [/comment][/border][/border][comment]
  408.  
  409. <------------------------------ end of right side ------------------------------
  410.  
  411. [/comment][/border][/tab]
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423. [tab=02020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202][comment]
  424.  
  425. // tab cover start //
  426.  
  427. [/comment][border=0; display: flex; padding: 0; position: absolute; top: 35px; left: 185px; z-index: 8; pointer-events: initial;][border=0; padding: 0; width: 27px; height: 27px; background: var(--black); clip-path: polygon(100% 0, 0 100%, 100% 100%);][/border][border=0; display: flex; justify-content: right; align-items: center; padding: 0 7px 0 0; width: 125px; height: 27px; background: var(--black); font-family: var(--mainfont); font-size: .7em; line-height: 100%; color: var(--accent01); text-transform: uppercase;]Races[/border][/border][comment]
  428.  
  429. // tab cover end //
  430.  
  431. [/comment][border=0; font-size: initial; line-height: initial; display: flex; flex-flow: row wrap; justify-content: center; padding: 0 25px; width: calc(100% - 25px); overflow: hidden; position: absolute; top: 101px; z-index: 6;][comment]
  432.  
  433. ------------------------------ start of left side ------------------------------>
  434.  
  435. [/comment][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 1; width: calc(100% - 25px); max-width: 400px; min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px; background: var(--tab02img); clip-path: polygon(100px 0%, 100% 0, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0 100%, 0 100px); overflow: hidden; position: relative;][border=0; padding: 0; background: var(--digital); position: absolute; top: 0; bottom: 0; left: 0; right: 0;][/border][comment]
  436.  
  437. ---------------------------------------- start of tab number ---------------------------------------->
  438.  
  439. [/comment][border=0; padding: 0; font-family: var(--mainfont); font-size: 150px; font-weight: 700; line-height: 100%; letter-spacing: -20px; color: var(--white); position: absolute; top: -48px; right: -10px; opacity: .5;]02[/border][comment]
  440.  
  441. <---------------------------------------- end tab number ----------------------------------------
  442.  
  443. [/comment][comment]
  444.  
  445. ---------------------------------------- start of tab label ---------------------------------------->
  446.  
  447. [/comment][border=0; padding: 0; width: calc(100% - 75px); position: absolute; bottom: 50px; left: 25px; opacity: .7;][comment]
  448.  
  449. -------------------------------------------------- start of tab title -------------------------------------------------->
  450.  
  451. [/comment][border=0; display: flex; padding: 0;][border=0; display: inline-block; padding: 0; margin-top: 1px; margin-right: 10px; max-width: 10px; min-width: 10px; height: 10px; background: var(--white);][/border][border=0; display: inline-block; padding: 0; font-family: var(--mainfont); font-size: .8em; line-height: 120%; color: var(--white); text-transform: uppercase;]Races[/border][/border][comment]
  452.  
  453. <-------------------------------------------------- end of tab title --------------------------------------------------
  454.  
  455. [/comment][comment]
  456.  
  457. -------------------------------------------------- start of blurb under title -------------------------------------------------->
  458.  
  459. [/comment][border=0; display: flex; padding: 0;][border=0; display: inline-block; padding: 0; margin-top: 1px; margin-right: 10px; max-width: 10px; min-width: 10px; height: 10px; background: var(--white);][/border][border=0; display: inline-block; padding: 0; font-family: var(--mainfont); font-size: .8em; line-height: 120%; color: var(--white); text-transform: uppercase;]A warrior needs not concern themselves with matters within the purview of men[/border][/border][comment]
  460.  
  461. <-------------------------------------------------- end of blurb under title --------------------------------------------------
  462.  
  463. [/comment][/border][comment]
  464.  
  465. <---------------------------------------- end tab label ----------------------------------------
  466.  
  467. [/comment][/border][comment]
  468.  
  469. <------------------------------ end of left side ------------------------------
  470.  
  471. [/comment][comment]
  472.  
  473. ------------------------------ start of right side ------------------------------>
  474.  
  475. [/comment][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 2; width: calc(100% - 25px); min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px; overflow: hidden;][border=0; padding: 0 30px 0 0; width: 100%; height: 70vh; min-height: 400px; max-height: 600px; overflow-y: scroll; overflow-x: hidden;][comment]
  476.  
  477. ---------------------------------------- start of tab 2 section 1 ---------------------------------------->
  478.  
  479. [/comment][comment]
  480.  
  481. -------------------------------------------------- start of tab 2 section 1 images -------------------------------------------------->
  482.  
  483. [/comment][border=0; display: flex; flex-flow: row wrap; justify-content: center; padding: 0; margin-right: -30px; width: calc(100% + 30px);][comment]
  484.  
  485. // left side image start //
  486.  
  487. [/comment][border=0; padding: 0; margin-right: 30px; margin-bottom: 25px; flex: 3; width: 100%; min-width: 300px; height: 300px; background: var(--race01); overflow: hidden;][border=0; padding: 0; width: 100%; height: 300px; background: var(--digital);][/border][/border][comment]
  488.  
  489. // left side image end //
  490.  
  491. [/comment][comment]
  492.  
  493. // right side images start //
  494.  
  495. [/comment][border=0; padding: 0; margin-right: 30px; display: flex; justify-content: center; align-items: center; flex: 1; min-width: 225px; max-width: 225px; height: 300px; overflow: hidden;][border=0; padding: 0; width: 225px; height: 225px; position: relative;][comment]
  496.  
  497. ... icon 01 start ...
  498.  
  499. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race01icon01); position: absolute; top: 0; left: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  500.  
  501. ... icon 01 end ...
  502.  
  503. [/comment][comment]
  504.  
  505. ... icon 02 start ...
  506.  
  507. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race01icon02); position: absolute; top: 0; right: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  508.  
  509. ... icon 02 end ...
  510.  
  511. [/comment][comment]
  512.  
  513. ... icon 03 start ...
  514.  
  515. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race01icon03); position: absolute; bottom: 0; left: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  516.  
  517. ... icon 03 end ...
  518.  
  519. [/comment][comment]
  520.  
  521. ... icon 04 start ...
  522.  
  523. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race01icon04); position: absolute; bottom: 0; right: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  524.  
  525. ... icon 04 end ...
  526.  
  527. [/comment][/border][/border][comment]
  528.  
  529. // right side images end //
  530.  
  531. [/comment][/border][comment]
  532.  
  533. <-------------------------------------------------- end of tab 2 section 1 images --------------------------------------------------
  534.  
  535. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  536.  
  537. // title start //
  538.  
  539. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Race1[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]001[/border][/border][comment]
  540.  
  541. // title end //
  542.  
  543. [/comment][comment]
  544.  
  545. // content start //
  546.  
  547. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum congue volutpat. Aenean id lorem eu purus scelerisque iaculis vitae quis mauris. Suspendisse potenti. Ut lacinia metus a malesuada sodales. Quisque orci sapien, placerat ac porta ac, sollicitudin eu elit. Integer et diam est. Nullam feugiat mi metus, aliquet sodales tortor molestie quis. Nam fringilla volutpat erat, non porttitor turpis laoreet quis.
  548.  
  549. Pellentesque semper, dui at commodo consectetur, ante orci tincidunt lacus, id cursus turpis ex non risus. Nunc lacus erat, scelerisque in cursus ut, aliquam vitae purus. Nulla nec malesuada nisi. Vivamus at nisi eros. Duis non cursus metus. Donec a lorem sed lorem fermentum feugiat. Sed nec nisl purus.
  550.  
  551. Aenean congue neque eu massa sodales interdum. In vitae lacinia nisl. Duis suscipit maximus enim, at mattis mauris facilisis eget. Praesent sagittis orci odio, in molestie quam venenatis ac. Integer at ante ut ligula gravida vulputate. Aliquam sagittis, ex ut mollis consequat, sem tellus ultrices eros, et consequat est erat id dolor. Cras dolor arcu, pharetra in tortor nec, finibus fringilla quam. Mauris a purus nec velit egestas condimentum. Phasellus cursus elementum tempus. Nulla et urna lacus.[/border][comment]
  552.  
  553. // content end //
  554.  
  555. [/comment][/border][comment]
  556.  
  557. <---------------------------------------- end of tab 2 section 1 ----------------------------------------
  558.  
  559. [/comment][comment]
  560.  
  561. // spacer start //
  562.  
  563. [/comment][border=0; padding: 0; height: 50px;][/border][comment]
  564.  
  565. // spacer end //
  566.  
  567. [/comment][comment]
  568.  
  569. ---------------------------------------- start of tab 2 section 2 ---------------------------------------->
  570.  
  571. [/comment][comment]
  572.  
  573. -------------------------------------------------- start of tab 2 section 2 images -------------------------------------------------->
  574.  
  575. [/comment][border=0; display: flex; flex-flow: row wrap; justify-content: center; padding: 0; margin-right: -30px; width: calc(100% + 30px);][comment]
  576.  
  577. // left side image start //
  578.  
  579. [/comment][border=0; padding: 0; margin-right: 30px; margin-bottom: 25px; flex: 3; width: 100%; min-width: 300px; height: 300px; background: var(--race02); overflow: hidden;][border=0; padding: 0; width: 100%; height: 300px; background: var(--digital);][/border][/border][comment]
  580.  
  581. // left side image end //
  582.  
  583. [/comment][comment]
  584.  
  585. // right side images start //
  586.  
  587. [/comment][border=0; padding: 0; margin-right: 30px; display: flex; justify-content: center; align-items: center; flex: 1; min-width: 225px; max-width: 225px; height: 300px; overflow: hidden;][border=0; padding: 0; width: 225px; height: 225px; position: relative;][comment]
  588.  
  589. ... icon 01 start ...
  590.  
  591. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race02icon01); position: absolute; top: 0; left: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  592.  
  593. ... icon 01 end ...
  594.  
  595. [/comment][comment]
  596.  
  597. ... icon 02 start ...
  598.  
  599. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race02icon02); position: absolute; top: 0; right: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  600.  
  601. ... icon 02 end ...
  602.  
  603. [/comment][comment]
  604.  
  605. ... icon 03 start ...
  606.  
  607. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race02icon03); position: absolute; bottom: 0; left: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  608.  
  609. ... icon 03 end ...
  610.  
  611. [/comment][comment]
  612.  
  613. ... icon 04 start ...
  614.  
  615. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race02icon04); position: absolute; bottom: 0; right: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  616.  
  617. ... icon 04 end ...
  618.  
  619. [/comment][/border][/border][comment]
  620.  
  621. // right side images end //
  622.  
  623. [/comment][/border][comment]
  624.  
  625. <-------------------------------------------------- end of tab 2 section 2 images --------------------------------------------------
  626.  
  627. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  628.  
  629. // title start //
  630.  
  631. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Race2[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]002[/border][/border][comment]
  632.  
  633. // title end //
  634.  
  635. [/comment][comment]
  636.  
  637. // content start //
  638.  
  639. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Suspendisse sed arcu leo. In non viverra orci. Aenean sed congue nibh. Fusce malesuada varius gravida. Etiam vel orci a lorem sodales laoreet. Nam id libero vel odio pellentesque finibus eget at purus. Sed porta egestas sem, eget porta tortor rhoncus quis. Fusce quis vehicula metus. Nunc hendrerit lacinia molestie. Mauris semper lorem vitae rhoncus iaculis. Donec blandit eros eget ante bibendum vehicula.
  640.  
  641. Sed nec mollis risus, eget ultricies tortor. Nulla at magna et tellus pharetra ornare. In eget fringilla ante, non laoreet diam. Maecenas non arcu auctor, volutpat arcu at, luctus nisi. Quisque semper semper dapibus. In tristique turpis nisi, ut faucibus diam luctus vitae. Duis dolor odio, varius quis ligula nec, elementum interdum lacus. Aliquam erat volutpat. Maecenas nec dignissim lectus. Phasellus faucibus consectetur pharetra. Etiam sed ipsum metus. Cras nisl purus, bibendum vel elit vel, malesuada tristique enim. Curabitur sed neque et odio vestibulum convallis eu et ipsum. Duis non elementum purus, eget tincidunt ipsum.
  642.  
  643. Quisque elementum feugiat mi, nec porttitor turpis malesuada at. Vestibulum sed sodales arcu. Phasellus at massa id odio luctus mattis. Sed tristique pharetra sem, non placerat ligula pretium vel. Nullam scelerisque aliquet lorem, eu iaculis neque tincidunt at. Maecenas mauris mi, gravida ut interdum vitae, vehicula sit amet tortor. Nullam vulputate purus ex, vitae ultrices nulla gravida sed. Donec eget molestie mauris.[/border][comment]
  644.  
  645. // content end //
  646.  
  647. [/comment][/border][comment]
  648.  
  649. <---------------------------------------- end of tab 2 section 2 ----------------------------------------
  650.  
  651. [/comment][comment]
  652.  
  653. // spacer start //
  654.  
  655. [/comment][border=0; padding: 0; height: 50px;][/border][comment]
  656.  
  657. // spacer end //
  658.  
  659. [/comment][comment]
  660.  
  661. ---------------------------------------- start of tab 2 section 3 ---------------------------------------->
  662.  
  663. [/comment][comment]
  664.  
  665. -------------------------------------------------- start of tab 2 section 3 images -------------------------------------------------->
  666.  
  667. [/comment][border=0; display: flex; flex-flow: row wrap; justify-content: center; padding: 0; margin-right: -30px; width: calc(100% + 30px);][comment]
  668.  
  669. // left side image start //
  670.  
  671. [/comment][border=0; padding: 0; margin-right: 30px; margin-bottom: 25px; flex: 3; width: 100%; min-width: 300px; height: 300px; background: var(--race03); overflow: hidden;][border=0; padding: 0; width: 100%; height: 300px; background: var(--digital);][/border][/border][comment]
  672.  
  673. // left side image end //
  674.  
  675. [/comment][comment]
  676.  
  677. // right side images start //
  678.  
  679. [/comment][border=0; padding: 0; margin-right: 30px; display: flex; justify-content: center; align-items: center; flex: 1; min-width: 225px; max-width: 225px; height: 300px; overflow: hidden;][border=0; padding: 0; width: 225px; height: 225px; position: relative;][comment]
  680.  
  681. ... icon 01 start ...
  682.  
  683. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race03icon01); position: absolute; top: 0; left: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  684.  
  685. ... icon 01 end ...
  686.  
  687. [/comment][comment]
  688.  
  689. ... icon 02 start ...
  690.  
  691. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race03icon02); position: absolute; top: 0; right: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  692.  
  693. ... icon 02 end ...
  694.  
  695. [/comment][comment]
  696.  
  697. ... icon 03 start ...
  698.  
  699. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race03icon03); position: absolute; bottom: 0; left: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  700.  
  701. ... icon 03 end ...
  702.  
  703. [/comment][comment]
  704.  
  705. ... icon 04 start ...
  706.  
  707. [/comment][border=0; padding: 0; width: 100px; height: 100px; background: var(--race03icon04); position: absolute; bottom: 0; right: 0;][border=0; padding: 0; width: 100px; height: 100px; background: var(--digital);][/border][/border][comment]
  708.  
  709. ... icon 04 end ...
  710.  
  711. [/comment][/border][/border][comment]
  712.  
  713. // right side images end //
  714.  
  715. [/comment][/border][comment]
  716.  
  717. <-------------------------------------------------- end of tab 2 section 3 images --------------------------------------------------
  718.  
  719. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  720.  
  721. // title start //
  722.  
  723. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Race3[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]003[/border][/border][comment]
  724.  
  725. // title end //
  726.  
  727. [/comment][comment]
  728.  
  729. // content start //
  730.  
  731. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Quisque accumsan nisl et tempus maximus. Sed mollis mi eu magna sollicitudin pretium. Nullam sodales mi et scelerisque sagittis. Aliquam ipsum nisi, interdum non felis eu, molestie eleifend elit. Vivamus fermentum leo justo, in tempus quam imperdiet ut. Cras sit amet convallis dolor, et ultricies eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta faucibus lobortis.
  732.  
  733. Ut ultrices magna quis leo maximus sagittis. Morbi velit ipsum, mattis non elit vitae, consequat pharetra mauris. Phasellus maximus, odio nec pellentesque viverra, metus nibh finibus massa, a pulvinar sapien dolor eget ex. Suspendisse interdum molestie sem nec ullamcorper. Proin ut tempor magna, ullamcorper interdum enim. Nullam bibendum mi sit amet auctor finibus. Sed malesuada nisl in ligula blandit, vitae facilisis eros lacinia. Proin molestie purus eu mauris bibendum facilisis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  734.  
  735. Ut suscipit est ultricies ligula efficitur, vitae mollis lorem porta. In posuere dignissim velit, vitae bibendum magna feugiat ac. Vivamus convallis id nulla non commodo. Morbi rutrum ante et nulla pharetra, dapibus tristique leo consectetur. Cras id ipsum eu eros vehicula ultrices sed sed turpis. Donec eu est commodo metus tempus posuere eget at leo. Integer nec mattis nisl. Quisque eleifend justo quis rutrum luctus.[/border][comment]
  736.  
  737. // content end //
  738.  
  739. [/comment][/border][comment]
  740.  
  741. <---------------------------------------- end of tab 2 section 3 ----------------------------------------
  742.  
  743. [/comment][/border][/border][comment]
  744.  
  745. <------------------------------ end of right side ------------------------------
  746.  
  747. [/comment][/border][/tab]
  748.  
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755.  
  756.  
  757.  
  758.  
  759. [tab=03030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303][comment]
  760.  
  761. // tab cover start //
  762.  
  763. [/comment][border=0; display: flex; padding: 0; position: absolute; top: 68px; left: 152px; z-index: 8; pointer-events: initial;][border=0; padding: 0; width: 27px; height: 27px; background: var(--black); clip-path: polygon(100% 0, 0 100%, 100% 100%);][/border][border=0; display: flex; justify-content: right; align-items: center; padding: 0 7px 0 0; width: 158px; height: 27px; background: var(--black); font-family: var(--mainfont); font-size: .7em; line-height: 100%; color: var(--accent01); text-transform: uppercase;]Locations[/border][/border][comment]
  764.  
  765. // tab cover end //
  766.  
  767. [/comment][border=0; font-size: initial; line-height: initial; display: flex; flex-flow: row wrap; justify-content: center; padding: 0 25px; width: calc(100% - 25px); overflow: hidden; position: absolute; top: 101px; z-index: 6;][comment]
  768.  
  769. ------------------------------ start of left side ------------------------------>
  770.  
  771. [/comment][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 1; width: calc(100% - 25px); max-width: 400px; min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px; background: var(--tab03img); clip-path: polygon(100px 0%, 100% 0, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0 100%, 0 100px); overflow: hidden; position: relative;][border=0; padding: 0; background: var(--digital); position: absolute; top: 0; bottom: 0; left: 0; right: 0;][/border][comment]
  772.  
  773. ---------------------------------------- start of tab number ---------------------------------------->
  774.  
  775. [/comment][border=0; padding: 0; font-family: var(--mainfont); font-size: 150px; font-weight: 700; line-height: 100%; letter-spacing: -20px; color: var(--white); position: absolute; top: -48px; right: -10px; opacity: .5;]03[/border][comment]
  776.  
  777. <---------------------------------------- end tab number ----------------------------------------
  778.  
  779. [/comment][comment]
  780.  
  781. ---------------------------------------- start of tab label ---------------------------------------->
  782.  
  783. [/comment][border=0; padding: 0; width: calc(100% - 75px); position: absolute; bottom: 50px; left: 25px; opacity: .7;][comment]
  784.  
  785. -------------------------------------------------- start of tab title -------------------------------------------------->
  786.  
  787. [/comment][border=0; display: flex; padding: 0;][border=0; display: inline-block; padding: 0; margin-top: 1px; margin-right: 10px; max-width: 10px; min-width: 10px; height: 10px; background: var(--white);][/border][border=0; display: inline-block; padding: 0; font-family: var(--mainfont); font-size: .8em; line-height: 120%; color: var(--white); text-transform: uppercase;]Locations[/border][/border][comment]
  788.  
  789. <-------------------------------------------------- end of tab title --------------------------------------------------
  790.  
  791. [/comment][comment]
  792.  
  793. -------------------------------------------------- start of blurb under title -------------------------------------------------->
  794.  
  795. [/comment][border=0; display: flex; padding: 0;][border=0; display: inline-block; padding: 0; margin-top: 1px; margin-right: 10px; max-width: 10px; min-width: 10px; height: 10px; background: var(--white);][/border][border=0; display: inline-block; padding: 0; font-family: var(--mainfont); font-size: .8em; line-height: 120%; color: var(--white); text-transform: uppercase;]A warrior needs not concern themselves with matters within the purview of men[/border][/border][comment]
  796.  
  797. <-------------------------------------------------- end of blurb under title --------------------------------------------------
  798.  
  799. [/comment][/border][comment]
  800.  
  801. <---------------------------------------- end tab label ----------------------------------------
  802.  
  803. [/comment][/border][comment]
  804.  
  805. <------------------------------ end of left side ------------------------------
  806.  
  807. [/comment][comment]
  808.  
  809. ------------------------------ start of right side ------------------------------>
  810.  
  811. [/comment][border=0; padding: 0; margin-right: 25px; margin-bottom: 50px; flex: 2; width: calc(100% - 25px); min-width: 200px; height: 70vh; min-height: 400px; max-height: 600px; overflow: hidden;][border=0; padding: 0 30px 0 0; width: 100%; height: 70vh; min-height: 400px; max-height: 600px; overflow-y: scroll; overflow-x: hidden;][comment]
  812.  
  813. ---------------------------------------- start of tab 1 section 1 ---------------------------------------->
  814.  
  815. [/comment][comment]
  816.  
  817. // image start //
  818.  
  819. [/comment][border=0; padding: 0; margin-bottom: 25px; width: 100%; height: 300px; background: var(--location01); overflow: hidden;][border=0; padding: 0; width: 100%; height: 300px; background: var(--digital);][/border][/border][comment]
  820.  
  821. // image end //
  822.  
  823. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  824.  
  825. // title start //
  826.  
  827. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Location 1[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]001[/border][/border][comment]
  828.  
  829. // title end //
  830.  
  831. [/comment][comment]
  832.  
  833. // content start //
  834.  
  835. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum congue volutpat. Aenean id lorem eu purus scelerisque iaculis vitae quis mauris. Suspendisse potenti. Ut lacinia metus a malesuada sodales. Quisque orci sapien, placerat ac porta ac, sollicitudin eu elit. Integer et diam est. Nullam feugiat mi metus, aliquet sodales tortor molestie quis. Nam fringilla volutpat erat, non porttitor turpis laoreet quis.
  836.  
  837. Pellentesque semper, dui at commodo consectetur, ante orci tincidunt lacus, id cursus turpis ex non risus. Nunc lacus erat, scelerisque in cursus ut, aliquam vitae purus. Nulla nec malesuada nisi. Vivamus at nisi eros. Duis non cursus metus. Donec a lorem sed lorem fermentum feugiat. Sed nec nisl purus.
  838.  
  839. Aenean congue neque eu massa sodales interdum. In vitae lacinia nisl. Duis suscipit maximus enim, at mattis mauris facilisis eget. Praesent sagittis orci odio, in molestie quam venenatis ac. Integer at ante ut ligula gravida vulputate. Aliquam sagittis, ex ut mollis consequat, sem tellus ultrices eros, et consequat est erat id dolor. Cras dolor arcu, pharetra in tortor nec, finibus fringilla quam. Mauris a purus nec velit egestas condimentum. Phasellus cursus elementum tempus. Nulla et urna lacus.
  840.  
  841. Suspendisse sed arcu leo. In non viverra orci. Aenean sed congue nibh. Fusce malesuada varius gravida. Etiam vel orci a lorem sodales laoreet. Nam id libero vel odio pellentesque finibus eget at purus. Sed porta egestas sem, eget porta tortor rhoncus quis. Fusce quis vehicula metus. Nunc hendrerit lacinia molestie. Mauris semper lorem vitae rhoncus iaculis. Donec blandit eros eget ante bibendum vehicula.[/border][comment]
  842.  
  843. // content end //
  844.  
  845. [/comment][/border][comment]
  846.  
  847. <---------------------------------------- end of tab 3 section 1 ----------------------------------------
  848.  
  849. [/comment][comment]
  850.  
  851. // spacer start //
  852.  
  853. [/comment][border=0; padding: 0; height: 50px;][/border][comment]
  854.  
  855. // spacer end //
  856.  
  857. [/comment][comment]
  858.  
  859. ---------------------------------------- start of tab 3 section 2 ---------------------------------------->
  860.  
  861. [/comment][comment]
  862.  
  863. // image start //
  864.  
  865. [/comment][border=0; padding: 0; margin-bottom: 25px; width: 100%; height: 300px; background: var(--location02); overflow: hidden;][border=0; padding: 0; width: 100%; height: 300px; background: var(--digital);][/border][/border][comment]
  866.  
  867. // image end //
  868.  
  869. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  870.  
  871. // title start //
  872.  
  873. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Location 2 Pt.1[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]002[/border][/border][comment]
  874.  
  875. // title end //
  876.  
  877. [/comment][comment]
  878.  
  879. // content start //
  880.  
  881. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;][Capital] Blep
  882.  
  883. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum congue volutpat. Aenean id lorem eu purus scelerisque iaculis vitae quis mauris. Suspendisse potenti. Ut lacinia metus a malesuada sodales. Quisque orci sapien, placerat ac porta ac, sollicitudin eu elit. Integer et diam est. Nullam feugiat mi metus, aliquet sodales tortor molestie quis. Nam fringilla volutpat erat, non porttitor turpis laoreet quis.
  884.  
  885. Pellentesque semper, dui at commodo consectetur, ante orci tincidunt lacus, id cursus turpis ex non risus. Nunc lacus erat, scelerisque in cursus ut, aliquam vitae purus. Nulla nec malesuada nisi. Vivamus at nisi eros. Duis non cursus metus. Donec a lorem sed lorem fermentum feugiat. Sed nec nisl purus.
  886.  
  887. Aenean congue neque eu massa sodales interdum. In vitae lacinia nisl. Duis suscipit maximus enim, at mattis mauris facilisis eget. Praesent sagittis orci odio, in molestie quam venenatis ac. Integer at ante ut ligula gravida vulputate. Aliquam sagittis, ex ut mollis consequat, sem tellus ultrices eros, et consequat est erat id dolor. Cras dolor arcu, pharetra in tortor nec, finibus fringilla quam. Mauris a purus nec velit egestas condimentum. Phasellus cursus elementum tempus. Nulla et urna lacus.
  888.  
  889. Suspendisse sed arcu leo. In non viverra orci. Aenean sed congue nibh. Fusce malesuada varius gravida. Etiam vel orci a lorem sodales laoreet. Nam id libero vel odio pellentesque finibus eget at purus. Sed porta egestas sem, eget porta tortor rhoncus quis. Fusce quis vehicula metus. Nunc hendrerit lacinia molestie. Mauris semper lorem vitae rhoncus iaculis. Donec blandit eros eget ante bibendum vehicula.[/border][comment]
  890.  
  891. // content end //
  892.  
  893. [/comment][/border][comment]
  894.  
  895. <---------------------------------------- end of tab 1 section 2 ----------------------------------------
  896.  
  897. [/comment][comment]
  898.  
  899. // spacer start //
  900.  
  901. [/comment][border=0; padding: 0; height: 50px;][/border][comment]
  902.  
  903. // spacer end //
  904.  
  905. [/comment][comment]
  906.  
  907. ---------------------------------------- start of tab 3 section 3 ---------------------------------------->
  908.  
  909. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  910.  
  911. // title start //
  912.  
  913. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Location 2 Pt.2[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]003[/border][/border][comment]
  914.  
  915. // title end //
  916.  
  917. [/comment][comment]
  918.  
  919. // content start //
  920.  
  921. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum congue volutpat. Aenean id lorem eu purus scelerisque iaculis vitae quis mauris. Suspendisse potenti. Ut lacinia metus a malesuada sodales. Quisque orci sapien, placerat ac porta ac, sollicitudin eu elit. Integer et diam est. Nullam feugiat mi metus, aliquet sodales tortor molestie quis. Nam fringilla volutpat erat, non porttitor turpis laoreet quis.
  922.  
  923. Pellentesque semper, dui at commodo consectetur, ante orci tincidunt lacus, id cursus turpis ex non risus. Nunc lacus erat, scelerisque in cursus ut, aliquam vitae purus. Nulla nec malesuada nisi. Vivamus at nisi eros. Duis non cursus metus. Donec a lorem sed lorem fermentum feugiat. Sed nec nisl purus.
  924.  
  925. Aenean congue neque eu massa sodales interdum. In vitae lacinia nisl. Duis suscipit maximus enim, at mattis mauris facilisis eget. Praesent sagittis orci odio, in molestie quam venenatis ac. Integer at ante ut ligula gravida vulputate. Aliquam sagittis, ex ut mollis consequat, sem tellus ultrices eros, et consequat est erat id dolor. Cras dolor arcu, pharetra in tortor nec, finibus fringilla quam. Mauris a purus nec velit egestas condimentum. Phasellus cursus elementum tempus. Nulla et urna lacus.
  926.  
  927. Suspendisse sed arcu leo. In non viverra orci. Aenean sed congue nibh. Fusce malesuada varius gravida. Etiam vel orci a lorem sodales laoreet. Nam id libero vel odio pellentesque finibus eget at purus. Sed porta egestas sem, eget porta tortor rhoncus quis. Fusce quis vehicula metus. Nunc hendrerit lacinia molestie. Mauris semper lorem vitae rhoncus iaculis. Donec blandit eros eget ante bibendum vehicula.[/border][comment]
  928.  
  929. // content end //
  930.  
  931. [/comment][/border][comment]
  932.  
  933. <---------------------------------------- end of tab 1 section 3 ----------------------------------------
  934.  
  935. [/comment][comment]
  936.  
  937. // spacer start //
  938.  
  939. [/comment][border=0; padding: 0; height: 50px;][/border][comment]
  940.  
  941. // spacer end //
  942.  
  943. [/comment][comment]
  944.  
  945. ---------------------------------------- start of tab 3 section 4 ---------------------------------------->
  946.  
  947. [/comment][comment]
  948.  
  949. // image start //
  950.  
  951. [/comment][border=0; padding: 0; margin-bottom: 25px; width: 100%; height: 300px; background: var(--location03); overflow: hidden;][border=0; padding: 0; width: 100%; height: 300px; background: var(--digital);][/border][/border][comment]
  952.  
  953. // image end //
  954.  
  955. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  956.  
  957. // title start //
  958.  
  959. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Location 3 Pt.1[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]004[/border][/border][comment]
  960.  
  961. // title end //
  962.  
  963. [/comment][comment]
  964.  
  965. // content start //
  966.  
  967. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;][Capital] Blep
  968.  
  969. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum congue volutpat. Aenean id lorem eu purus scelerisque iaculis vitae quis mauris. Suspendisse potenti. Ut lacinia metus a malesuada sodales. Quisque orci sapien, placerat ac porta ac, sollicitudin eu elit. Integer et diam est. Nullam feugiat mi metus, aliquet sodales tortor molestie quis. Nam fringilla volutpat erat, non porttitor turpis laoreet quis.
  970.  
  971. Pellentesque semper, dui at commodo consectetur, ante orci tincidunt lacus, id cursus turpis ex non risus. Nunc lacus erat, scelerisque in cursus ut, aliquam vitae purus. Nulla nec malesuada nisi. Vivamus at nisi eros. Duis non cursus metus. Donec a lorem sed lorem fermentum feugiat. Sed nec nisl purus.
  972.  
  973. Aenean congue neque eu massa sodales interdum. In vitae lacinia nisl. Duis suscipit maximus enim, at mattis mauris facilisis eget. Praesent sagittis orci odio, in molestie quam venenatis ac. Integer at ante ut ligula gravida vulputate. Aliquam sagittis, ex ut mollis consequat, sem tellus ultrices eros, et consequat est erat id dolor. Cras dolor arcu, pharetra in tortor nec, finibus fringilla quam. Mauris a purus nec velit egestas condimentum. Phasellus cursus elementum tempus. Nulla et urna lacus.
  974.  
  975. Suspendisse sed arcu leo. In non viverra orci. Aenean sed congue nibh. Fusce malesuada varius gravida. Etiam vel orci a lorem sodales laoreet. Nam id libero vel odio pellentesque finibus eget at purus. Sed porta egestas sem, eget porta tortor rhoncus quis. Fusce quis vehicula metus. Nunc hendrerit lacinia molestie. Mauris semper lorem vitae rhoncus iaculis. Donec blandit eros eget ante bibendum vehicula.[/border][comment]
  976.  
  977. // content end //
  978.  
  979. [/comment][/border][comment]
  980.  
  981. <---------------------------------------- end of tab 1 section 4 ----------------------------------------
  982.  
  983. [/comment][comment]
  984.  
  985. // spacer start //
  986.  
  987. [/comment][border=0; padding: 0; height: 50px;][/border][comment]
  988.  
  989. // spacer end //
  990.  
  991. [/comment][comment]
  992.  
  993. ---------------------------------------- start of tab 3 section 5 ---------------------------------------->
  994.  
  995. [/comment][border=0; display: flex; flex-flow: row nowrap; padding: 0; margin-right: -10px; width: calc(100% + 10px);][comment]
  996.  
  997. // title start //
  998.  
  999. [/comment][border=0; padding: 5px 0 5px 0; margin-right: 10px; flex: 1; max-width: 90px; min-width: 90px;][border=0; padding: 0; font-family: var(--mainfont); font-size: .9em; line-height: 100%; color: var(--accent01); text-transform: uppercase; text-align: right;]Location 3 Pt.2[/border][border=0; padding: 0; font-family: var(--mainfont); font-size: 2.1em; line-height: 100%; font-weight: 700; color: var(--white); text-transform: uppercase; text-align: right; letter-spacing: -2px;]005[/border][/border][comment]
  1000.  
  1001. // title end //
  1002.  
  1003. [/comment][comment]
  1004.  
  1005. // content start //
  1006.  
  1007. [/comment][border=0; border-left: 1px solid var(--accent01); padding: 5px 0 5px 10px; margin-right: 10px; flex: 9; width: calc(100% - 11px); font-family: var(--mainfont); font-size: calc(.9em + 1px); line-height: 125%; color: var(--white); text-align: justify;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum congue volutpat. Aenean id lorem eu purus scelerisque iaculis vitae quis mauris. Suspendisse potenti. Ut lacinia metus a malesuada sodales. Quisque orci sapien, placerat ac porta ac, sollicitudin eu elit. Integer et diam est. Nullam feugiat mi metus, aliquet sodales tortor molestie quis. Nam fringilla volutpat erat, non porttitor turpis laoreet quis.
  1008.  
  1009. Pellentesque semper, dui at commodo consectetur, ante orci tincidunt lacus, id cursus turpis ex non risus. Nunc lacus erat, scelerisque in cursus ut, aliquam vitae purus. Nulla nec malesuada nisi. Vivamus at nisi eros. Duis non cursus metus. Donec a lorem sed lorem fermentum feugiat. Sed nec nisl purus.
  1010.  
  1011. Aenean congue neque eu massa sodales interdum. In vitae lacinia nisl. Duis suscipit maximus enim, at mattis mauris facilisis eget. Praesent sagittis orci odio, in molestie quam venenatis ac. Integer at ante ut ligula gravida vulputate. Aliquam sagittis, ex ut mollis consequat, sem tellus ultrices eros, et consequat est erat id dolor. Cras dolor arcu, pharetra in tortor nec, finibus fringilla quam. Mauris a purus nec velit egestas condimentum. Phasellus cursus elementum tempus. Nulla et urna lacus.
  1012.  
  1013. Suspendisse sed arcu leo. In non viverra orci. Aenean sed congue nibh. Fusce malesuada varius gravida. Etiam vel orci a lorem sodales laoreet. Nam id libero vel odio pellentesque finibus eget at purus. Sed porta egestas sem, eget porta tortor rhoncus quis. Fusce quis vehicula metus. Nunc hendrerit lacinia molestie. Mauris semper lorem vitae rhoncus iaculis. Donec blandit eros eget ante bibendum vehicula.[/border][comment]
  1014.  
  1015. // content end //
  1016.  
  1017. [/comment][/border][comment]
  1018.  
  1019. <---------------------------------------- end of tab 1 section 5 ----------------------------------------
  1020.  
  1021. [/comment][/border][/border][comment]
  1022.  
  1023. <------------------------------ end of right side ------------------------------
  1024.  
  1025. [/comment][/border][/tab]
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037. [/tabs][comment]
  1038.  
  1039. <-------------------- end of tabs --------------------
  1040.  
  1041. [/comment][/border][comment]
  1042.  
  1043. <---------- end of lower half ----------
  1044.  
  1045. [/comment][/border][comment]
  1046.  
  1047. ---------- start of credits ---------->
  1048.  
  1049. [/comment][border=0; padding: 10px 0; width: 100%; font-family: var(--mainfont); font-size: .6em; line-height: 100%; color: var(--white); background: var(--black); text-align: center; text-transform: uppercase;]Code by Nano[comment][USER=20950]@Nano[/USER][/comment][/border][comment]
  1050.  
  1051. <---------- end of credits ----------
  1052.  
  1053. [/comment][/border]
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!