API tools faq
paste
Guest User

Untitled

a guest
Nov 20th, 2019
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.00 KB | None | 0 0
raw download clone embed print report
  1. <div class="container-fluid px-0" style="max-width: 1250px;">
  2. <div class="row">
  3. <div class="col-12 mb-4">
  4. <!------------ TOP BANNER PATTERN ------------------------------>
  5. <div style="background: url(https://images.unsplash.com/photo-1475274047050-1d0c0975c63e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1504&q=80) fixed;" class="card rounded-0 border-0 py-5">
  6.  
  7. <!---------- TITLE BLOCK ----------------------------------->
  8. <div class="col-md-8 col-9 d-block mx-auto my-auto text-center p-1 bg-light" style="filter:opacity(85%);">
  9. <h1 class="display-1 text-dark" style="letter-spacing:1px;">Alex.</h1>
  10. </div>
  11. </div>
  12. </div>
  13. </div>
  14.  
  15. <div class="row">
  16. <div class="col-lg-9 col-md-8">
  17. <div class="row">
  18. <div class="col-lg-1 push-lg-11 pl-lg-0">
  19. <ul class="nav row mx-0 text-lg-left text-center">
  20. <!----------------- NAVIGATION BUTTONS --------------------------------------------------------->
  21. <li class="nav-item col-lg-12 col-2 px-0">
  22. <a class="nav-link active mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="About" href="#ONE">
  23. <i class="fal fa-info-circle fa-2x fa-fw" /></a>
  24. </li>
  25.  
  26. <li class="nav-item col-lg-12 col-2 px-0">
  27. <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="Roleplaying" href="#FOUR">
  28. <i class="fas fa-pen-alt fa-2x fa-fw" /></a>
  29. </li>
  30.  
  31. <li class="nav-item col-lg-12 col-2 px-0">
  32. <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="AUs/Fics" href="#TWO">
  33. <i class="fas fa-pen-alt fa-2x fa-fw" /></a>
  34. </li>
  35.  
  36. <li class="nav-item col-lg-12 col-2 px-0">
  37. <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="Featured" href="#FIVE">
  38. <i class="fas fa-heart fa-2x fa-fw" /></a>
  39. </li>
  40.  
  41. <li class="nav-item col-lg-12 col-2 px-0">
  42. <a class="nav-link mb-4 btn btn-outline-primary rounded-0 p-2 d-inline-block tooltipster" data-toggle="tab" title="Friends" href="#yeeee">
  43. <i class="fal fa-link fa-2x fa-fw" /></a>
  44. </li>
  45. </ul>
  46. </div>
  47.  
  48. <div class="col-lg-11 pull-lg-1 mb-4">
  49. <div class="tab-content" style="font-size: .9em; text-align:justify; letter-spacing:.5px;">
  50.  
  51. <!------------------ TAB ONE -- ABOUT ---------------------------------------------------------------------->
  52. <div class="tab-pane show active card border-0 rounded-0 bg-faded" id="ONE">
  53. <div class="card-block pb-0">
  54. <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">About</h1>
  55. </div>
  56.  
  57. <div class="card-block" style="height: 460px; overflow:auto;">
  58. <p>Yo. I like my ocs a lot so I store pretty much anything related to them here. I'm rather shy but you're free to pm me and talk.</p>
  59.  
  60. <P><B>I don't trade.</B> Please don't offer on my character and if you word things oddly and I misunderstand, please don't get mad. I also don't like getting art of my characters out of anxiety (tos's that involve art being taken away if you offend someone, mostly). <b>And don't ping me if I favorited your character when you want offers because I don't want to offer stuff for them. I favorite characters just to favorite them.</b></P>
  61.  
  62. <P>This profile used to list everything about my characters. If you want a condensed, sfw version of my profiles (for when you wanna roleplay and you're not that chill with dark, sometimes nsfw stuffs), pm me.</P>
  63.  
  64. It's recommended that you turn warnings on!</P>
  65. <P><B>If you complain to me about the dark stuff in my works, I will have no choice but to block you.</B> But please tell me if I forgot to warn for something. Although, there's some things that might be too...weird for me to warn about. So I won't warn about every little trigger there is.</P>
  66. <P>I don't condone most or all of what happens to or what my characters think and believe. They are purely fictional.</P>
  67.  
  68. <P><B>If I muted or blocked you, that means I'm scared to interact with you or you attacked me in some way.</B></P>
  69.  
  70. <P><I><B>Please ping me if you reply to me!</B></I></P>
  71.  
  72. <P>Also, the html and css is made by @lowkeywicked (even though I basically broke the html and I'm trying my best to fix it and it's now a mess in my dirty hands) and the sky images are from Unsplash.</P>
  73.  
  74. <!-------------------- INTERESTS ----------------------------------------------->
  75. <h2 class="text-uppercase text-center my-3" style="font-weight: 300; letter-spacing:1px;">Interests</h2>
  76. <div class="row">
  77. <div class="col-sm-6">
  78. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />My Fandoms</p>
  79. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Writing</p>
  80. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Storytelling</p>
  81. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Roleplaying</p>
  82. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Art</p>
  83. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Worldbuilding</p>
  84. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Coloring on Bases</p>
  85. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Color Theory</p>
  86. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Learning about pointless shit.</p>
  87. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />My friends. <3</p>
  88. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Gaming</p>
  89. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Gaming Culture?</p>
  90. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Pikmin</p>
  91. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Hollow Knight</p>
  92. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Team Fortress 2</p>
  93. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Pokemon</p>
  94. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Panic! At The Disco</p>
  95. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Foxes</p>
  96. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Exploring Dark Topics in Fiction</p>
  97. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />The Night + Night Skies + Moons + Stars</p>
  98. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Black colored things.</p>
  99. <p class="mb-2"><i class="fas fa-plus-circle fa-fw mr-1" />Blue on blacks.</p>
  100.  
  101. </div>
  102.  
  103. <div class="col-sm-6">
  104. <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />Drama (Watching it can be fun, however)</p>
  105. <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />People who I'm afraid of</p>
  106. <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />"If you write it, you support it!"</p>
  107. <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />People who use others (in real life)</p>
  108. <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />Hurting others (in real life)</p>
  109. <p class="mb-2"><i class="fas fa-minus-circle fa-fw mr-1" />Thin/Small textures in food.</p>
  110.  
  111.  
  112.  
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <!------------------ TAB FOUR -- Rolepaly ---------------------------------------------------------------------->
  118. <div class="tab-pane card border-0 rounded-0 bg-faded" id="FOUR">
  119. <div class="card-block pb-0">
  120. <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Roleplay</h1>
  121. </div>
  122. <div class="card-block" style="height: 460px; overflow:auto;">
  123.  
  124. <h2 class="text-uppercase text-center" style="font-weight: 300; letter-spacing:1px;">Info Stuffs</h2>
  125. <!------------ ROLEPLAY LINK BUTTONS ------------------------------------>
  126. <div class="d-flex justify-content-between mb-2">
  127. <a href="https://toyhou.se/~forums/12.worlds/120171.lf-people-to-roleplay-with-fandom-only-" class="btn btn-block btn-default rounded-0 m-1">Info Tread</a>
  128.  
  129. <a href="https://toyhou.se/3113512.rp-comfort" class="btn btn-block btn-default rounded-0 m-1">Comfort Meme</a>
  130. </div>
  131. <p>Feel free to pm me if you wanna roleplay.</p>
  132.  
  133. <h2 class="text-uppercase text-center mt-3" style="font-weight: 300; letter-spacing:1px;">Fandom List</h2>
  134. <div class="row">
  135. <!------------------- PIKMIN -------------------------------------->
  136. <div class="col-sm-6 mb-2">
  137. <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Pikmin</a>
  138. <p>Links are a HUGE Wip.</p>
  139. </div>
  140.  
  141. <!------------------- Pokemon -------------------------------------->
  142. <div class="col-sm-6 mb-2">
  143. <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Pokemon</a>
  144. <p>So exuse the empty folders. They're in the All Characters folder.</p>
  145. </div>
  146.  
  147. <!------------------- Hollow Knight -------------------------------------->
  148. <div class="col-sm-6 mb-2">
  149. <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Hollow Knight</a>
  150. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et.</p>
  151. </div>
  152.  
  153. <!------------------- Team Fortress 2 -------------------------------------->
  154. <div class="col-sm-6 mb-2">
  155. <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Team Fortress 2</a>
  156. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et.</p>
  157. </div>
  158.  
  159. <!------------------- Wings Of Fire -------------------------------------->
  160. <div class="col-sm-6 mb-2">
  161. <a class="btn btn-default btn-block rounded-0 mb-2" href="LINK">Wings Of Fire</a>
  162. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et.</p>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167.  
  168. <!------------------ TAB "TWO -- fics and aus ---------------------------------------------------------------------->
  169. <div class="tab-pane card border-0 rounded-0 bg-faded" id="TWO">
  170. <div class="card-block pb-0">
  171. <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Fics and AUS </h1>
  172. </div>
  173. <div class="card-block" style="height: 460px; overflow:auto;">
  174. <h2 class="text-uppercase text-center mt-3" style="font-weight: 300; letter-spacing:1px;">The Land Of Seasons AU [Pikmin]</h2>
  175. <div class="row">
  176.  
  177. <!------------------- LIT -------------------------------------->
  178. <div class="col-sm-6 mb-2">
  179. <a class="btn btn-default btn-block rounded-0 mb-2" href="https://toyhou.se/~literature/28303.the-path">Info World</a>
  180. <p>AAAA im yet to make this.</p>
  181. </div>
  182. <!------------------- LIT -------------------------------------->
  183. <div class="col-sm-6 mb-2">
  184. <a class="btn btn-default btn-block rounded-0 mb-2" href="https://toyhou.se/~literature/28303.the-path">Character Folder</a>
  185. <p>AAAA im yet to make this.</p>
  186. </div>
  187. <!------------------- LIT -------------------------------------->
  188. <div class="col-sm-6 mb-2">
  189. <a class="btn btn-default btn-block rounded-0 mb-2" href="https://toyhou.se/~literature/28303.the-path">The Path</a>
  190. <p>It's the season of fall, a path lies ahead, unexplored. A yellow pikmin named Harvest plans to travel down it.</p>
  191. <P>(Ongoing|2019)</P>
  192. </div>
  193.  
  194. <!------------------- LIT -------------------------------------->
  195. <div class="col-sm-6 mb-2">
  196. <a class="btn btn-default btn-block rounded-0 mb-2" href="https://toyhou.se/~literature/30909.the-children-of-the-night">The Children Of The Night</a>
  197. <p>Night, a pikmin who lives in Leaffall, taking care of a shop for his family when two strange winged pikmin walk into the marketplace. After seeing them, he decides to go ask about their wings and learns about a subspecies of pikmin; The Children Of The Night.</p>
  198. <P>(Ongoing|2019)</P>
  199. </div>
  200.  
  201.  
  202. <h2 class="text-uppercase text-center mt-3" style="font-weight: 300; letter-spacing:1px;">Other Fics/One-Shots</h2>
  203. <div class="row">
  204. <!------------------- LIT -------------------------------------->
  205. <div class="col-sm-6 mb-2">
  206. <a class="btn btn-default btn-block rounded-0 mb-2" href="https://toyhou.se/~literature/28303.the-path">Scornet Attack [Pikmin]</a>
  207. <P>(Made before I decided to make TLOS a thing)</P>
  208. <p>Jake gets attacked by scornets. That's it.</p>
  209. <P>(One-Shot|2018)</P>
  210. </div>
  211. <!------------------- LIT -------------------------------------->
  212. <div class="col-sm-6 mb-2">
  213. <a class="btn btn-default btn-block rounded-0 mb-2" href="https://toyhou.se/~literature/28303.the-path">The Explosion That Changed it All</a>
  214. <P>(Made before I decided to make TLOS a thing plus this isn't canon to it)</P>
  215. <p>Just an oc's backstory. (Locke's)</p>
  216. <P>(One-Shot|2018)</P>
  217. </div>
  218.  
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223.  
  224. <!------------------ TAB FIVE -- FEATURED ---------------------------------------------------------------------->
  225. <div class="tab-pane card border-0 rounded-0 bg-faded" id="FIVE">
  226. <div class="card-block pb-0">
  227. <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Featured</h1>
  228. </div>
  229. <div class="card-block" style="height: 460px; overflow:auto;">
  230. <div class="row justify-content-center mb-sm-2">
  231.  
  232. <!------------------- CHARACTER -------------------------------------->
  233. <div class="col-sm-3 col-6 text-center mb-2">
  234. <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/5346214?1574108610" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
  235. <a href="https://toyhou.se/5346214.junji" class="btn btn-default rounded-0 btn-block btn-sm">Junji</a>
  236. </div>
  237.  
  238. <!------------------- CHARACTER -------------------------------------->
  239. <div class="col-sm-3 col-6 text-center mb-2">
  240. <img src="https://file.toyhou.se/characters/1548858?1564160712" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
  241. <a href="https://toyhou.se/1548858.jake-comic" class="btn btn-default rounded-0 btn-block btn-sm">Jake</a>
  242. </div>
  243.  
  244. <!------------------- CHARACTER -------------------------------------->
  245. <div class="col-sm-3 col-6 text-center mb-2">
  246. <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/5356174?1573675468" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
  247. <a href="https://toyhou.se/5356174.trench" class="btn btn-default rounded-0 btn-block btn-sm">Trench</a>
  248. </div>
  249. </div>
  250.  
  251. <div class="row justify-content-center">
  252. <!------------------- CHARACTER -------------------------------------->
  253. <div class="col-sm-3 col-6 text-center mb-2">
  254. <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/5353513?1573636311" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
  255. <a href="https://toyhou.se/5353513.raindrops" class="btn btn-default rounded-0 btn-block btn-sm">Raindrops</a>
  256. </div>
  257.  
  258. <!------------------- CHARACTER -------------------------------------->
  259. <div class="col-sm-3 col-6 text-center mb-2">
  260. <img src="https://file.toyhou.se/characters/2063513?1554452397" class="d-block mx-auto mb-2 rounded-circle" style="max-height: 150px;">
  261. <a href="https://toyhou.se/2063513.bingo" class="btn btn-default rounded-0 btn-block btn-sm">Bingo</a>
  262. </div>
  263.  
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268.  
  269.  
  270. <!------------------ TAB SIX -- LINNKS ---------------------------------------------------------------------->
  271. <div class="tab-pane card border-0 rounded-0 bg-faded" id="yeeee">
  272. <div class="card-block pb-0">
  273. <h1 class="display-4 text-uppercase bg-primary text-white p-2 mb-0" style="letter-spacing:2px;">Links</h1>
  274. </div>
  275. <div class="card-block" style="height: 460px; overflow:auto;">
  276. <h2 class="text-uppercase text-center mt-3" style="font-weight: 300; letter-spacing:1px;">Social</h2>
  277.  
  278. <!--------- SOCIAL MEDIA LINKS CONTAINER -- IF YOU HAVE MORE THAN FIVE LINKS, MAKE A NEW CONTAINER ----->
  279. <div class="d-flex justify-content-between px-md-4 px-sm-2 px-1 text-center my-3" style="letter-spacing:1px;">
  280.  
  281. <div>
  282. <a href="LINK" class="btn btn-outline-primary rounded-0" target="_BLANK"><i class="fab fa-deviantart fa-fw fa-2x" /></a>
  283. <br>Deviantart
  284. </div>
  285.  
  286.  
  287. </div>
  288.  
  289. <h2 class="text-uppercase text-center mt-4" style="font-weight: 300; letter-spacing:1px;">Friends</h2>
  290. <!--------------- FRIENDS -- SET TO THEIR AVATAR & LINK THEM -- FILL NAME IN THE TITLE SECTION-------->
  291. <div class="row justify-content-center mt-3">
  292.  
  293.  
  294. <!-------------- FRIEND ------------------------------------>
  295. <div class="col mb-2 text-center">
  296. <a href="https://toyhou.se/HotTopicBastard">
  297. <img src="https://cdn.discordapp.com/attachments/630251595090886676/646493524388216833/kek.png" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="Boo (Hot Topic Bastard)">
  298. </a>
  299. </div>
  300.  
  301. <!-------------- FRIEND ------------------------------------>
  302. <div class="col mb-2 text-center">
  303. <a href="https://toyhou.se/Jammyboi">
  304. <img src="https://cdn.discordapp.com/attachments/622181139485818901/646515581016866816/unknown.png" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="Jam(myboi)">
  305. </a>
  306. </div>
  307.  
  308. <!-------------- FRIEND ------------------------------------>
  309. <div class="col mb-2 text-center">
  310. <a href="https://toyhou.se/Trinomew">
  311. <img src="https://cdn.bulbagarden.net/upload/thumb/2/2a/Io_Porygon-Z.png/100px-Io_Porygon-Z.png" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="Trino(mew)">
  312. </a>
  313. </div>
  314.  
  315. <!-------------- FRIEND ------------------------------------>
  316. <div class="col mb-2 text-center">
  317. <a href="https://toyhou.se/AngelNight">
  318. <img src="https://archives.bulbagarden.net/media/upload/c/cb/Birch_Torchic_Adventures.png" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="Angel(Night)">
  319. </a>
  320. </div>
  321.  
  322. <!-------------- FRIEND ------------------------------------>
  323. <div class="col mb-2 text-center">
  324. <a href="we know eachotehr on Disc and he doesnt have a site i can link other than MAYBE Roblox OOF.">
  325. <img src="https://cdn.discordapp.com/attachments/619293405058695191/646513317665439744/unknown.png" style="max-height: 75px; max-width: 75px;" class="tooltipster" title="NW(HP)">
  326. </a>
  327. </div>
  328.  
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336.  
  337. <p class="text-right mt-2">
  338. <a href="/lowkeywicked" target="_BLANK" class="btn btn-outline-primary btn-sm rounded-0"><i class="fas fa-code" /></a>
  339. </p>
  340. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
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!