API tools faq
paste
Advertisement
Euna-

[f2u] user - Darkbolt Sakura. version: fixed

Euna-
Sep 29th, 2022 (edited)
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.25 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.  
  22. <div class="card p-4 mb-3 " style="border-radius:20px; background: #ffcff6; max-width: 700px; margin: auto;">
  23.  
  24.  
  25. <!---main box-------->
  26. <div class="card p-3 mb-0 " style="border-radius:20px; background: #fff; color: #6e6e6e;">
  27.    
  28.  
  29. <!--profile picture
  30. use a square image
  31. ------>
  32. <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;">
  33.  
  34.  
  35. <!--text--->
  36.  
  37.     <h1 style="color:#FFB4FD; margin: auto; font-size: 40px;">
  38.         <!-- name-->
  39.  
  40.            
  41.         <span style="color: #FFEAB5; ">    
  42.         <i class="fa-solid fa-bolt-lightning fa-fade "></i>
  43.         </span>
  44.          
  45.          
  46.         NAME
  47.          
  48.          
  49.         <font style="color: #FFEAB5">
  50.         <i class="fa-solid fa-bolt-lightning fa-fade"></i>
  51.         </font>
  52.        
  53.         </h1>
  54.        
  55.         <!--short info-->
  56.         <p style="color:#7db3ff;  margin: auto;">
  57.         Gender (pronouns/pronouns)
  58.         </p>
  59.        
  60.        
  61.         <!--- bio info --->
  62.         <p  style= "margin: auto;"> content | content | content </p>
  63.        
  64.         <hr>
  65.        
  66.         <p>
  67.         This box will grow. 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>
  68.        
  69.        
  70.        
  71.         <!-- line break------------------------------------------------------------------------------------>
  72.         <hr>
  73.        
  74.         <!-- social media links
  75.        
  76.        you can erase the ones you don't need, or add more if there are not enough.
  77.        more info about the icons in fontawesome.com
  78.  
  79.        ----->
  80.  
  81.             <!---links--->
  82.    <span style= "margin: auto; color: #867dff; font-size:26px;">        
  83.            
  84.         <span data-toggle="tooltip" title="Twitter"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-twitter"></i>
  85.         </a>
  86.         </span>    
  87.        
  88.         ||
  89.        
  90.         <span data-toggle="tooltip" title="Tumblr"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-tumblr"></i>
  91.         </a>
  92.         </span>  
  93.        
  94.         ||
  95.        
  96.         <span data-toggle="tooltip" title="YouTube"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-youtube"></i>
  97.         </a>
  98.         </span>
  99.            
  100.         ||
  101.        
  102.         <span data-toggle="tooltip" title="Instagram"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-instagram"></i>
  103.         </a>
  104.         </span>
  105.        
  106.         ||
  107.        
  108.         <span data-toggle="tooltip" title="TikTok"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-tiktok"></i>
  109.         </a>
  110.         </span>
  111.  
  112.        
  113.         ||
  114.        
  115.         <span data-toggle="tooltip" title="Deviantart"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-brands fa-deviantart"></i>
  116.         </a>
  117.         </span>
  118.        
  119.         ||
  120.        
  121.         <span data-toggle="tooltip" title="Furaffinity"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-paw"></i>
  122.         </a>
  123.         </span>
  124.        
  125.         ||
  126.        
  127.         <span data-toggle="tooltip" title="ArtFight"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-paintbrush-pencil"></i>
  128.         </a>
  129.         </span>
  130.        
  131.         ||
  132.        
  133.         <span data-toggle="tooltip" title="USER#0000"><a href="" style="color: #7db3ff"><i class="fa-brands fa-discord"></i>
  134.         </a>
  135.         </span>
  136.        
  137.         ||
  138.        
  139.         <span data-toggle="tooltip" title="carrd"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-id-card"></i>  
  140.        
  141.         </a>
  142.         </span>
  143.    
  144.     </span>    
  145.         <!--------------------------->
  146.        
  147.     <span style= "margin: auto; color: #867dff;">    
  148.  
  149.         <span data-toggle="tooltip" title="art examples"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-folder-image"></i>
  150.         art examples
  151.         </a>
  152.         </span>
  153.        
  154.         ||
  155.  
  156.         <span data-toggle="tooltip" title="commissions info"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-money-bill-1"></i>
  157.         commissions info
  158.         </a>
  159.         </span>
  160.        
  161.         ||
  162.        
  163.         <span data-toggle="tooltip" title="Website"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-link-simple"></i>
  164.         website
  165.         </a>
  166.         </span>        
  167.      
  168.      </span>  
  169.  
  170.  
  171.  
  172. <hr>
  173. <!----folders links
  174. feel free to add more or erase if not the correct amount
  175.  
  176. ---->
  177.  
  178.     <span style= "margin: auto; color: #867dff;">    
  179.  
  180.         <span data-toggle="tooltip" title="Folder_info_here"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-folder"></i>
  181.         Folder
  182.         </a>
  183.         </span>
  184.        
  185.         ||
  186.        
  187.         <span data-toggle="tooltip" title="Folder_info_here"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-folder"></i>
  188.         Folder
  189.         </a>
  190.         </span>
  191.        
  192.         ||
  193.        
  194.         <span data-toggle="tooltip" title="Folder_info_here"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-folder"></i>
  195.         Folder
  196.         </a>
  197.         </span>
  198.        
  199.        
  200.      </span>
  201.  
  202.        
  203. <!---- tags links
  204. feel free to add more or erase if not the correct amount
  205.  
  206. ------>
  207.  
  208. <span style= "margin: auto; color: #867dff;">    
  209.  
  210.         <span data-toggle="tooltip" title="tag_info_here"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-tag"></i>
  211.         tag
  212.         </a>
  213.         </span>
  214.        
  215.         ||
  216.  
  217.         <span data-toggle="tooltip" title="tag_info_here"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-tag"></i>
  218.         tag
  219.         </a>
  220.         </span>
  221.        
  222.         ||
  223.        
  224.         <span data-toggle="tooltip" title="tag_info_here"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-tag"></i>
  225.         tag
  226.         </a>
  227.         </span>
  228.        
  229.         ||
  230.        
  231.         <span data-toggle="tooltip" title="tag_info_here"><a href="LINK_HERE" style="color: #7db3ff"><i class="fa-solid fa-tag"></i>
  232.         tag
  233.         </a>
  234.         </span>        
  235.        
  236.        
  237.     </span>
  238.    
  239. </div>
  240.  
  241. <!---code credit------>
  242.  
  243. <span  data-toggle="tooltip" title="Code by @/Euna">
  244.     <a href="https://toyhou.se/Euna" style="color: #ffffff; margin: auto; font-size: 10px;">
  245.         <i class="fa-solid fa-code"></i>
  246.     </a>
  247. </span>
  248. <!---end code credit>
  249.  
  250. <!---end background box------>
  251. </div>      
  252.  
  253.  
  254.  
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!