Advertisement
Guest User

Gucci Linen

a guest
Nov 19th, 2019
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.72 KB | None | 0 0
  1. <div style="position:absolute;top:0;bottom:0;left:0;
  2. background: url(https://i.pinimg.com/originals/c9/e0/dd/c9e0dd69b03b200428645322585ad19e.jpg) fixed center;
  3. width:100%;z-index:-1;">
  4.  
  5. <!--
  6.  
  7. CREDIT: vom | vomcodesstuff | vomwastaken
  8.  
  9. INFO:
  10. • Header background should be 1000x500px at least - and it's best for the background to be pretty busy.
  11. A repeating background is your best bet.
  12. • Character avatar should be square!
  13. • Character images should be square.
  14. • Adding and removing info will junk up the layout, but you can always replace.
  15. • Only add a couple of lines for the sidebar 'About'.
  16.  
  17. -->
  18. <div class="container-fluid px-0 py-lg-5 py-0" style="max-width:625px;"><div class="row no-gutters">
  19. <!-- -------------------------
  20.  
  21.  
  22. BACKGROUND &
  23. NAME
  24.  
  25.  
  26. -------------------------- -->
  27. <div class="col-12 p-1"><div class="display-4 text-white text-center text-uppercase p-3" style="letter-spacing:1px;
  28.  
  29.  
  30. background: url(https://data.whicdn.com/images/304123601/original.gif) center fixed">
  31.  
  32.  
  33. <div class="col-lg-7 push-lg-5">
  34.  
  35.  
  36. HellboundFrost
  37.  
  38.  
  39. </div><div class="d-lg-none d-block" style="height:50px"></div></div></div>
  40. <div class="col-lg-5 p-1"><div class="bg-faded p-3 h-100 text-center">
  41. <!-- -------------------------
  42.  
  43.  
  44. AVATAR
  45.  
  46.  
  47. -------------------------- -->
  48.  
  49.  
  50. <img class="fr-rounded p-2 bg-faded" src="https://images.hairsimply.com/file/hairsimply-com/d6b145aeefdd176958d56f56e3bff9d1_freetoedit-zerotwo-pink-pinkhair-anime-animegirl-girl-pink-hair-anime-girl-icon_1024-1073.png" style="max-height:200px;margin-top:-75px;">
  51.  
  52.  
  53. <!-- -------------------------
  54.  
  55.  
  56. DESCRIPS
  57.  
  58.  
  59. -------------------------- -->
  60. <div class="my-3" style="letter-spacing:1px;">
  61.  
  62.  
  63. 17 / Female / She Her
  64.  
  65.  
  66. <!-- -------------------------
  67.  
  68.  
  69. ABOUT
  70.  
  71.  
  72. -------------------------- -->
  73. </div><div class="text-muted" style="font-size:.8rem">
  74.  
  75.  
  76. Write a couple of sentences about yourself. Maecenas non mauris vel elit fermentum porttitor. Sed id ullamcorper lectus.
  77.  
  78.  
  79. </div></div></div><div class="col-lg-7 row no-gutters">
  80. <!-- -------------------------
  81.  
  82.  
  83. NOTICE
  84.  
  85.  
  86. -------------------------- -->
  87. <div class="col-12 p-1"><div class="bg-faded p-2"><div class="text-uppercase text-center">Notice</div>
  88. <div class="table-responsive text-muted mt-2" style="height:95px;font-size:.8rem"><ul class="pl-4 m-0">
  89.  
  90.  
  91. <li>Vivamus volutpat tellus dictum dapibus</li>
  92. <li>Nullam semper lectus nec dui egestas</li>
  93. <li>Pellentesque habitant morbi tristique senectus et netus</li>
  94. <li>Maecenas accumsan lectus eget nunc varius egestas</li>
  95.  
  96.  
  97. </ul></div></div></div>
  98. <!-- -------------------------
  99.  
  100.  
  101. SOCIAL LINKS
  102.  
  103.  
  104. -------------------------- -->
  105. <div class="col-12 p-1"><div class="bg-faded p-2 text-muted text-center" style="font-size:.85rem">
  106.  
  107. <a class="fab fa-twitter fa-fw tooltipster" title="twitter" href="#"></a>
  108. <a class="fab fa-tumblr fa-fw tooltipster" title="tumblr" href="#"></a>
  109. <a class="fas fa-paw fa-fw tooltipster" title="furaffinity" href="#"></a>
  110. <a class="fab fa-discord fa-fw tooltipster" title="#0000name" href="#"></a>
  111. <a class="fal fa-code fa-fw tooltipster" title="theme credit" href="/2642971.-f2u-simple-n-clean-user"></a>
  112.  
  113. </div></div>
  114.  
  115. <div class="col-4 p-1"><a href=""><img src="https://i.redd.it/xykxabcertq21.gif"></a></div>
  116. <div class="col-4 p-1"><a href=""><img src="https://www.tah-heetch.com/wp-content/uploads/get130/98/oc-summer-sunset-by-a-confused-dragon-tumblr-pixelart.gif"></a></div>
  117. <div class="col-4 p-1"><a href=""><img src="https://i.redd.it/29k86m1zm2c21.gif"></a></div>
  118.  
  119. </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement