API tools faq
paste
Advertisement
vermilly

profile 7 (8-19: main / side)

vermilly
Feb 4th, 2023 (edited)
1,039
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.65 KB | None | 0 0
raw download clone embed print report
  1. <br><br>
  2. <!--- twt carrd by onethird
  3. thank you for using! rules are here: https://toyhou.se/~forums/16.htmlcss-graphics/241166.-onethird-s-f2u-codes-
  4.  
  5. accent color: #225712 / #beff73
  6. big text, light icons: #ffffff
  7. text, dark icons: #ffffff
  8. background: black
  9. border: black
  10.  
  11.  
  12. --->
  13.  
  14. <div class="container p-0" style="max-width:400px; font-size:12px; border:3px solid black; font-weight:380; color:#ffffff">
  15.    
  16.  
  17.  
  18.    
  19. <!--- search bar + icons --->
  20.     <div class="card rounded-0 p-1 border-left-0 border-top-0 border-right-0" style="height:40px; background:linear-gradient(to right,#225712 0%,#beff73 100%); border:3px solid black;">
  21.  
  22.         <div class="row no-gutters my-auto">
  23.             <!--- search, scrolls horizontally --->
  24.             <div class="col-8">
  25.                 <div class="card border-0 rounded-0" style="height:25px; background:black">
  26.                     <a href="https://toyhou.se/xuxu" class="text-reset my-auto">
  27.                         <p style="black-space:nowrap; overflow-y:auto;"><i class="fa-solid fa-magnifying-glass fa-sm px-1"></i>https://toyhou.se/xuxu</p>
  28.                     </a>
  29.                 </div>
  30.             </div>
  31.            
  32.             <!--- icons --->
  33.             <div class="col-4">
  34.                 <div class="card h-100 rounded-0 border-0" style="background:transparent;">
  35.                     <div class="row no-gutters">
  36.                         <div class="col-6 mt-1">
  37.                             <p class="text-center">
  38.                                 <i class="fa-solid fa-arrow-left fa-lg pr-2"></i>
  39.                                 <i class="fa-solid fa-arrow-right fa-lg"></i>
  40.                             </p>
  41.                         </div>
  42.                         <div class="col-6 mt-1">
  43.                             <p class="text-center">
  44.                                 <i class="fa-solid fa-arrow-rotate-right fa-lg pr-2"></i>
  45.                                 <i class="fa-solid fa-xmark fa-lg"></i>
  46.                             </p>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             </div>
  51.         </div>
  52.     </div>
  53.    
  54. <!--- main stuff --->
  55.     <div class="card p-1 rounded-0 border-0" style="background:black;">
  56.        
  57.         <div class="row no-gutters">
  58.             <!--- image --->
  59.             <div class="col-md-5 pb-1">
  60.                 <div class="mx-auto" style="height:150px; width:150px; border:3px solid black;">
  61.                     <img src="https://static.miraheze.org/twistedwonderlandwiki/3/38/Card_Malleus_SSR_Dorm_Uniform.png" class="w-100 h-100" style="object-fit:cover;">
  62.                 </div>
  63.             </div>
  64.            
  65.             <!--- name + text --->
  66.             <div class="col-md-7">
  67.                 <h1 class="p-1 font-weight-bold" style="background:linear-gradient(to right,#225712 0%,#beff73 100%); color:#ffffff"><i class="fa-regular fa-spa px-1"></i>XUXU</h1>
  68.                 <div class="card rounded-0 border-0 overflow-auto" style="height:110px; background:transparent;">
  69.                     <p>hello! the name's xuxu (they/them). i'm a digital artist & college student (psych major)! i'm a sucker for androgynous designs, as u can see from my ocs... i don't draw too often tho so bare with my scarce uploads >_< !!!</p>
  70.                </div>
  71.            </div>
  72.        </div>
  73.        
  74.    <!--- yes + no --->
  75.        <div class="row pt-1">
  76.            <!--- yes --->
  77.            <div class="col-6">
  78.                <h1 class="p-1 font-weight-bold" style="background:linear-gradient(to right,#225712 0%,#beff73 100%); color:#ffffff"><i class="fa-regular fa-heart px-1"></i>YEAH<i>!!</i></h1>
  79.                 <ul class="list-unstyled">
  80.                     <li><i class="fa-solid fa-heart fa-lg px-1" style="color:#beff73;"></i>twisted wonderland</li>
  81.                     <li><i class="fa-solid fa-heart fa-lg px-1" style="color:#beff73;"></i>genshin.. especially baizhu</li>
  82.                     <li><i class="fa-solid fa-heart fa-lg px-1" style="color:#beff73;"></i>psychology</li>
  83.                 </ul>
  84.             </div>
  85.            
  86.             <!--- no --->
  87.             <div class="col-6">
  88.                 <h1 class="p-1 font-weight-bold" style="background:linear-gradient(to right,#225712 0%,#beff73 100%); color:#ffffff"><i class="fa-regular fa-up-right-from-square px-1"></i>LINKS<i>!!</i></h1>
  89.                 <ul class="list-unstyled">
  90.                   <li><i class="fa-solid fa-leaf fa-lg px-1" style="color:#beff73;"></i><a href="https://xuxu-time.carrd.co/">xuxu-time.carrd.co</a></li>
  91.                     <li><i class="fa-solid fa-leaf fa-lg px-1" style="color:#beff73;"></i><a href="https://toyhou.se/xuxu_E">xuxu_E</a> (side acc)</li>
  92.                 </ul>
  93.             </div>
  94.         </div>
  95.        
  96.    
  97.     </div>
  98.    
  99.  
  100. </div>
  101.  
  102. <!--- credit, do not remove --->
  103. <div class="col-12 p-0 mx-auto text-right" style="width:400px;">
  104.             <a href="https://toyhou.se/onethird" data-toggle="tooltip" title="code by onethird" style="color:#3b2719"><i class="fas fa-code fa-xs"></i></a>
  105. </div>
  106.  
  107.  
  108.  
  109.  
  110. <br><br>
  111.  
  112.  
  113. <!--- twt carrd by onethird
  114. thank you for using! rules are here: https://toyhou.se/~forums/16.htmlcss-graphics/241166.-onethird-s-f2u-codes-
  115.  
  116. accent color: #47004f / #eb349e
  117. big text, light icons: #ffffff
  118. text, dark icons: #ffffff
  119. background: black
  120. border: black
  121.  
  122.  
  123. --->
  124.  
  125. <div class="container p-0" style="max-width:400px; font-size:12px; border:3px solid black; font-weight:380; color:#ffffff">
  126.    
  127.  
  128.  
  129.    
  130. <!--- search bar + icons --->
  131.     <div class="card rounded-0 p-1 border-left-0 border-top-0 border-right-0" style="height:40px; background:linear-gradient(to right,#47004f 0%,#eb349e 100%); border:3px solid black;">
  132.  
  133.         <div class="row no-gutters my-auto">
  134.             <!--- search, scrolls horizontally --->
  135.             <div class="col-8">
  136.                 <div class="card border-0 rounded-0" style="height:25px; background:black">
  137.                     <a href="https://toyhou.se/xuxu_E" class="text-reset my-auto">
  138.                         <p style="black-space:nowrap; overflow-y:auto;"><i class="fa-solid fa-magnifying-glass fa-sm px-1"></i>https://toyhou.se/xuxu_E</p>
  139.                     </a>
  140.                 </div>
  141.             </div>
  142.            
  143.             <!--- icons --->
  144.             <div class="col-4">
  145.                 <div class="card h-100 rounded-0 border-0" style="background:transparent;">
  146.                     <div class="row no-gutters">
  147.                         <div class="col-6 mt-1">
  148.                             <p class="text-center">
  149.                                 <i class="fa-solid fa-arrow-left fa-lg pr-2"></i>
  150.                                 <i class="fa-solid fa-arrow-right fa-lg"></i>
  151.                             </p>
  152.                         </div>
  153.                         <div class="col-6 mt-1">
  154.                             <p class="text-center">
  155.                                 <i class="fa-solid fa-arrow-rotate-right fa-lg pr-2"></i>
  156.                                 <i class="fa-solid fa-xmark fa-lg"></i>
  157.                             </p>
  158.                         </div>
  159.                     </div>
  160.                 </div>
  161.             </div>
  162.         </div>
  163.     </div>
  164.    
  165. <!--- main stuff --->
  166.     <div class="card p-1 rounded-0 border-0" style="background:black;">
  167.        
  168.         <div class="row no-gutters">
  169.             <!--- image --->
  170.             <div class="col-md-5 pb-1">
  171.                 <div class="mx-auto" style="height:150px; width:150px; border:3px solid black;">
  172.                     <img src="https://twistedwonderland.wiki.gg/images/a/a9/Card_Jamil_SR_Labwear_Groovy.png" class="w-100 h-100" style="object-fit:cover;">
  173.                 </div>
  174.             </div>
  175.            
  176.             <!--- name + text --->
  177.             <div class="col-md-7">
  178.                 <h1 class="p-1 font-weight-bold" style="background:linear-gradient(to right,#47004f 0%,#eb349e 100%); color:#ffffff"><i class="fa-regular fa-star px-1"></i>XUXU</h1>
  179.                 <div class="card rounded-0 border-0 overflow-auto" style="height:110px; background:transparent;">
  180.                     <p>hello! the name's xuxu (they/them). this account is used to store OCs that i feel aren't polished enough for my main account. however, i still cherish them! </p>
  181.                     <p>main account: @xuxu</p>
  182.                 </div>
  183.             </div>
  184.         </div>
  185.        
  186.    
  187.         </div>
  188.  
  189. </div>
  190.  
  191. <!--- credit, do not remove --->
  192. <div class="col-12 p-0 mx-auto text-right" style="width:400px;">
  193.             <a href="https://toyhou.se/onethird" data-toggle="tooltip" title="code by onethird" style="color:#3b2719"><i class="fas fa-code fa-xs"></i></a>
  194. </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!