API tools faq
paste
Advertisement
Euna-

[f2u] user - Darkbolt Sakura. v1.0

Euna-
Jul 27th, 2022 (edited)
430
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.76 KB | None | 0 0
raw download clone embed print report
  1. <!----------------------------------
  2.  
  3. more info about icons:
  4. https://fontawesome.com/
  5.  
  6. custom colors will override any bootstrap colors
  7.  
  8. highlight color 1: #FFB4FD
  9. highlight color 2: #FFEAB5
  10. highlight color 3: #7db3ff
  11. highlight color 4: #867dff
  12.  
  13. text color: #6e6e6e
  14. text background color: #fff
  15. background color: #ffcff6
  16.  
  17. -------------------------------------->
  18.  
  19.  
  20. <!-- background box ------->
  21. <center>
  22. <div class="card p-4 mb-3 " style="border-radius:20px; background: #ffcff6; max-width: 700px;">
  23.  
  24.  
  25. <!---main box-------->
  26. <div class="card p-3 mb-3 " style="border-radius:20px; background: #fff;">
  27.    
  28.  
  29. <!--profile picture
  30. use a square image
  31. ------>
  32. <center><img class="rounded-circle p-1 mx-auto" src="https://f2.toyhou.se/file/f2-toyhou-se/users/admin?7" style="height: 160px; width: 160px; border: 8px solid #FFB4FD; user-drag: none;"></center>
  33.  
  34.  
  35. <!--text--->
  36. <center><div class="text-primary">
  37.     <h1 style="color:#FFB4FD;">
  38.         <!-- name-->
  39.         <font size="+4">
  40.         <font style="color: #FFEAB5">
  41.            
  42.         <i class="fa-solid fa-bolt-lightning fa-fade "></i>
  43.           </font>
  44.          
  45.          
  46.         NAME
  47.          
  48.          
  49.         <font style="color: #FFEAB5">
  50.         <i class="fa-solid fa-bolt-lightning fa-fade"></i></h1></div>
  51.         </font>
  52.         </font>
  53.        
  54.         <!--short info-->
  55.         <p style="color:#7db3ff;">
  56.            
  57.         Gender (pronouns/pronouns)
  58.        
  59.         </p>
  60.        
  61.        
  62.         <!--- bio info --->
  63.         <p style="color:#6e6e6e;"> content | content | content <p style="color:#6e6e6e;">
  64.         This box will not scroll. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In aliquam sem fringilla ut morbi tincidunt. Blandit aliquam etiam erat velit scelerisque in dictum non. Malesuada proin libero nunc consequat interdum varius sit amet mattis. Quis hendrerit dolor magna eget est.</p>
  65.        
  66.        
  67.        
  68.         <!-- line break------------------------------------------------------------------------------------>
  69.         <hr>
  70.        
  71.         <!-- social media links
  72.        you can erase the ones you don't need
  73.  
  74.        ----->
  75.         <font style="color: #867dff">
  76.         <font size="+2">
  77.             <!---links--->
  78.            
  79.            
  80.         <span data-toggle="tooltip" title="Twitter"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-twitter"></i>
  81.         </a>
  82.         </span>    
  83.        
  84.         ||
  85.        
  86.         <span data-toggle="tooltip" title="YouTube"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-youtube"></i>
  87.         </a>
  88.         </span>
  89.            
  90.         ||
  91.        
  92.         <span data-toggle="tooltip" title="Instagram"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-instagram"></i>
  93.         </a>
  94.         </span>
  95.        
  96.         ||
  97.        
  98.         <span data-toggle="tooltip" title="TikTok"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-tiktok"></i>
  99.         </a>
  100.         </span>
  101.  
  102.        
  103.         ||
  104.        
  105.         <span data-toggle="tooltip" title="Deviantart"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-deviantart"></i>
  106.         </a>
  107.         </span>
  108.        
  109.         ||
  110.        
  111.         <span data-toggle="tooltip" title="Furaffinity"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-paw"></i>
  112.         </a>
  113.         </span>
  114.        
  115.         ||
  116.        
  117.         <span data-toggle="tooltip" title="ArtFight"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-paintbrush-pencil"></i>
  118.         </a>
  119.         </span>
  120.        
  121.         ||
  122.        
  123.         <span data-toggle="tooltip" title="USER#0000"><a href="" style="color: #7db3ff"><i class="fa-brands fa-discord"></i>
  124.         </a>
  125.         </span>
  126.        
  127.         ||
  128.        
  129.         <span data-toggle="tooltip" title="carrd"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-id-card"></i>  
  130.        
  131.         </a>
  132.         </span>
  133.        
  134.         <!--------------------------->
  135.        
  136.         </font>
  137.         <br>
  138.  
  139.         <span data-toggle="tooltip" title="art examples"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-folder-image"></i>
  140.         art examples
  141.         </a>
  142.         </span>
  143.        
  144.         ||
  145.  
  146.         <span data-toggle="tooltip" title="commissions info"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-coin-blank"></i>
  147.         commissions info
  148.         </a>
  149.         </span>
  150.        
  151.         ||
  152.        
  153.         <span data-toggle="tooltip" title="Website"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-link-simple"></i>
  154.         website
  155.         </a>
  156.         </span>        
  157.        
  158.  
  159. <br>
  160. <!----folders link---->
  161.  
  162.         <span data-toggle="tooltip" title="Folder info"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-folder"></i>
  163.         Folder
  164.         </a>
  165.         </span>
  166.        
  167.         ||
  168.        
  169.         <span data-toggle="tooltip" title="Folder info"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-folder"></i>
  170.         Folder
  171.         </a>
  172.         </span>
  173.        
  174.         ||
  175.        
  176.         <span data-toggle="tooltip" title="Folder info"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-folder"></i>
  177.         Folder
  178.         </a>
  179.         </span>
  180.  
  181.        
  182.        
  183.         </font>
  184. </div>
  185.  
  186. <!---end background box------>
  187. </div>      
  188.  
  189.  
  190. <!---code credit------>
  191. <span data-toggle="tooltip" title="Code by @/Euna"><a href="https://toyhou.se/Euna" style="color: #7db3ff"><i class="fa-solid fa-code"></i>
  192.         </a>
  193.         </span>
  194. <!---end code credit>
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!