API tools faq
paste
vermilly

azure office au

vermilly
Nov 6th, 2025
485
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.48 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. main accent (lines, border, bar, bookmark deco): #0251fc
  4. text: #211d1d
  5. text boxes, polaroid frames, credit, duct tape deco: #f2f1f0
  6. card background: #dbd8d5
  7.  
  8. ---->
  9. <div class="mx-auto" style="font-family:garamond; letter-spacing:0.4px; color:#211d1d; max-width:800px;">
  10.     <!----credit---->
  11.     <div class="text-right mb-n3 mr-3">
  12.         <span class="fa-stack fa-2x">
  13.             <i class="fas fa-bookmark fa-stack-2x fa-flip-vertical" style="color:#0251fc;"></i>
  14.             <a href="https://toyhou.se/30952709.f2u-album"><i class="fal fa-code fa-stack-1x" style="font-size:14px; color:#f2f1f0"></i></a>
  15.         </span>
  16.     </div>
  17.     <div class="row no-gutters">
  18.         <!----left bar---->
  19.         <div class="col-md-1 col-1 col-lg-1">
  20.             <div class="card rounded-0 h-100 text-center mr-1" style="border-width: 0px 4px 0px 0px; border-color:#0251fc">
  21.                 <div class="card rounded-0 border-0 h-100 mr-1" style="background-color:#0251fc; border-top-left-radius:10px; border-bottom-left-radius:10px"></div>
  22.             </div>
  23.         </div>
  24.         <!----card---->
  25.         <div class="col-md-11 col-11 col-lg-11">
  26.             <div class="card rounded-0 border-0 p-1" style="background-color:#dbd8d5">
  27.                <div class="card rounded-0 p-2 bg-faded" style="border-style:dashed; border-color:#0251fc; background-color:#dbd8d5">
  28.                    <div class="row no-gutters">
  29.                        <div class="col-md-12 col-12 col-lg-3 p-1 m-auto">
  30.                            <!----icon---->
  31.                            <div class="p-0 card rounded-0 mb-1 mx-auto" style="background:url(https://f2.toyhou.se/file/f2-toyhou-se/characters/35304049?1759181782); background-position:center; background-size:cover; height:170px; max-width:170px; background-color:#0251fc; border-width:10px 10px 30px 10px; border-color:#f2f1f0"></div>
  32.                            <!----flower---->
  33.                            <div style="background:url(https://f2.toyhou.se/file/f2-toyhou-se/images/93660417_E4S58H2cIhI3PmL.png); background-size:cover; background-position:center; height:128px; width:71px; position:absolute; left:-8px; top:65px; transform:rotate(-20deg)"></div>
  34.                            <!----duct tape---->
  35.                            <div class="p-2" style="background-color:#f2f1f0; width:60px; position:absolute; left:29px; top:160px; opacity:0.7; transform:rotate(-20deg)"></div>
  36.                            <!----basics---->
  37.                            <div style="font-size:18px;"><span class="font-weight-bold mx-1" style="font-size:20px"><I>name:</I></span>azure</div>
  38.                            <hr class="my-0 mb-1 w-100" style="border-width:1px; border-color:#0251fc">
  39.                            <div style="font-size:18px"><span class="font-weight-bold mx-1" style="font-size:20px"><I>gender:</I></span>agender</div>
  40.                            <hr class="my-0 mb-1 w-100" style="border-width:1px; border-color:#0251fc">
  41.                            <div style="font-size:18px"><span class="font-weight-bold mx-1" style="font-size:20px"><I>age:</I></span>adult</div>
  42.                             <hr class="my-0 mb-1 w-100" style="border-width:1px; border-color:#0251fc">
  43.                            <div style="font-size:18px"><span class="font-weight-bold mx-1" style="font-size:20px"><I>orientation:</I></span>straight</div>
  44.                            <hr class="my-0 mb-1 w-100" style="border-width:1px; border-color:#0251fc">
  45.                            <div style="font-size:18px"><span class="font-weight-bold mx-1" style="font-size:20px"><I>species:</I></span>human</div>
  46.                        </div>
  47.                        <!----main content---->
  48.                        <div class="col-lg-6 col-md-12 col-12 p-1 mr-1">
  49.                            <div class="p-1" style="overflow:auto; max-height:450px; ">
  50.                                <!----about---->
  51.                                 <div class="text-center font-weight-bold" style="font-size:20px"><i>About</i></div>
  52.                                 <!----personality/intro---->
  53.                                 <div class="mx-1 mb-2 p-1 card" style="background-color:#dbd8d5; border-style:dashed; border-color:#f2f1f0; border-width:2px">
  54.                                     <div class="p-2 card border-0" style="background-color:#f2f1f0;">
  55.                                  
  56.                                        <div class="mx-1 text-justify">Well-paid intern turned full-time office employee at a company. Suave, meticulous, and a bit carefree. Nepo baby whose parents have high connections. Ends up meeting a gold digger (Fox) who is stuck at entry level receptionist work (Fox) but she’s actually really cute (Fox) so maybe he’ll give it a chance…</div>
  57.                           <p><br></p>
  58.                             <div class="mx-1 text-justify">Strangely enough, in this office filled with kemonomimis, he's the only human. To no one's surprise, he was adopted by rich kemo parents.</div>
  59.                                     </div>
  60.                                 </div>
  61.                                
  62.                                   <!----lore---->
  63.                                 <div class="mx-1 mb-3 p-1 card" style="background-color:#dbd8d5; border-style:dashed; border-color:#f2f1f0; border-width:2px">
  64.                                     <div class="p-2 card border-0" style="background-color:#f2f1f0;">
  65.                                         <div class="mx-1 text-center"><i>“azure ceo reminds me of this spiderverse fic i read where miguel was the ceo and he had a f*cking bedroom in his office”</i></div>
  66.                        
  67.                                     </div>
  68.                                 </div>
  69.                                 <!----preferences---->
  70.                           <div class="text-center font-weight-bold" style="font-size:20px"><i>Relationships</i></div>
  71.  
  72.                                 <div class="mx-1 mb-3 p-1 card" style="background-color:#dbd8d5; border-style:dashed; border-color:#f2f1f0; border-width:2px">
  73.                                     <div class="p-2 card border-0" style="background-color:#f2f1f0;">
  74.                                        <div><span class="mx-1 font-weight-bold" style="font-size:18px"><i><a href="https://toyhou.se/1540532.fox/35309745.office-au">Fox</a>: </i></span>girlfriend</div>
  75.                                        <hr class="my-0 mb-1 w-100" style="border-width:1px; border-color:#0251fc">
  76.                                         <div><span class="mx-1 font-weight-bold" style="font-size:18px"><i><a href="https://toyhou.se/35455347.toor">Toor</a>: </i></span>who?</div>
  77.                                      
  78.                                        <hr class="my-0 mb-1 w-100" style="border-width:1px; border-color:#0251fc">
  79.                                     </div>
  80.                                 </div>
  81.                                 <!----trivia---->
  82.  
  83.                            
  84.                                 <!----design---->
  85.                                 <div class="text-center font-weight-bold" style="font-size:20px"><i>Design</i></div>
  86.                                
  87.                                 <!----design notes---->
  88.                                 <div class="mx-1 p-1 card" style="background-color:#dbd8d5; border-style:dashed; border-color:#f2f1f0; border-width:2px">
  89.                                     <div class="p-2 card border-0" style="background-color:#f2f1f0;">
  90.                                         <ul class="pl-3 mx-1">
  91.                                             <li>Wears glasses, but contacts are fine too.</li>
  92.                                             <li>Still has his tattoos. Doesn't mind people's reactions to it.</li>
  93.  
  94.                                         </ul>
  95.                                     </div>
  96.                                 </div>
  97.                            </div>
  98.                        </div>
  99.                        <!----moodboard---->
  100.                        <div class="col-12 col-md-12 col-lg-2 p-0 m-auto">
  101.                            <div class="row no-gutters">
  102.                              <!----image 1---->
  103.                            <div class="col-4 col-md-4 col-lg-12 p-0 card rounded-0 mx-auto" style="background:url(https://i.pinimg.com/736x/6f/79/c3/6f79c3017dd651aa7593bbe304e3c09c.jpg); background-position:center; background-size:cover; height:120px; max-width:120px; background-color:#0251fc; border-width:7px 7px 20px 7px; border-color:#f2f1f0; transform:rotate(-5deg)"></div>
  104.                            <!----image 2---->
  105.                            <div class="col-4 col-md-4 col-lg-12 p-0 card rounded-0 mx-auto" style="background:url(https://i.pinimg.com/736x/0b/65/48/0b6548c7f9b7321abdfafbfdde5b60c6.jpg); background-position:center; background-size:cover; height:120px; max-width:120px; background-color:#0251fc; border-width:7px 7px 20px 7px; border-color:#f2f1f0; transform:rotate(4deg)"></div>
  106.                            <!----image 3---->
  107.                            <div class="col-4 col-md-4 p-0 col-lg-12 card rounded-0 mx-auto" style="background:url(https://i.pinimg.com/736x/90/45/5f/90455f04e28cb1e3867b2ff930a6d652.jpg); background-position:center; background-size:cover; height:120px; max-width:120px; background-color:#0251fc; border-width:7px 7px 20px 7px; border-color:#f2f1f0; transform:rotate(-5deg)"></div>
  108.                            </div>
  109.                        </div>
  110.                    </div>
  111.                </div>
  112.             </div>
  113.         </div>
  114.     </div>
  115. </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!