SHARE
TWEET

Gucci Linen

a guest Nov 19th, 2019 89 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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!
 
Top