API tools faq
paste
Yuchino

FISHY! (F2U)

Yuchino
Nov 11th, 2025
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.73 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!-- fishy PROFILE v2 -->
  4. <div style="width:100%; min-height:100vh; background:linear-gradient(to bottom, #000, #000); color:#FFF; font-family:serif; display:flex; flex-direction:row; justify-content:center; align-items:flex-start; padding:40px; box-sizing:border-box; position:relative;">
  5.  
  6.   <!-- pagedoll inside this div -->
  7.   <div style="position:absolute; bottom:20px; right:5px;">
  8.     <a href="creditlink">
  9.       <img src="IMG_URL"
  10.           alt="pagedoll"
  11.           style="max-width:100%; max-height:1000px">
  12.     </a>
  13.   </div>
  14.  
  15.   <!-- MAIN CONTAINER -->
  16.   <div style="width:95%; max-width:1200px; background:url('IMG_URL') center no-repeat; background-size:100% 100%; rgba(0,0,0,0.5); background-blend-mode:overlay; border:1px solid rgba(255,255,255,0.15); border-radius:12px; box-shadow:0 0 25px rgba(0,0,0,0.6); padding:40px; box-sizing:border-box; display:flex; flex-direction:row; gap:30px; position:relative;">
  17.    
  18.    
  19. <!-- Wrapper for the whole section -->
  20. <div style="position:relative; width:100%; display:flex; justify-content:center; margin-top:60px;">
  21.  
  22.   <!-- Decorative Header (solid, not transparent) -->
  23.   <div style="position:absolute; top:-40px; right:60px; font-size:38px; font-weight:700; font-style:italic; color:#e8e8f0; text-shadow:2px 2px 8px rgba(0,0,0,0.4); letter-spacing:2px; pointer-events:none;">
  24.     ✧ TITLE
  25.   </div>
  26.     <!-- Your main content goes here -->
  27.  
  28.  
  29.     <!-- LEFT PANEL -->
  30.     <div style="width:350px; background:rgba(30,30,30,0.9); border:2px solid #000; border-radius:8px; overflow:hidden; display:flex; flex-direction:column;">
  31.  
  32.       <!-- Portrait -->
  33.       <div style="width:100%; height:400px; background:url('IMG_URL') center no-repeat; background-size:100%; position:relative;">
  34.         <div style="position:absolute; bottom:0; width:100%; background:linear-gradient(to top, rgba(0,0,0,0.9), transparent); text-align:center; padding:20px 0;">
  35.           <div style="font-size:24px; font-weight:bold; letter-spacing:2px;">NAME</div>
  36.           <div style="font-size:12px; opacity:0.8;">SUBTITLE</div>
  37.         </div>
  38.       </div>
  39.  
  40.       <!-- Info -->
  41.       <div style="padding:20px;">
  42.         <div style="font-size:14px; margin-bottom:8px;"><b>Title:</b> txt</div>
  43.         <div style="font-size:14px; margin-bottom:8px;"><b>Age:</b> txt</div>
  44.         <div style="font-size:14px; margin-bottom:8px;"><b>Height:</b> txt</div>
  45.         <div style="font-size:14px; margin-bottom:8px;"><b>Weapon:</b> txt</div>
  46.         <div style="font-size:14px; margin-bottom:8px;"><b>symbols:</b> txt</div>
  47.       </div>
  48.  
  49.       <!-- Symbol -->
  50.       <div style="width:100%; text-align:center; margin:3px 0;">
  51.         <img src="IMG_URL" style="width:70px; opacity:1.0;">
  52.       </div>
  53.  
  54.       <!-- BUST SECTION -->
  55.       <div style="display:flex; align-items:center; justify-content:center; gap:15px; padding:3px; border-top:1px solid rgba(255,255,255,0.1); background:rgba(10,10,10,0.7);">
  56.         <div style="width:90px; height:90px; border-radius:6px; overflow:hidden; border:1px solid #444;">
  57.           <img src="IMG_URL" style="width:100%; height:100%; object-fit:cover;">
  58.         </div>
  59.         <div style="flex:1; font-size:12px; color:#ddd; line-height:1.5;">
  60.           <i>“Quote!”</i>
  61.         </div>
  62.       </div>
  63.  
  64.     </div>
  65.  
  66.     <!-- RIGHT PANEL -->
  67.     <div style="flex:1; background:rgba(20,20,20,0.85); border:2px solid #000; border-radius:8px; padding:25px; box-sizing:border-box;">
  68.      
  69. <!-- Hero Image -->
  70. <div style="width:100%; height:300px; background:url('IMG_URL') center no-repeat; background-size:100% ; border-radius:6px; margin-bottom:25px; position:relative; overflow:hidden;">
  71.  
  72.   <!-- Quote text (kept left side) -->
  73.   <div style="position:absolute; bottom:10px; left:15px; background:linear-gradient(to top, rgba(0,0,0,0.6), transparent); padding:8px; font-style:italic; font-size:14px; color:white; border-radius:4px;">
  74.     "Quote!"
  75.   </div>
  76.  
  77.   <!-- Portrait and textbox (now on right side) -->
  78.   <div style="position:absolute; bottom:15px; right:15px; display:flex; align-items:center; gap:10px; flex-direction:row-reverse;">
  79.     <!-- Square portrait -->
  80.     <img src="IMG_URL" style="width:80px; height:80px; border-radius:6px; border:2px solid rgba(255,255,255,0.7); object-fit:cover; box-shadow:0 0 8px rgba(0,0,0,0.5);">
  81.  
  82.     <!-- Text box beside portrait -->
  83.     <div style="background:rgba(0,0,0,0.7); color:white; padding:1px 10px; border-radius:6px; font-size:13px; max-width:220px; line-height:1.3; text-align:left;">
  84.       “SUBQUOTE OR LYRIC”
  85.     </div>
  86.   </div>
  87.  
  88. </div>
  89.  
  90.  
  91.       <!-- About Section -->
  92.       <div style="margin-bottom:25px;">
  93.         <div style="font-size:20px; font-weight:bold; letter-spacing:1px; margin-bottom:10px; border-bottom:1px solid #666; padding-bottom:5px;">TITLE</div>
  94.         <div style="font-size:14px; line-height:1.7; color:#ddd;">
  95.           Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
  96.  
  97.         </div>
  98.       </div>
  99.  
  100.       <!-- Traits -->
  101.       <div style="display:flex; flex-wrap:wrap; gap:15px;">
  102.         <div style="flex:1; min-width:200px; background:rgba(255,255,255,0.05); padding:15px; border:1px solid #000; border-radius:6px;">
  103.           <div style="font-size:14px; font-weight:bold; margin-bottom:5px;">Positivum</div>
  104.           <div style="font-size:13px;"> TXT </div>
  105.         </div>
  106.         <div style="flex:1; min-width:200px; background:rgba(255,255,255,0.05); padding:15px; border:1px solid #000; border-radius:6px;">
  107.           <div style="font-size:14px; font-weight:bold; margin-bottom:5px;">Neutrum</div>
  108.           <div style="font-size:13px;"> TXT </div>
  109.         </div>
  110.         <div style="flex:1; min-width:200px; background:rgba(255,255,255,0.05); padding:15px; border:1px solid #000; border-radius:6px;">
  111.           <div style="font-size:14px; font-weight:bold; margin-bottom:5px;">Negativus</div>
  112.           <div style="font-size:13px;"> TXT </div>
  113.         </div>
  114.       </div>
  115.  
  116.       <!-- Gallery -->
  117.       <div style="margin-top:30px;">
  118.         <div style="font-size:20px; font-weight:bold; letter-spacing:1px; margin-bottom:10px; border-bottom:1px solid #666; padding-bottom:5px;">BEAR WITNESS</div>
  119.         <div style="display:flex; gap:10px; flex-wrap:wrap;">
  120.           <img src="IMG_URL" style="width:33.33%; border-radius:6px;">
  121.           <img src="IMG_URL" style="width:33.33%; border-radius:6px;">
  122.           <img src="IMG_URL" style="width:33.33%; border-radius:6px;">
  123.         </div>
  124.       </div>
  125.  
  126.     </div>
  127.  
  128.   </div>
  129.  
  130. </div>
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!