API tools faq
paste
Advertisement
Euna-

[f2u] user - CandyBox

Euna-
Oct 1st, 2022 (edited)
296
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.25 KB | None | 0 0
raw download clone embed print report
  1. <!--=======================
  2.  
  3. accent color: #ed4e86
  4. background color: #ff9c9c
  5. text color: #5c5c5c
  6. extra accent color: #ffe3e3
  7.  
  8. more icons at: fontawesome.com
  9.  
  10. ============================-->
  11.  
  12.  
  13. <div class="card p-0 mb-0 " style="border-radius:0px; background: #ffe3e3; border: 0px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);">
  14.  
  15.  
  16. <!--==color bar==-->
  17. <div class="card p-3 mb-0 " style="border-radius:0px; background: #ffe3e3; border: 0px;"></div>
  18. <!--==color bar==-->
  19.  
  20.  
  21.  
  22.  <!-- ====background box=========================================-->
  23. <div class="card p-4 mb-0 " style="border-radius:0px; background: #ffffff; color: #ffe3e3; background: #ff9c9c; border: 0px;
  24. background: url(
  25. https://images.unsplash.com/photo-1599422236997-6403ebe07bbe?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80
  26. ) center fixed;
  28. ">
  29.  
  30.    
  31.     <!-- ====main content box=============================================-->
  32.     <div class="card p-3 mb-0 " style="max-width: 800px; margin: auto; background: #ff9c9c; border: 6px solid #ffffff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);">
  33.        
  34.         <!--===Username section========================================-->
  35.        
  36.         <div class="card p-3 mb-3 " style="border-radius:0px; border: 0px; background: #ffffff; color: #ed4e86;">
  37.        
  38.         <div class="d-flex justify-content-between" style="font-weight:700; font-size:18px">    
  39.             <span>
  40.             <!--====icon=====-->
  41.                <i class="fa-solid fa-at"></i>
  42.                
  43.             <!--====username=====-->  
  44.                username
  45.             </span>
  46.            
  47.             <!--====info=====-->  
  48.             <span>
  49.                 adj . adj . adj
  50.             <span>    
  51.         </div>
  52.        
  53.         </div>
  54.        
  55.         <!--===end Username section====-->
  56.        
  57.        
  58.        
  59.        
  60.        
  61.        
  62.        
  63.         <div class="row">
  64.  
  65.             <!--=======basics section========================-->
  66.             <div class="col-sm-4 mb-0">
  67.                
  68.                 <div class="card p-2 mb-0 " style="border-radius:0px; background: #ffe3e3; border: 0px; color: #5c5c5c; font-size:18px; font-weight:500;">
  69.                     <p><i class="fa-duotone fa-heart-pulse"></i>
  70.                         Basics</p>
  71.                 </div>
  72.            
  73.                 <div class="card p-3 mb-3" style="border-radius:0px; border: 0px; background: #ffffff; color: #5c5c5c; height: 380px; overflow: auto;">
  74.                    
  75.                     <!--=========== profile image ===================
  76.                    use a square image
  77.                    =======-->
  78.  
  79.                     <img src="https://cdn.discordapp.com/attachments/965593531311849493/1025734914982821908/mae-mu-_C5zsV_p-YI-unsplash.jpg"
  80.                    style="margin: auto; max-width: 200px; max-height: 200px;">
  81.                    
  82.                     <!--===name=====-->
  83.                     <p style="text-align: center; margin:0; font-weight:700; font-size:18px;">
  84.                         Name
  85.                     </p>
  86.                    
  87.                     <p style="text-align: center;" >
  88.                        adj . adj . adj
  89.                     </p>  
  90.                    
  91.                     <!--===short info=====-->
  92.                     <div style="overflow: auto; padding: 6px;">
  93.                     <p>
  94.                         short bio .Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  95.                     <p>    
  96.                     </div>
  97.                
  98.                
  99.                 </div>
  100.             </div>
  101.            
  102.             <!--=======profile=========================================-->
  103.             <div class="col-sm-8 mb-0">    
  104.            
  105.                 <div class="card p-2 mb-0 " style="border-radius:0px; background: #ffe3e3; border: 0px; color: #5c5c5c; font-size:18px; font-weight:500;">
  106.                     <p><i class="fa-duotone fa-heart-pulse"></i>
  107.                         Profile</p>
  108.                 </div>
  109.                 <div class="card p-3 mb-3 " style="border-radius:0px; border: 0px; background: #ffffff; color: #5c5c5c; height: 380px ;overflow: auto;">  
  110.  
  111.                
  112.                     <!--====about=====================-->
  113.                     <h1>About</h1>  
  114.                    
  115.                         <p>
  116.                             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  117.                         </p>
  118.                    
  119.                     <hr>
  120.                    
  121.                     <!--====status=====================-->
  122.                     <h1>Status</h1>
  123.                    
  124.                         <div class="d-flex justify-content-between">
  125.                             <span> Commissions </span>
  126.                             <span> status</span>
  127.                         </div>  
  128.                        
  129.                         <div class="d-flex justify-content-between">
  130.                             <span> Art trades </span>
  131.                             <span> status</span>
  132.                         </div>  
  133.                        
  134.                         <div class="d-flex justify-content-between">
  135.                             <span> Requests </span>
  136.                             <span> status</span>
  137.                         </div>  
  138.                    
  139.                     <hr>
  140.                    
  141.                     <!--====navigation=====================-->
  142.                     <h1> Navigation </h1>
  143.                    
  144.                         <!--====folders=====-->
  145.                         <span>
  146.                             <i class="fa-duotone fa-folders"></i>
  147.                             <a href="LINK_HERE" style= "color: #ed4e86;"> foldername </a>
  148.                            
  149.                             <i class="fa-duotone fa-folders"></i>
  150.                             <a href="LINK_HERE" style= "color: #ed4e86;"> foldername </a>
  151.                            
  152.                             <i class="fa-duotone fa-folders"></i>
  153.                             <a href="LINK_HERE" style= "color: #ed4e86;"> foldername </a>
  154.                            
  155.                             <i class="fa-duotone fa-folders"></i>
  156.                             <a href="LINK_HERE" style= "color: #ed4e86;"> foldername </a>
  157.                         </span>
  158.                            
  159.                         <!--====tags=====-->    
  160.                         <span>
  161.                             <i class="fa-duotone fa-tags"></i>
  162.                             <a href="LINK_HERE" style= "color: #ed4e86;"> tagname </a>
  163.                            
  164.                             <i class="fa-duotone fa-tags"></i>
  165.                             <a href="LINK_HERE" style= "color: #ed4e86;"> tagname </a>
  166.                            
  167.                             <i class="fa-duotone fa-tags"></i>
  168.                             <a href="LINK_HERE" style= "color: #ed4e86;"> tagname </a>
  169.                            
  170.                             <i class="fa-duotone fa-tags"></i>
  171.                             <a href="LINK_HERE" style= "color: #ed4e86;"> tagname </a>
  172.                         </span>
  173.                    
  174.                     <hr>
  175.                    
  176.                     <!--====notes=====================-->
  177.                     <h1> Notes </h1>
  178.                    
  179.                     <span><i class="fa-duotone fa-angles-right"></i> write notes here </span>
  180.                     <span><i class="fa-duotone fa-angles-right"></i> write notes here </span>
  181.                     <span><i class="fa-duotone fa-angles-right"></i> write notes here </span>
  182.                     <span><i class="fa-duotone fa-angles-right"></i> write notes here </span>
  183.                    
  184.                
  185.                
  186.                 </div>
  187.             </div>
  188.            
  189.         </div>
  190.        
  191.        
  192.        
  193.        
  194.        
  195.         <!--====links section=====-->
  196.         <div class="card p-2 mb-0 " style="border-radius:0px; background: #ffe3e3; border: 0px; color: #5c5c5c; font-size:18px; font-weight:500;">
  197.             <p><i class="fa-duotone fa-heart-pulse"></i>
  198.                 Links</p>
  199.         </div>
  200.         <div class="card p-3 mb-0 " style="border-radius:0px; border: 0px; background: #ffffff; color: #ed4e86; ">
  201.             <span style="letter-spacing:6px; font-size:18px; color: #ed4e86;">
  202.                
  203.                
  204.                 <!--====links=====-->
  205.                 <a href="LINK_HERE" data-toggle="tooltip" style="color: #ed4e86" title="carrd">
  206.                     <i class="fa-duotone fa-id-card"></i></a>
  207.                
  208.                 <a href="LINK_HERE" data-toggle="tooltip" style="color: #ed4e86" title="tumblr">
  209.                     <i class="fa-brands fa-tumblr"></i></a>
  210.                    
  211.                 <a href="LINK_HERE" data-toggle="tooltip" style="color: #ed4e86" title="deviantart">
  212.                     <i class="fa-brands fa-deviantart"></i></a>
  213.                
  214.                 <a href="LINK_HERE" data-toggle="tooltip" style="color: #ed4e86" title="artfight">
  215.                     <i class="fa-duotone fa-paintbrush-pencil"></i></a>
  216.                
  217.                 <a href="LINK_HERE" data-toggle="tooltip" style="color: #ed4e86" title="instagram">
  218.                     <i class="fa-brands fa-instagram"></i></a>
  219.                
  220.                 <a href="LINK_HERE" data-toggle="tooltip" style="color: #ed4e86" title="twitter">
  221.                     <i class="fa-brands fa-twitter"></i></a>
  222.                
  223.                 <span data-toggle="tooltip" style="color: #ed4e86" title="DISCORDUSER#0000">
  224.                     <i class="fa-brands fa-discord"></i></span>
  225.                    
  226.                 <a href="LINK_HERE" data-toggle="tooltip" style="color: #ed4e86" title="youtube">
  227.                     <i class="fa-brands fa-youtube"></i></a>
  228.                    
  229.                 <a href="LINK_HERE" data-toggle="tooltip" style="color: #ed4e86" title="website">    
  230.                     <i class="fa-duotone fa-globe"></i></a>
  231.                 <!--====end links=====-->    
  232.                
  233.             </span>    
  234.         </div>
  235.         <!--==== end links section=====-->
  236.    
  237.     </div>
  238.     <!--==== end main box=====-->
  239.    
  240.    
  241.    
  242.    
  243.      <!-- ====code credit
  244.     do not remove this section
  245.     ====-->
  246.     <span style="color: #fff; font-size:12px; letter-spacing:3px">
  247.     <a href="https://toyhou.se/Euna" data-toggle="tooltip" title="code by EUNA" style="color: #fff;"><i class="fa-solid fa-bolt-lightning"></i> code by EUNA <i class="fa-solid fa-code"></i> </a>
  248.     </span>
  249.     <!-- ==== end code credit====-->
  250.    
  251.    
  252.    
  253.    
  254. </div>
  255.  
  256. <!--==color bar==-->
  257. <div class="card p-3 mb-0 " style="border-radius:0px; background: #ffe3e3; border: 0px;"></div>
  258. <!--==color bar==-->
  259.  
  260. </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!