API tools faq
paste
Advertisement
circlejourney

Identity edit for deku4ka

circlejourney
Jan 8th, 2021
679
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.85 KB | None | 0 0
raw download clone embed print report
  1. <!-- Identity theme by Circlejourney. Editing is allowed. Just remember to credit me! -->
  2. <div class="container-fluid" style="font-family: sans-serif">
  3. <div class="card-side collapse show" id="side-1">
  4. <div class="card border-0" style="overflow: hidden; color: #00000; background: #1d1d1f;">
  5.  
  6. <div id="background-elements" style="position:absolute; top:%; width: 100%">
  7. <div style="font-size:10pt;display: block;position:absolute; height: 0; width: 0; top: 0; border-top: 520px; border-right: 730px solid transparent;"></div>
  8. <div style="font-size:10pt;display: block;position:absolte; height: 0; width: 0; border-top: 500px solid #000; border-right: 700px solid transparent;"></div>
  9. <div id="symbol" style="position: absolute; top: 12% ;right: -5%; font-size: 300pt; color: black;">
  10. <i class="fa fa-bullseye" aria-hidden="true"></i>
  11. <!--replace with preferred Font Awesome icon-->
  12. </div>
  13. </div>
  14.  
  15. <h1 class="card-header text-center mb-0 display-4 text-break" style="z-index: 4; text-transform: uppercase; padding: 30px; background-color: #000000; color: white;">
  16. <i class="fe"></i> Identification Card
  17. </h1>
  18. <div class="w-100" style="border-bottom: 2px double #00000; z-index: 2;color: white;"></div>
  19.  
  20. <div class= "card-block table-responsive" style="z-index: 4; height: 400px;"> <!-- Replace 540px with other height if you wish to fit more info-->
  21. <div class="row">
  22. <div class="col-12 col-md-4 text-center" style="text-transform: uppercase; color: white;">
  23. <div class="px-">
  24. <img class="border w-75 border-primary rounded my-4" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b3e3d957-e9af-4ebb-8284-6aade115c70d/de34vnc-138afe63-713e-4c6b-9816-65740afb7034.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvYjNlM2Q5NTctZTlhZi00ZWJiLTgyODQtNmFhZGUxMTVjNzBkXC9kZTM0dm5jLTEzOGFmZTYzLTcxM2UtNGM2Yi05ODE2LTY1NzQwYWZiNzAzNC5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.8xOS1-EEbt0UdaYB-yj450zH_sek4drK0M_ZAThZZPo" style=": 5px solid white" <!-- Icon image --></p>
  25. <h1 class="display-4 w-100 text-break; color: white;">Deko4ka</h1>
  26. <p class="mb-3" style="font-size:14pt;line-heigре: 0.5em">The owner of the 200+ characters. Help... </div>
  27. </div>
  28. <div class="col-20 col-md">
  29. <div class="px-">
  30.  
  31. <p class="mb-3" style="font-size: 14pt; line-height: 0.9em; color: white;">
  32. " One Man's Hero Is Another Man's Villain "
  33.  
  34. <div class="row">
  35. <div class="col-5">
  36. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;">Name</p>
  37. <p class="mb-2" style="font-size: 13pt; line-height: 1.2em; color: white;">Alice</p>
  38. </div>
  39.  
  40. <div class="col-7">
  41. <p class= "mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;">country</p>
  42. <p class="mb-2" style="font-size: 13pt; line-height: 1.2em; color: white;">Russia</p>
  43. </div>
  44. </div>
  45.  
  46. <div class="row">
  47. <div class="col-5">
  48. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;">Age</p>
  49. <p class="mb-2" style="font-size: 13pt; line-height: 1.2em; color: white;">17</p>
  50. </div>
  51.  
  52. <div class="col-7">
  53. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;">Date of Birth</p>
  54. <p class="mb-0" style="font-size: 13pt; line-height: 1.2em; color: white;">12 January 2003</p>
  55. </div>
  56. </div>
  57.  
  58.  
  59.  
  60.  
  61. <div class="row">
  62. <div class="col-5">
  63. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;">Information</p>
  64. <p class="mb-2" style="font-size: 13pt; line-height: 1.2em; color: white;"><i class="fa fa-heart"></i> Open to communication<br><i class="fa fa-heart"></i> You can suggest connections (relationships) between your and my characters <br><i class="fa fa-heart"></i> You can offer me a share* your characters and ask me to share my characters<br><i class="fa fa-heart"></i> Suggestions, corrections, and ideas are appreciated <br><i class="fa fa-heart"></i> And also very much appreciated corrections in my writing <br> <br>* By share, I mean when a character has several owners with agreed rules<br><br>
  65.  
  66. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;">social</p>
  67. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;"><i class="fa fa-bullseye"></i> twitter</p>
  68. <p class="mb-2" style="font-size: 13pt; line-height: 1.2em; color: white;">https://twitter.com/deko4ka_des</p>
  69. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;"><i class="fa fa-bullseye"></i> deviantart</p>
  70. <p class="mb-2" style="font-size: 13pt; line-height:1.2em; color: white;">https://www.deviantart.com/deko4ka</p>
  71. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;"><i class="fa fa-bullseye"></i> ych.commishes</p>
  72. <p class="mb-2" style="font-size: 13pt; line-height:1.2em; color: white;">https://ping.commishes.com/deko4ka</p>
  73. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;"><i class="fa fa-bullseye"></i> furaffinity</p>
  74. <p class="mb-2" style="font-size: 13pt; line-height:1.2em; color: white;">https://www.furaffinity.net/user/deko4ka</p>
  75. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;"><i class="fa fa-bullseye"></i> discord</p>
  76. <p class="mb-2" style="font-size: 13pt; line-height:1.2em; color: white;">Детдомовец#8970</p>
  77. </div>
  78.  
  79. <div class="col-7">
  80. <p class="mb-0 font-weight-bold" style="text-transform: uppercase; font-size: 13pt; color: white;"><i class="fa fa-music"></i> music theme <i class="fa fa-music fa"></i></p>
  81. <h2><iframe width="505" height="260" src="https://www.youtube.com/embed/WH-XmuWN95A" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></h2>
  82.  
  83. <iframe width="505" height="260" src="https://www.youtube.com/embed/nZHXSN6lEEw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  84. </div>
  85.  
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91.  
  92. <div class="card-footer p-4 text-right" style="background-color: #000000; z-index: 4;">
  93. <a class="text-white" style="font-size: 14pt; float: left;" href="https://toyhou.se/~forums/16.htmlcss-graphics/75580.circlejourney-s-code-creations-free-"><i class="fas fa-code"></i></a>
  94.  
  95. <a class="text-white" style="font-size: 14pt; float: left;" href="https://toyhou.se/3921250.identity"><i class="fas fa-code"></i></a>
  96. <a class="text-white" style="font-size: 14pt; float: left;" href="https://toyhou.se/1344927.sheet-profile/2492329.version-2-0"><i class="fas fa-code"></i></a>
  97. <a class="text-white" style="font-size: 14pt; float: left;" href="https://toyhou.se/6560537.-audio-player-code-f2u-"><i class="fas fa-code"></i></a>
  98.  
  99. <a class="text-white" style="font-size: 14pt;" data-toggle="collapse" href=".card-side">
  100. <i class="fal fa-sync-alt"></i> Tap to flip card
  101. </a>
  102. </div>
  103. </div>
  104. </div>
  105.  
  106.  
  107. <div class="card-side collapse" id="side-2">
  108. <div class="card border-0" style="overflow: hidden; color: #000000; background: #EFEFEF;">
  109. <div id="background-elements" style="position:absolute; top:%; width: 100%">
  110. <div style="font-size:10pt;display: block;position:absolute; height: 0; width: 0; top: 0; border-top: 520px; border-right: 730px solid transparent;"></div>
  111. <div style="font-size:10pt;display: block;position:absolte; height: 0; width: 0; border-top: 500px solid #fff; border-right: 700px solid transparent;"></div>
  112. <div id="symbol" style="position: absolute; top: 12% ;right: -5%; font-size: 300pt; color: white;">
  113. <i class="fa fa-bullseye" aria-hidden="true"></i>
  114. </div>
  115. </div>
  116.  
  117. <h1 class="card-header text-center mb-0 display-4 text-break" style="z-index: 4; text-transform: uppercase; padding: 30px; background-color: #ffffff; color: black;">
  118. <i class="fe"></i> Identification Card
  119. </h1>
  120.  
  121.  
  122. <div class="w-100" style="border-bottom: 2px double #00000; z-index: 2;"></div>
  123.  
  124. <div class="card-block my-2 table-responsive" style="height: 600px; z-index: 2;"> <!-- Replace 540px with other height if you wish to fit more info-->
  125. <div class="row">
  126. <div class="col col-md-">
  127. <div class="px-4 mb-4">
  128. <h1></h1>
  129. <p class="mb-" style="font-size: 13pt; line-height: 1.2em; color: black;">
  130. I have been in the fandom for about 5 years and am the owner of more than 200 + characters(if not more) and I have no idea how I will make out all their profiles, but I have huge plans for all of them and each has its own role in this big universe. No one will be left behind. <br>
  131. I am in constant search for those who want to become co-owners of my characters! You can write to me both here and in the specified social networks! <br>Rules: <br>1. I remain the main owner. <br>2. As long as you are a co-owner, I will not sell the character. <br>3. You in turn also do not have the right to sell the character. <br>4. You can rewrite and fit the character into your universe as you like,so to speak, create an alter ego outside of my universe. <br>Or if you want to leave everything as it is. <br>5. Rules for compulsory arts and so on do not exist</p>
  132.  
  133. </div>
  134. </div>
  135. </div>
  136. <div class="card-block row">
  137. <div class="col-md-6">
  138. <div class="row mb-1">
  139. <div class="col-3 text-right text-primary">
  140. <strong>Quiet</strong>
  141. </div>
  142. <div class="col-5">
  143. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:20%;"></div></div>
  144. </div>
  145. <div class="col-3 text-left text-success">
  146. <strong>Outgoing</strong>
  147. </div>
  148. </div>
  149. <div class="row mb-1">
  150. <div class="col-3 text-right text-primary">
  151. <strong>Follower</strong>
  152. </div>
  153. <div class="col-5">
  154. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:35%;"></div></div>
  155. </div>
  156. <div class="col-3 text-left text-success">
  157. <strong>Leader</strong>
  158. </div>
  159. </div>
  160. <div class="row mb-1">
  161. <div class="col-3 text-right text-primary">
  162. <strong>Impulsive</strong>
  163. </div>
  164. <div class="col-5">
  165. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:100%;"></div></div>
  166. </div>
  167. <div class="col-3 text-left text-success">
  168. <strong>Cautious</strong>
  169. </div>
  170. </div>
  171. <div class="row mb-1">
  172. <div class="col-3 text-right text-primary">
  173. <strong>Pessimist</strong>
  174. </div>
  175. <div class="col-5">
  176. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:10%;"></div></div>
  177. </div>
  178. <div class="col-3 text-left text-success">
  179. <strong>Optimist</strong>
  180. </div>
  181. </div>
  182. <div class="row mb-1">
  183. <div class="col-3 text-right text-primary">
  184. <strong>Rude</strong>
  185. </div>
  186. <div class="col-5">
  187. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:85%;"></div></div>
  188. </div>
  189. <div class="col-3 text-left text-success">
  190. <strong>Kind</strong>
  191. </div>
  192. </div>
  193. <div class="row mb-1">
  194. <div class="col-3 text-right text-primary">
  195. <strong>Chaotic</strong>
  196. </div>
  197. <div class="col-5">
  198. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:20%;"></div></div>
  199. </div>
  200. <div class="col-3 text-left text-success">
  201. <strong>Peaceful</strong>
  202. </div>
  203. </div>
  204. <div class="row mb-1">
  205. <div class="col-3 text-right text-primary">
  206. <strong>Lazy</strong>
  207. </div>
  208. <div class="col-5">
  209. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:85%;"></div></div>
  210. </div>
  211. <div class="col-3 text-left text-success">
  212. <strong>Perfectionist</strong>
  213. </div>
  214. </div>
  215. <div class="row mb-1">
  216. <div class="col-3 text-right text-primary">
  217. <strong>Serious</strong>
  218. </div>
  219. <div class="col-5">
  220. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:25%;"></div></div>
  221. </div>
  222. <div class="col-3 text-left text-success">
  223. <strong>Playful</strong>
  224. </div>
  225. </div>
  226. <div class="row mb-1">
  227. <div class="col-3 text-right text-primary">
  228. <strong>Coward</strong>
  229. </div>
  230. <div class="col-5">
  231. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:25%;"></div></div>
  232. </div>
  233. <div class="col-3 text-left text-success">
  234. <strong>Brave</strong>
  235. </div>
  236. </div>
  237.  
  238. <div class="row mb-1">
  239. <div class="col-3 text-right text-primary">
  240. <strong>Stupid</strong>
  241. </div>
  242. <div class="col-5">
  243. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:50%;"></div></div>
  244. </div>
  245. <div class="col-3 text-left text-success">
  246. <strong>Book-smart</strong>
  247. </div>
  248. </div>
  249. </div>
  250. <div class="col-md-6">
  251. <div class="row mb-1">
  252. <div class="col-3 text-right text-primary">
  253. <strong>Irrational</strong>
  254. </div>
  255. <div class="col-5">
  256. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:20%;"></div></div>
  257. </div>
  258. <div class="col-3 text-left text-success">
  259. <strong>Logical</strong>
  260. </div>
  261. </div>
  262. <div class="row mb-1">
  263. <div class="col-3 text-right text-primary">
  264. <strong>Liar</strong>
  265. </div>
  266. <div class="col-5">
  267. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:10%;"></div></div>
  268. </div>
  269. <div class="col-3 text-left text-success">
  270. <strong>Honest</strong>
  271. </div>
  272. </div>
  273. <div class="row mb-1">
  274. <div class="col-3 text-right text-primary">
  275. <strong>Messy</strong>
  276. </div>
  277. <div class="col-5">
  278. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:80%;"></div></div>
  279. </div>
  280. <div class="col-3 text-left text-success">
  281. <strong>Neat</strong>
  282. </div>
  283. </div>
  284. <div class="row mb-1">
  285. <div class="col-3 text-right text-primary">
  286. <strong>Insecure</strong>
  287. </div>
  288. <div class="col-5">
  289. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:20%;"></div></div>
  290. </div>
  291. <div class="col-3 text-left text-success">
  292. <strong>Confident</strong>
  293. </div>
  294. </div>
  295. <div class="row mb-1">
  296. <div class="col-3 text-right text-primary">
  297. <strong>Apathetic</strong>
  298. </div>
  299. <div class="col-5">
  300. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:5%;"></div></div>
  301. </div>
  302. <div class="col-3 text-left text-success">
  303. <strong>Curious</strong>
  304. </div>
  305. </div>
  306. <div class="row mb-1">
  307. <div class="col-3 text-right text-primary">
  308. <strong>Copier</strong>
  309. </div>
  310. <div class="col-5">
  311. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:25%;"></div></div>
  312. </div>
  313. <div class="col-3 text-left text-success">
  314. <strong>Creative</strong>
  315. </div>
  316. </div>
  317. <div class="row mb-1">
  318. <div class="col-3 text-right text-primary">
  319. <strong>Awkward</strong>
  320. </div>
  321. <div class="col-5">
  322. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:95%;"></div></div>
  323. </div>
  324. <div class="col-3 text-left text-success">
  325. <strong>Graceful</strong>
  326. </div>
  327. </div>
  328. <div class="row mb-1">
  329. <div class="col-3 text-right text-primary">
  330. <strong>Impatient</strong>
  331. </div>
  332. <div class="col-5">
  333. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:20%;"></div></div>
  334. </div>
  335. <div class="col-3 text-left text-success">
  336. <strong>Patient</strong>
  337. </div>
  338. </div>
  339. <div class="row mb-1">
  340. <div class="col-3 text-right text-primary">
  341. <strong>Lethargic</strong>
  342. </div>
  343. <div class="col-5">
  344. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:50%;"></div></div>
  345. </div>
  346. <div class="col-3 text-left text-success">
  347. <strong>Energetic</strong>
  348. </div>
  349. </div>
  350. <div class="row mb-1">
  351. <div class="col-3 text-right text-primary">
  352. <strong>Forgetful</strong>
  353. </div>
  354. <div class="col-5">
  355. <div class="progress bg-success"><div class="progress-bar bg-primary" style="width:90%;"></div></div>
  356. </div>
  357. <div class="col-3 text-left text-success">
  358. <strong>Eidetic</strong>
  359. </div>
  360. </div>
  361. <br>
  362. </div> </div> </div>
  363. </div>
  364.  
  365.  
  366.  
  367. <div class="card-footer p-4 text-right" style="background-color: #fff; z-index: 4;">
  368. <a class="text-black" style="font-size: 14pt; float: left; color: black;" href="https://toyhou.se/3921250.identity"><i class="fas fa-code"></i></a>
  369. <a class="text-black" style="font-size: 14pt; float: left; color: black;" href="https://toyhou.se/1344927.sheet-profile/2492329.version-2-0"><i class="fas fa-code"></i></a>
  370. <a class="text-black" style="font-size: 14pt; float: left; color: black;" href="https://toyhou.se/6560537.-audio-player-code-f2u-"><i class="fas fa-code"></i></a>
  371. <a class="text-black" style="font-size: 14pt;" data-toggle="collapse" href=".card-side">
  372. <i class="fal fa-sync-alt"></i> Tap to flip card
  373. </a>
  374. </div>
  375. </div>
  376. </div>
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!