API tools faq
paste
Advertisement
vermilly

profile 6 lilia gifs

vermilly
Sep 7th, 2020 (edited)
249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. primary (name, icons, shadow): #fc03a1
  3. secondary: #89eb34
  4.  
  5. NOTE: i kindly ask you keep it somewhat legible! using a vivid color + a good contrasted color as secondary is my suggestion. it shows up on a bright background on some themes, and on others a dark background. please keep that in mind when editing, that others may not be able to read it if it's too completely light or dark
  6.  
  7. -->
  8.  
  9.  
  10. <div class="container col-12 col-md-9 col-lg-6 mx-auto px-0 px-lg-4 py-2">
  11.     <div class="row mx-0 col-12 px-0 px-lg-2 justify-content-center">
  12.          <img class="col-6 col-md-5 col-lg-5 d-block mr-1 mt-lg-n2" style="width: 100%; max-width: 175px; object-fit: cover; object-position: 50% 15%; min-height: 160px; max-height: 200px; z-index: 50;"
  13.         /* place image link below.
  14.         please, please note that if its not transparent at the edges, then itll block text.
  15.         theres a version where it doesnt do this. this code is for transparent images.
  16.         anyway change the object position percentages as you wish, first is X axis second is Y axis */
  17.         src="https://64.media.tumblr.com/acc0a480cba6638fc453a5efea5cfaee/e529cd73277bfd85-f7/s400x600/27b7db95138d61f645cecd9f11ef52b09727d421.gifv"
  18.         >
  19.         <div class="card col-6 col-md-6 col-lg-6 p-0 ml-n4 ml-lg-n5 rounded-0 mt-lg-0" style="min-height: 170px; max-height: 185px; box-shadow: 1px 2px 6px -2px #89eb34, -2px -1px 6px -2px #fc03a1;">
  20.             <div class="card-header text-center bg-faded my-0 pt-2 pb-0 text-light" style="font-family: helvetica;">
  21.                 <h3 style="font-weight: 700; letter-spacing: -.8px; word-spacing: 2px; color: #fc03a1; font-size: 1.2em;">
  22.                     Xuxu ✦
  23.                     (<span style="margin-left: 2px; margin-right: 2px; text-shadow: none; color: #89eb34;">They/them</span>)</h3>
  24.             </div>
  25.             <div class="card-body text-center py-2 px-2 text-body" style="overflow: auto; font-family: helvetica; letter-spacing: -.2px; word-spacing: -1px; font-size: 13px; vertical-align: middle;">
  26.                 <p class="m-0 p-0" style="display: inline-block; vertical-align: middle; font-size: .9em;">
  27.                     hi! i'm a psych college freshman that primarily creates digital art! i don't draw too often so bare with my scarce uploads BAHAH
  28. </p>
  29.                 <hr class="my-1"> <!--this is the divider line, use as much as you want-->
  30.                 <span class="bg-faded w-100" style="word-spacing: 1.5px; font-size: 11px; position: absolute; bottom: 0; left: 0;">
  31.  
  32.                 <!--   credit link is below. DO NOT REMOVE, please! if you wanna move it somewhere else, that's fine. it needs to be visible somewhere no matter what.  -->
  33.                
  34.                 <small>(code by <a href="https://https://toyhou.se/18850539.user-bio-04-5">lukas</a>)</small>
  35.                
  36.                  </span>
  37.  
  38.                 <!--
  39.                
  40.                Paragraph 2 start
  41.                
  42.                -->
  43.                 <p  class="m-0 mb-2 p-0" style="display: inline-block; vertical-align: middle; font-size: .9em;">
  44.                 side acc: @xuxu_E
  45.                 <br>
  46.                 more abt me: <a href="https://xuxu-time.carrd.co/">xuxu-time.carrd.co</a>
  47.  
  48.                 </p>
  49.             </div>
  50.                    
  51.             <!--
  52.            
  53.            this the floating icon in the bottom left; change it as you want. view available icons at fontawesome.com/icons. replace the "fa-heart" with whatever title of the one you want is. don't get rid of the style!
  54.            
  55.            -->
  56.             <i class="fa-duotone fa-sparkles"
  57.            style="font-size: 30px; position: absolute; bottom: 30px; left: -10px; transform: rotate(0deg); color: #89eb34; text-shadow: 1px 1px #fc03a1; z-index: 30;"></i>
  58.  
  59.         </div>
  60.  
  61.  
  62.     </div>
  63. </div>
  64.  
  65.  
  66. <!--
  67. primary (name, icons, shadow): #fc03a1
  68. secondary: #89eb34
  69.  
  70. NOTE: i kindly ask you keep it somewhat legible! using a vivid color + a good contrasted color as secondary is my suggestion. it shows up on a bright background on some themes, and on others a dark background. please keep that in mind when editing, that others may not be able to read it if it's too completely light or dark
  71.  
  72. -->
  73.  
  74.  
  75. <div class="container col-12 col-md-9 col-lg-6 mx-auto px-0 px-lg-4 py-2">
  76.     <div class="row mx-0 col-12 px-0 px-lg-2 justify-content-center">
  77.          <img class="col-6 col-md-5 col-lg-5 d-block mr-1 mt-lg-n2" style="width: 100%; max-width: 160px; object-fit: cover; object-position: 70% 15%; min-height: 140px; max-height: 150px; z-index: 50;"
  78.         /* place image link below.
  79.         please, please note that if its not transparent at the edges, then itll block text.
  80.         theres a version where it doesnt do this. this code is for transparent images.
  81.         anyway change the object position percentages as you wish, first is X axis second is Y axis */
  82.         src="https://64.media.tumblr.com/14ca4d30e8ffc0ee51556191d124c59c/3d63c4086ebd8918-69/s400x600/6288305e66ab36fdc03db03b360774c356b3f3e8.gif"
  83.         >
  84.         <div class="card col-7 col-md-7 col-lg-7 p-0 ml-n4 ml-lg-n5 rounded-0 mt-lg-0" style="min-height: 145px; max-height: 145px; box-shadow: 1px 2px 6px -2px #89eb34, -2px -1px 6px -2px #fc03a1;">
  85.             <div class="card-header text-center bg-faded my-0 pt-2 pb-0 text-light" style="font-family: helvetica;">
  86.                 <h3 style="font-weight: 700; letter-spacing: -.8px; word-spacing: 2px; color: #fc03a1; font-size: 1.2em;">
  87.                     Xuxu ✦
  88.                     (<span style="margin-left: 2px; margin-right: 2px; text-shadow: none; color: #89eb34;">They/them</span>)</h3>
  89.             </div>
  90.             <div class="card-body text-center py-2 px-2 text-body" style="overflow: auto; font-family: helvetica; letter-spacing: -.2px; word-spacing: -1px; font-size: 13px; vertical-align: middle;">
  91.                 <p class="m-0 p-0" style="display: inline-block; vertical-align: middle; font-size: .9em;">
  92.                   this account is used to store OCs that i feel aren't polished enough for my main account. however, i still cherish them!
  93. </p>
  94.                 <hr class="my-1"> <!--this is the divider line, use as much as you want-->
  95.                 <span class="bg-faded w-100" style="word-spacing: 1.5px; font-size: 11px; position: absolute; bottom: 0; left: 0;">
  96.  
  97.                 <!--   credit link is below. DO NOT REMOVE, please! if you wanna move it somewhere else, that's fine. it needs to be visible somewhere no matter what.  -->
  98.                
  99.                 <small>(code by <a href="https://https://toyhou.se/18850539.user-bio-04-5">lukas</a>)</small>
  100.                
  101.                  </span>
  102.  
  103.                 <!--
  104.                
  105.                Paragraph 2 start
  106.                
  107.                -->
  108.                 <p  class="m-0 mb-2 p-0" style="display: inline-block; vertical-align: middle; font-size: .9em;">
  109.                main acc: @xuxu
  110.                 </p>
  111.             </div>
  112.                    
  113.          
  114.         </div>
  115.  
  116.  
  117.     </div>
  118. </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!