Advertisement
Guest User

here u go

a guest
Nov 19th, 2019
1,079
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.43 KB | None | 0 0
  1. <div class="container px-0">
  2. <div class="card border-0">
  3. <!---------- CARD HEAER --------- SET TOP PATTERN HERE -------------------------->
  4. <div class="card-header py-5" style="background: url(http://papers.co/wallpaper/papers.co-ns38-pastel-city-blue-red-night-nature-29-wallpaper.jpg) fixed;">
  5.  
  6. <!---------- TITLE BLOCK ----------------------------------->
  7. <div class="col-md-8 col-9 d-block mx-auto text-center p-1" style="border: 2px solid #fff; color: #fff; background: rgba(255,255,255,.5);">
  8. <h1 style="font-size:8em; letter-spacing:2px;" <b> ⸸ asstown ⸸ </b>
  9. </div> <!------- END TITLE BLOCK ---------->
  10. </div>
  11.  
  12. <!------------ MAIN CARD BODY -- SET BG & FONT COLOR HERE ------------------------------->
  13. <div class="card-block" style="background: #474568 ; color: #F3818D ;">
  14. <div class="row">
  15. <div class="col-12 mb-2">
  16.  
  17. <!---------- LEFT FOCAL BLOCK -------- SET BG COLOR HERE ------------------------>
  18. <div class="card-block rounded col-lg-4 col-md-5 float-md-left mr-md-4 mb-2" style="background: #64609B ;">
  19.  
  20. <h1 class="display-4"> <i class="fab fa-github-alt"></i> toffee/jaimee </h1>
  21. <!--------------- 200 x 200 AVATAR IMAGE ---- SET BORDER COLOR HERE-------------------------------------->
  22. <img src="https://cdn.discordapp.com/attachments/481691048586772481/646480694884827146/image0.png" class="d-block mx-auto my-3 rounded-circle img-thumbnail" style="background:none; border-color: #fff;">
  23. <!--------- ADJECTIVEs -------------------------------->
  24. <p style="letter-spacing:1px;" class="text-center">15 . she/her . feral</p>
  25. </div>
  26.  
  27. <!------------------ ABOUT ME SECTION -------------------------------------->
  28. <h1> ⛤ loser shit bout me</h1>
  29. <p>hhi im jaimee! but u can call me toffee or even sprout! </p>
  30. <p>im a rlly stupid so called artist even tho ill probably barely post stuff lmao.
  31. im a big slut for pop punk, alt rock and screamo music uwu
  32. i also rlly like games and tv shows! such as skyrim, minecraft and pokemon.
  33. I love anime/manga and tv shows like teen wolf, voltron, she ra and steven universe!
  34. my childhood was madeup my dumb stuff like warriors and animal jam im not into it anymore but
  35. ill still talk about it lmao and maybe even rp even tho im extremely rusty lol.</p>
  36.  
  37. <!------------------ LINKS SECTION -------- USE FONT AESOME ICONS -- DONT FORGET TO UPDATE LINKS ---------------------->
  38. <h1 class="mt-3"><i class="far fa-dragon pull-right" />links</h1>
  39. <div class="row justify-content-between text-center">
  40. <!---------- LINK BLOCK ----------------->
  41. <div class="col-sm-2 col-6 mb-2">
  42. <a href="https://www.instagram.com/toffeesprout/" style="color: #999;"><i class="fab fa-instagram fa-3x m-1"></i></a>
  43. <br><small>Instagram</small>
  44. </div>
  45. <!---------- LINK BLOCK ----------------->
  46. <div class="col-sm-2 col-6 mb-2">
  47. <a href="https://cdn.discordapp.com/attachments/481691048586772481/646488853154365461/Snapchat-554050629.jpg" style="color: #999;"><i class="fab fa-snapchat-square fa-3x m-1"></i></a>
  48. <br><small>Snapchat</small>
  49. </div>
  50. <!---------- LINK BLOCK ----------------->
  51. <div class="col-sm-2 col-6 mb-2">
  52. <a href="https://cdn.discordapp.com/attachments/481691048586772481/646490657870970890/unknown.png" style="color: #999;"><i class="fab fa-discord fa-3x m-1"></i></a>
  53. <br><small>Discord</small>
  54. </div>
  55.  
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60.  
  61. <!------------------ FEATURED SECTION -------------------------------------->
  62. <h1><i class="fas fa-star pull-right" />Featured Characters</h1>
  63. <div class="row text-center">
  64. <!---------- CHARACTER BLOCK ----------------->
  65. <div class="col-sm-3 mb-2">
  66. <a href="LINK 1">
  67. <img src="IMG URL" class="img-thumbnail" style="background:none; border-color: #999;">
  68. </a>
  69. </div>
  70. <!---------- CHARACTER BLOCK ----------------->
  71. <div class="col-sm-3 mb-2">
  72. <a href="LINK 2">
  73. <img src="IMG URL" class="img-thumbnail" style="background:none; border-color: #999;">
  74. </a>
  75. </div>
  76. <!---------- CHARACTER BLOCK ----------------->
  77. <div class="col-sm-3 mb-2">
  78. <a href="LINK 3">
  79. <img src="IMG URL" class="img-thumbnail" style="background:none; border-color: #999;">
  80. </a>
  81. </div>
  82. <!---------- CHARACTER BLOCK ----------------->
  83. <div class="col-sm-3 mb-2">
  84. <a href="LINK 4">
  85. <img src="IMG URL" class="img-thumbnail" style="background:none; border-color: #999;">
  86. </a>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement