API tools faq
paste
Advertisement
actuallysera

profile code

actuallysera
Jun 3rd, 2023 (edited)
1,028
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.76 KB | None | 0 0
raw download clone embed print report
  1. <!-- 08 || SIMPLY SERENE (USER) by icecreampizzer
  2.    CHARACTER VERSION IS FOUND HERE: https://pastebin.com/ypMKGs0G
  3.    
  4.        RULES:
  5.            - Don't remove my credit please!
  6.            - Feel free to modify/frankenstein as much as you want!
  7.            - Don't redistribute my codes please!
  8.            
  9.        COLOR GUIDE:
  10.            #E0AFA0
  11.            #ECD7D0
  12.            #F8F4EB
  13.            #BCB8B1
  14.            #8A817C
  15.            #1D1A19
  16.            text-secondary - accents
  17.        
  18.            find (ctrl + f) URLHERE for links, IMG for image addresses      
  19.            -->
  20.            
  21. <!-- WHOLE thing -->
  22. <div class="container p-0 mt-4" style="max-width: 700px; letter-spacing: 0.2px">
  23.    
  24.     <div class="row no-gutters">
  25.        
  26.         <!-- side image -->
  27.         <div class="card col-md-4 push-md-8 border-0 rounded-0" style="background:url(https://cdn.discordapp.com/attachments/921913156555665418/1062582570656727070/image.png) center; background-size: cover; background-repeat: no-repeat; min-height: 300px;">
  28.            
  29.             <!-- image credit -->
  30.             <div class="mt-auto text-right p-2">
  31.                 <a class="bg-faded px-2 mx-1 rounded" href="https://toyhou.se/seikkio" data-toggle="tooltip" data-placement="top" title="Seikkio" style="font-size: 1.5rem;">
  32.                     <i class="fas fa-image"></i>
  33.                 </a>
  34.             </div>
  35.            
  36.         </div>
  37.        
  38.         <!-- color palette - feel free to add/remove colors/social media! remove <a> to </a> if you want to keep the color but not the link.
  39.            for dark colors: change to text-light. for light colors, change to text-dark
  40.            change the TITLE to change the hover title/tooltip for each link! -->
  41.         <div class="card col-md-1 push-md-3 border-0 rounded-0">
  42.             <div class="row no-gutters h-100">
  43.                
  44.                 <div class="card border-0 rounded-0 col-md col p-3 text-center" style="background:#E0AFA0;">
  45.                     <a class="my-auto text-light" href="https://serariina.carrd.co/" data-toggle="tooltip" data-placement="top" title="carrd">
  46.                         <i class="far fa-id-card fa-lg"></i>
  47.                     </a>
  48.                 </div>
  49.                
  50.                 <div class="card border-0 rounded-0 col-md col p-3 text-center" style="background:#ECD7D0;">
  51.                     <a class="my-auto text-light" href="https://twitter.com/serariinaa" data-toggle="tooltip" data-placement="top" title="twitter">
  52.                         <i class="fab fa-twitter fa-lg"></i>
  53.                     </a>
  54.                 </div>
  55.                
  56.                 <div class="card border-0 rounded-0 col-md col p-3 text-center" style="background:#F8F4EB;">
  57.                     <a class="my-auto text-light" href="https://www.instagram.com/serariina/" data-toggle="tooltip" data-placement="top" title="instagram">
  58.                         <i class="fab fa-instagram fa-lg"></i>
  59.                     </a>
  60.                 </div>
  61.                
  62.                 <div class="card border-0 rounded-0 col-md col p-3 text-center" style="background:#BCB8B1;">
  63.                     <a class="my-auto text-light" href="URLHERE" data-toggle="tooltip" data-placement="top" title="deviantart">
  64.                         <i class="fab fa-deviantart fa-lg"></i>
  65.                     </a>
  66.                 </div>
  67.                
  68.                 <div class="card border-0 rounded-0 col-md col p-3 text-center" style="background:#8A817C;">
  69.                     <a class="my-auto text-light" href="https://cuboid-harmony-7ce.notion.site/Sera-s-Cafe-62d2a7b629fe469d9ac02f602483405e" data-toggle="tooltip" data-placement="top" title="commission Info">
  70.                         <i class="fa-solid fa-flower"></i>
  71.                     </a>
  72.                 </div>
  73.                
  74.                 <div class="card border-0 rounded-0 col-md col p-3 text-center" style="background:#1D1A19;">
  75.                     <a class="my-auto text-dark" href="URLHERE" data-toggle="tooltip" data-placement="top" title="artfight">
  76.                         <i class="fas fa-paint-brush fa-lg"></i>
  77.                     </a>
  78.                 </div>
  79.                
  80.             </div>
  81.         </div>
  82.         <!-- end color palette -->
  83.        
  84.         <!-- main text content -->
  85.         <div class="card col-md pull-md-5 border-0 rounded-0" style="text-align: justify;">
  86.            
  87.             <!-- title - for the icon, find your pick at https://fontawesome.com ! replace fas fa-leaf with the icon of your choice. -->
  88.             <div class="text-md-right text-center text-secondary px-3 pb-3 mx-3 mt-2 mb-3" style="border-bottom: 1px solid">
  89.                 <p class="mb-0" style="color:; font-size: 2.3rem; font-weight: 100;"><i class="fa-light fa-message-heart"></i> Sera</p>
  90.                 <p class="" style="color:; font-size: 1.2rem; font-weight: 100;">She.They / Artist / Dreamer</p>
  91.             </div>
  92.             <!-- end title -->
  93.            
  94.             <!-- scrolling text content - if you don't like the scrolling, delete the HEIGHT and OVERFLOW in the line below. the palette and image will expand with the text! -->
  95.             <div class="px-3 mx-1" style="height: 350px; overflow: auto;">
  96.                
  97.                 <p><span class="px-3"></span>Feel free to PM me!!</p>
  98.                
  99.                 <p><span class="px-3"></span>Artist who likes drawing, playing games, and sleeping a lot y-y</p>
  100.                
  101.                 <p class="mb-2 text-secondary text-center" style="font-size: 1.5rem; font-weight: 100;"><i class="fas fa-info fa-sm px-1"></i> NOTICE</p>
  102.                 <ul style="margin-left: -20px;">
  103.                     <li>You can PM me on any platform for things like commissions, trades etc!! I will see it faster on twitter/instagram though,</li>
  104.                     <li>Commissions - Open</li>
  105.                 </ul>
  106.             </div>
  107.         </div>
  108.         <!-- end main text content -->
  109.        
  110.         <!-- featured characters -->
  111.         <div class="card col-md-12 mt-3 border-0 rounded-0">
  112.            
  113.             <div class="row no-gutters">
  114.                
  115.                 <div class="card border-0 rounded-0 my-2 col">
  116.                     <div class="card rounded-0 border-0 mx-auto" style="background:url(https://cdn.discordapp.com/attachments/703275965064937493/1064062870700171284/image.png) center; background-size:cover; background-repeat: no-repeat; height: 150px; width: 150px;">
  117.                         <div class="h-100 card card-outline-primary btn btn-outline-primary rounded-0 border-0 text-right p-1">
  118.                             <a class="mt-auto stretched-link text-white" href="https://toyhou.se/7474880.-s--" style="font-size: 1rem;">
  119.                                 ✧ Sera
  120.                             </a>
  121.                         </div>
  122.                     </div>
  123.                 </div>
  124.                
  125.                
  126.                 <div class="card border-0 rounded-0 my-2 col">
  127.                     <div class="card rounded-0 border-0 mx-auto" style="background:url(https://cdn.discordapp.com/attachments/703275965064937493/1064418637164838912/ezgif.com-gif-maker.gif) center; background-size:cover; background-repeat: no-repeat; height: 150px; width: 150px;">
  128.                         <div class="h-100 card card-outline-primary btn btn-outline-primary rounded-0 border-0 text-right p-1">
  129.                             <a class="mt-auto stretched-link text-white" href="https://toyhou.se/19712729.-j--x---" style="font-size: 1rem;">
  130.                                 ✧ Jin Xing||金星
  131.                             </a>
  132.                         </div>
  133.                     </div>
  134.                 </div>
  135.                
  136.                 <!-- mobile break - don't remove this please! If you want more featured characters, copy paste this little bit for every two characters! -->
  137.                 <div class="hidden-md-up w-100"></div>
  138.                
  139.                
  140.                 <div class="card border-0 rounded-0 my-2 col">
  141.                     <div class="card rounded-0 border-0 mx-auto" style="background:url(https://cdn.discordapp.com/attachments/703275965064937493/1064062004240842762/image.png) center; background-size:cover; background-repeat: no-repeat; height: 150px; width: 150px;">
  142.                         <div class="h-100 card card-outline-primary btn btn-outline-primary rounded-0 border-0 text-right p-1">
  143.                             <a class="mt-auto stretched-link text-white" href="https://toyhou.se/11283371.-y--t---" style="font-size: 1rem;">
  144.                                 ✧ YingTai||英台
  145.                             </a>
  146.                         </div>
  147.                     </div>
  148.                 </div>
  149.                
  150.                
  151.                 <div class="card border-0 rounded-0 my-2 col">
  152.                     <div class="card rounded-0 border-0 mx-auto" style="background:url(https://cdn.discordapp.com/attachments/703275965064937493/1064061639860682863/image.png) center; background-size:cover; background-repeat: no-repeat; height: 150px; width: 150px;">
  153.                         <div class="h-100 card card-outline-primary btn btn-outline-primary rounded-0 border-0 text-right p-1">
  154.                             <a class="mt-auto stretched-link text-white" href="https://toyhou.se/19595338.-es-" style="font-size: 1rem;">
  155.                                 ✧ Estelle
  156.                             </a>
  157.                         </div>
  158.                     </div>
  159.                 </div>
  160.                
  161.                
  162.             </div>
  163.         </div>
  164.     </div>
  165.    
  166.     <!-- credits! please dont remove <3 -->
  167.     <p class="text-secondary text-right mt-2" style="font-size: 0.7rem;">code by <a href="https://toyhou.se/icecreampizzer">icecreampizzer</a></p>
  168. </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!