API tools faq
paste
Joeboateo

Pa pa pa pa pa pa papaya papa pa pa papaya

Joeboateo
Aug 18th, 2024
1,732
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.51 KB | Source Code | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Thank you for using my code, feel free to check out fontawesome if you want to switch up the lil icons.
  4. https://fontawesome.com/icons
  5.  
  6. Colors if you wish to edit them!
  7.  
  8. dark green outlines - #586B18
  9. off-white - #FAF0CC
  10. text orange - #B53D28
  11. highlight orange - #F3843C
  12.  
  13. -->
  14.  
  15. <!-- code start -->
  16. <div class="container justify-content-center flex-column" align="center" style="max-width:700px">
  17.  
  18.   <!-- mini icon -->
  19.    <i class="fa-solid fa-flower-daffodil" style="position:relative; z-index:1; margin-bottom:-40px; color:#586B18; font-size:45px; text-align:left; text-shadow:2px 2px 0px #FAF0CC, -2px 2px 0px #FAF0CC, 2px -2px 0px FAF0CC, -2px -2px 0px #FAF0CC, 2px 0px 0px #FAF0CC, -2px 0px 0px #FAF0CC, 0px 2px 0px #FAF0CC, 0px -2px 0px #FAF0CC"></i>
  20.  
  21. <div class="row">
  22.  
  23.  
  24.   <!-- background image -->
  25. <div class="w-100 container p-3" align="center" style="background-image:url(LINK HERE); background-size:cover; font-family:Trebuchet MS, sans-serif; box-shadow:4px 4px 4px #586B18; max-width:650px">
  26.  
  27.  
  28.   <!-- name -->
  29.    <div class="p-1" style="font-size:25px; font-weight:bold; color:#B53D28; text-shadow:2px 2px 0px #FAF0CC, -2px 2px 0px #FAF0CC, 2px -2px 0px FAF0CC, -2px -2px 0px #FAF0CC, 2px 0px 0px #FAF0CC, -2px 0px 0px #FAF0CC, 0px 2px 0px #FAF0CC, 0px -2px 0px #FAF0CC">
  30.      <i class="fas fa-fire"/> ~ NAME HERE ~ <i class="fas fa-fire"/>
  31.    </div>
  32.  
  33.    <div class="row">
  34.      
  35.      <!-- profile picture -->
  36.      <div class="col-lg-4">
  37.        <div class="p-1" style="background-color:#FAF0CC">
  38.          <div class="w100 p-1" style="border-radius:0px; background-image:url(LINK_HERE); height:170px; background-position:center; background-size:cover; border:4px solid #586B18;">
  39.          </div>
  40.        </div>
  41.      </div>
  42.      
  43.      <!-- biography box; feel free to ramble, all the boxes scroll. Add more paragraphs with <br><br> -->
  44.      <div class="col-lg-8">
  45.        <div class="p-1" style="background-color:#FAF0CC">
  46.          <div class="p-1" style="background-color:#FAF0CC; border:4px dashed #586B18; height:170px; font-size:15px; color:#B53D28; overflow-y: auto; overflow-x:hidden;">
  47.            <span style="font-size:17px; font-weight:bold"><i class="fas fa-star"/> PRONOUNS || AGE <i class="fas fa-star"/></span>
  48.            <hr style="border:1px solid #F3843C; margin-bottom:-1px;">
  49.            TEXT
  50.            <br><br>
  51.            TEXT
  52.            
  53.            <br>
  54.            
  55.            <!-- links, go to fontawesome to find icons that fit your other websites -->
  56.            <hr style="border:1px solid #F3843C; margin-bottom:-1px;">
  57.            <span style="font-size:17px; font-weight:bold"><i class="fas fa-globe"/> Links <i class="fas fa-globe"/></span>
  58.            <br>
  59.            <a href="LINK_HERE" style="color:#F3843C"><i class="fab fa-twitter"/> Twitter</a> | <a href="LINK_HERE" style="color:#F3843C"><i class="fab fa-instagram"/> Instagram</a>
  60.            <br>
  61.            <a href="LINK_HERE" style="color:#F3843C"><i class="far fa-paintbrush-pencil"/> Artfight</a> | <i class="fab mt-1 mr-1 fa-discord tooltipster" style="color:#F3843C" title="#DISCORD_TAG_HERE"/> <span style="color:#B53D28">Discord</span>
  62.          </div>
  63.        </div>
  64.      </div>
  65.    </div>
  66.  
  67.  
  68. <!-- friends list box -->
  69.    <div class="row mt-1">
  70.      <div class="col-lg-6">
  71.         <div class="p-1" style="font-size:20px;">
  72.           <span style="font-weight:bold; color:#B53D28; text-shadow:2px 2px 0px #FAF0CC, -2px 2px 0px #FAF0CC, 2px -2px 0px white, -2px -2px 0px #FAF0CC, 2px 0px 0px #FAF0CC, -2px 0px 0px #FAF0CC, 0px 2px 0px #FAF0CC, 0px -2px 0px #FAF0CC">
  73.             <i class="fas fa-star"/> <span style="font-size:25px"><i class="fas fa-strawberry"/> Friends <i class="fas fa-strawberry"/></span> <i class="fas fa-star"/>
  74.           </span>
  75.          
  76.           <br>
  77.           <div class="p-1" style="background-color:#FAF0CC">
  78.             <div class="p-1" style="background-color:#FAF0CC; border:4px dashed #586B18; height:170px; font-size:15px; color:#B53D28; overflow-y: auto; overflow-x:hidden;">
  79.              
  80.               TEXT
  81.               <hr style="border:1px solid #F3843C; margin-bottom:-1px;">
  82.              
  83.               <!-- friends, feel free to remove and add more within these two rows -->
  84.               <div class="p-1" style="text-align:left">
  85.                 <div class="row">
  86.                   <div class="col-6">
  87.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  88.                     <br>
  89.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  90.                     <br>
  91.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  92.                     <br>
  93.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  94.                     <br>
  95.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  96.                     <br>
  97.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  98.                   </div>
  99.                  
  100.                   <div class="col-6">
  101.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  102.                     <br>
  103.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  104.                     <br>
  105.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  106.                     <br>
  107.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  108.                     <br>
  109.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  110.                     <br>
  111.                     <i class="mr-2 far fa-heart"/> <a href="LINK_HERE" style="color:#F3843C; font-weight:bold">NAME</a>
  112.                   </div>
  113.                 </div>
  114.               </div>
  115.              
  116.             </div>
  117.           </div>
  118.         </div>
  119.      </div>
  120.      
  121.      
  122.      <!-- before you follow/do not interact/etc important info box. -->
  123.      <div class="col-lg-6">
  124.         <div class="p-1" style="font-size:20px">
  125.          
  126.           <span style="font-weight:bold; color:#B53D28; text-shadow:2px 2px 0px #FAF0CC, -2px 2px 0px #FAF0CC, 2px -2px 0px white, -2px -2px 0px #FAF0CC, 2px 0px 0px #FAF0CC, -2px 0px 0px #FAF0CC, 0px 2px 0px #FAF0CC, 0px -2px 0px #FAF0CC">
  127.             <i class="fas fa-star"/> <span style="font-size:25px"><i class="fas fa-cupcake"/> BYI/BYF <i class="fas fa-cupcake"/></span> <i class="fas fa-star"/>
  128.           </span>
  129.          
  130.           <br>
  131.           <div class="p-1" style="background-color:#FAF0CC">
  132.             <div class="p-1" style="background-color:#FAF0CC; border:4px dashed #586B18; height:170px; font-size:15px; color:#B53D28; overflow-y: auto; overflow-x:hidden;">
  133.              
  134.               TEXT
  135.               <hr style="border:1px solid #F3843C; margin-bottom:-1px;">
  136.              
  137.               <!-- you can add more if you want to -->
  138.               <div class="p-1" style="text-align:left; font-weight:bold">
  139.                 <i class="mr-2 far fa-triangle-exclamation"/> TEXT
  140.                 <br><br>
  141.                  <i class="mr-2 far fa-triangle-exclamation"/> TEXT
  142.                  <br><br>
  143.                  <i class="mr-2 far fa-triangle-exclamation"/> TEXT
  144.                  <br><br>
  145.                  <i class="mr-2 far fa-triangle-exclamation"/> TEXT
  146.               </div>
  147.             </div>
  148.           </div>
  149.         </div>
  150.      </div>
  151.    </div>
  152.    
  153.    <!-- art status section -->
  154.    <div class="mt-1 p-1" style="font-weight:bold; color:#B53D28; text-shadow:2px 2px 0px #FAF0CC, -2px 2px 0px #FAF0CC, 2px -2px 0px #FAF0CC, -2px -2px 0px #FAF0CC, 2px 0px 0px #FAF0CC, -2px 0px 0px #FAF0CC, 0px 2px 0px #FAF0CC, 0px -2px 0px #FAF0CC; font-size:17px">
  155.      Commissions - <a href="LINK_HERE" style="color:#F3843C">STATUS</a> || Trades - STATUS || Requests - STATUS
  156.      
  157.    </div>
  158.   </div>
  159.  
  160. </div>
  161.  
  162. </div>
  163.  
  164. <!-- code credit, do not remove -->
  165. <div class="container p-1 border-0" align="center" style="background-color:transparent; max-width:650px; text-align:right">
  166.    <a href="Joeboateo" style="color: primary; font-size:13px;"><i class="fa-solid fa-code"></i></a>
  167. </div>
Tags: html profile code
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!