API tools faq
paste
vermilly

azure uni au

vermilly
Aug 15th, 2025
252
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.33 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------
  2.  
  3.  
  4.  WEBSITE: F2U HTML BY QUYLLI
  5.    
  6.    - Hello, and thank you so much for using this code! Please abide by the TOS laid out below :)
  7.    
  8.    YOU MAY:
  9.      - frankenstein my code with that of other users, so long as their TOS abides by it and the credit to me is NOT removed.
  10.      - Modify to your heart's content!
  11.    YOU MAY NOT:
  12.      - Remove the credit
  13.      - Redistribute my code at all, no matter what. Using parts of my code in yours immediately voids its ability to be redistributed.
  14.    OTHER:
  15.      - Turn the WYSIWYG off while editing -- this enables code view. WYSIWYG messes up the code!
  16.      - Leave a comment https://toyhou.se/~forums/16.htmlcss-graphics/164558.quylli-s-codes here if you use it!
  17.      - Please note that I won't be responding to any coding questions; if you have trouble, the forums is a great place to start :)
  18.  
  19.  
  20. -------------------->
  21.  
  22. <div class="mt-3 mx-auto d-flex" style="max-width:800px; flex-direction:column; overflow-y: hidden; overflow-x:hidden">
  23.   <!------------------   HEADER  -------------------->
  24.   <div class="card p-1 w-100 rounded-0 bg-faded text-muted">
  25.     <div class="d-flex">
  26.       <!-- SEARCH BAR-->
  27.       <div class="w-100 card rounded-0 bg-light">
  28.         <div class="row no-gutters p-1">
  29.           <!--unlocked icon-->
  30.           <div><i class="fas fa-unlock my-auto mx-2" style="font-size:15px; color:#0f0d7a;"></i></div>
  31.           <!--buffering icon-->
  32.           <div><i class="fas fa-spinner fa-pulse" style="font-size:15px; color:#0f0d7a;"></i></div>
  33.          
  34.           <!--text-->
  35.           <!-- Keep the phrase relatively short, or else it'll look weird on moblie!-->
  36.           <h1 class="mx-2 my-auto text-uppercase text-muted pb-0 pt-1" style="overflow-x:auto; ; font-size:15px">
  37.          
  38.             azure.org
  39.            
  40.           </h1>
  41.          
  42.         </div>
  43.       </div>
  44.       <!--end of search bar-->
  45.      
  46.       <!-- CONTROLS-->
  47.       <div class="d-flex w-auto">
  48.         <!-- minimize button-->
  49.         <div class="card rounded-0 bg-light ml-1" style="width:30px">
  50.           <i class="far fa-minus text-muted my-auto mx-auto" style="font-size:24px"></i>
  51.         </div>
  52.         <!-- exit button-->
  53.         <div class="card rounded-0 bg-light ml-1" style="width:30px">
  54.           <i class="far fa-times text-danger my-auto mx-auto" style="font-size:24px"></i>
  55.         </div>
  56.         <!-- settings button-->
  57.         <i class="far fa-ellipsis-v my-auto ml-1" style="font-size:20px"></i>
  58.       </div>
  59.       <!--end of controls-->
  60.     </div>
  61.   </div>
  62.   <!--end of header-->
  63.  
  64.  
  65.   <!------------------  MOVING BAR -------------------->
  66.   <div class="progress rounded-0 mb-2 w-100"><div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="50" aria-valuemin ="0" aria-valuemax="100" style="background-color:#0f0d7a; width:100%;height:16px"></div></div>
  67.   <!--end of moving bar-->
  68.  
  69.   <!------------------  MAIN CONTAINER -------------------->
  70.   <!-- BACKGROUND-->
  71.   <!-- Unsplash.com is a great resource for backgrounds-->
  72.   <div class="w-100" style="
  73.    background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.chromethemer.com%2Fdownload%2Fhd-wallpapers%2Fdark-blue-polygon-3840x2160.jpg&f=1&nofb=1&ipt=e860aca0366ca82bfee0938d7fe68fb2a0788aacc91956bc9e2b13a77d050541);
  74.    background-size:cover;
  75.    background-position:center center">
  76.    
  77.     <div class="row no-gutters">
  78.      
  79.       <!------------------ LEFT PORTION - contains all of the information -------------------->
  80.       <div class="col-lg-6 row no-gutters">
  81.        
  82.         <!-- TOGGLE BAR -->
  83.         <div class="col-sm-3 p-2">
  84.           <ul class="nav row no-gutters p-0">
  85.            
  86.             <!-- basics -->
  87.             <li class="col-sm-12 col-3 nav-item text-center p-1">
  88.               <a class="card w-100 bg-faded rounded-0"></a>
  89.               <a class="btn btn-default rounded-0 d-flex text-muted" data-toggle="tab" href="#basics">
  90.                   <i class="fas fa-home mx-auto" style="color:#0f0d7a;"></i>
  91.               </a>
  92.             </li>
  93.            
  94.             <!-- about -->
  95.             <li class="col-sm-12 col-3 nav-item text-center p-1">
  96.               <a class="card w-100 bg-faded rounded-0"></a>
  97.               <a class="btn btn-default rounded-0 d-flex text-muted" data-toggle="tab" href="#about">
  98.                 <i class="fas fa-heart mx-auto" style="color:#0f0d7a;"></i>
  99.               </a>
  100.             </li>
  101.            
  102.             <!-- links -->
  103.             <li class="col-sm-12 col-3 nav-item text-center p-1">
  104.               <a class="card w-100 bg-faded rounded-0"></a>
  105.               <a class="btn btn-default rounded-0 d-flex text-muted" data-toggle="tab" href="#links">
  106.                 <i class="fas fa-users mx-auto" style="color:#0f0d7a;"></i>
  107.               </a>
  108.             </li>
  109.            
  110.             <!-- playlist -->
  111.             <li class="col-sm-12 col-3 nav-item text-center p-1">
  112.               <a class="card w-100 bg-faded rounded-0"></a>
  113.               <a class="btn btn-default rounded-0 d-flex text-muted" data-toggle="tab" href="#playlist">
  114.                 <i class="fas fa-diploma mx-auto" style="color:#0f0d7a;"></i>
  115.               </a>
  116.             </li>
  117.            
  118.           </ul>
  119.         </div>
  120.         <!-- toggle bar end -->
  121.        
  122.        
  123.         <!------------------
  124.  
  125.          MAIN CONTAINER
  126.  
  127.        -------------------->
  128.         <!-- transparent background -->
  129.         <!-- RGBA is red green blue opacity. To change the transparent background color to something other than white, retrieve the rgb values of the new color and copy-paste into the first three numbers. -->
  130.         <div class="col-sm-9" style="position:relative; height:425px; background:rgba(0, 0, 0, 0.4)">
  131.          
  132.           <!-- BACKGROUND TEXTURE -->
  133.           <!-- transparenttextures.com is a great resource for background textures.
  134.              To retrieve the img url, follow the next steps; you cannot get it directly from the website.
  135.                1) dowload the texture of your choice.
  136.                1) upload to an image to a hosting website. Some could be:
  137.                  - discord
  138.                  - imgur
  139.                  - toyhouse
  140.                  - sta.sh (deviantart)
  141.                3) right click on the image, then click "copy image address"
  142.          ------------------>
  143.           <div class="w-100 h-100" style="position:absolute;
  144.            background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/105736522_0zAwdvhC0rPJeuw.png)">
  145.           </div>
  146.           <!-- background texture end-->
  147.          
  148.           <div class="w-100 p-2 d-flex" style="position:absolute; height:425px; flex-direction:column">
  149.             <!------------------  OVERVIEW -------------------->
  150.             <div class="card bg-faded rounded-0 p-1 w-100" style="position:relative">
  151.               <div class="d-flex" style="flex-direction:row">
  152.                
  153.                 <!-- ID -->
  154.                 <div class="card bg-light rounded-0 w-100 p-1" style="height:90px; overflow-y: auto">
  155.                   <ul class="fa-ul text-left  text-muted my-auto mx-3" style="font-size:11px; ">
  156.                     <li><span class="fa-li"><i class="fal fa-angle-right"></i></span>
  157.                    
  158.                       <b>AZURE</b>
  159.                      
  160.                     </li>
  161.                     <li><span class="fa-li"></span>
  162.                     Philosophy | UCLA 3rd year <br><i> "it's not that hard" </i>                    
  163.                     </li>
  164.                   </ul>
  165.                 </div>
  166.                 <!-- end of ID-->
  167.                
  168.                 <!-- ICON -->
  169.                 <!-- don't delete the line of periods, please! It's there to work out a sizing glitch in the containers that I couldn't figure out how to fix. -->
  170.                 <div class="card bg-light rounded-0 p-0 ml-1" style="height:90px; width:90px; color:rgba(0,0,0,0);">
  171.                   <img class="w-100 h-100" style="position:absolute"
  172.                    src="https://f2.toyhou.se/file/f2-toyhou-se/characters/24693477?1754071808">
  173.                   ...................................
  174.                 </div>
  175.                 <!-- end of icon-->
  176.                
  177.               </div>
  178.             </div>
  179.             <!-- end of overview -->
  180.            
  181.             <div class="row no-gutters w-100 pt-1">
  182.               <!------------------   TAB CONTENT   -------------------->
  183.               <div class="col-12 w-100 text-muted">
  184.                 <div class="card w-100 bg-faded rounded-0 p-1" style="height:309px">
  185.                   <div class="tab-content card w-100 bg-light rounded-0 p-1" style="height:299px">
  186.                    
  187.                     <!------------------  BASICS  -------------------->
  188.                     <div class="tab-pane fade active show w-100 h-100" style="overflow-y:auto" id="basics">
  189.                      
  190.                       <!------------------  DATA -------------------->
  191.                       <div class="row no-gutters text-muted p-2" style="font-weight:200; font-size:12px">
  192.                         <div class="col-6 p-1">
  193.                           <div class="row no-gutters">
  194.                            
  195.                             <div class="col-2"><i class="fas fa-comment-lines"></i></div>
  196.                             <div class="col-10 pl-1">Azure</div>
  197.                            
  198.                             <div class="col-2"><i class="fas fa-transgender-alt"></i></div>
  199.                             <div class="col-10 pl-1">He/him</div>
  200.                            
  201.                             <div class="col-2"><i class="fas fa-shoe-prints"></i></div>
  202.                             <div class="col-10 pl-1">Human</div>
  203.                            
  204.                             <div class="col-2"><i class="fas fa-balance-scale-right"></i></div>
  205.                             <div class="col-10 pl-1">Rich</div>
  206.                            
  207.                           </div>
  208.                         </div>
  209.                        
  210.                         <div class="col-6 p-1">
  211.                           <div class="row no-gutters">
  212.                            
  213.                             <div class="col-2"><i class="fas fa-birthday-cake"></i></div>
  214.                             <div class="col-10 pl-1">21</div>
  215.                            
  216.                             <div class="col-2"><i class="fas fa-paperclip"></i></div>
  217.                             <div class="col-10 pl-1">Student & tutor</div>
  218.                            
  219.                            <div class="col-2"><i class="fas fa-heart"></i></div>
  220.                            <div class="col-10 pl-1">Straight</div>
  221.                            
  222.                            <div class="col-2"><i class="fas fa-books"></i></div>
  223.                            <div class="col-10 pl-1">Flawless nerd</div>
  224.                            
  225.                          </div>
  226.                        </div>
  227.                      </div>
  228.                      <!-- data end -->
  229.                      
  230.                      <div class="w-100 px-2">
  231.                        <hr/>
  232.                      </div>
  233.                      
  234.                      <!-- design notes header -->
  235.                      <p class="w-100 text-center text-muted text-uppercase mb-2" style="font-size:12px">
  236.                        Design Notes
  237.                      </p>
  238.                      <!--header end-->
  239.                      <!------------------  DESIGN NOTES LIST
  240.                          
  241.                            - right now, the bullet note icon is set to a little right arrow, made to be with the code:
  242.                              - <i class="fal fa-angle-right"></i>
  243.                            - if you want to change the icon, go to fontawesome.com and replace the code for the right arrow with what the website gives you.
  244.                      -------------------->
  245.                      <ul class="fa-ul text-left text-muted pl-2 pr-3" style="font-size:12px; ">
  246.                        
  247.                         <!--Note-->
  248.                         <li class="mb-1"><span class="fa-li pr-2">
  249.                             <i class="fas fa-sparkle"></i>
  250.                           </span>
  251.                          
  252.                           Has black hair (blue shine is optional).
  253.                          
  254.                         </li>
  255.                         <!--note end-->
  256.                        
  257.                         <!--Note-->
  258.                         <li class="mb-1"><span class="fa-li pr-2">
  259.                             <i class="fas fa-sparkle"></i>
  260.                           </span>
  261.                          
  262.                           Wears rectangle glasses if he doesn't have contacts.
  263.                          
  264.                         </li>
  265.                         <!--note end-->
  266.                        
  267.                         <!--Note-->
  268.                         <li class="mb-1"><span class="fa-li pr-2">
  269.                             <i class="fas fa-sparkle"></i>
  270.                           </span>
  271.                          
  272.                           Covers up arms most of the time to hide his tattoos (especially in front of family).
  273.                          
  274.                         </li>
  275.                         <!--note end-->
  276.                        
  277.                       </ul>
  278.                       <!-- design notes end -->
  279.                     </div>
  280.                     <!-- basics tab end -->
  281.                    
  282.                    
  283.                     <!------------------ ABOUT TAB  -------------------->
  284.                     <div class="tab-pane fade w-100 h-100 p-1" id="about">
  285.                       <div class="d-flex w-100 h-100" style="flex-direction:column">
  286.                        
  287.                        
  288.                        
  289.                         <!-- BOTTOM SECTION-->
  290.                         <div class="tab-content flex-item w-100">
  291.                          
  292.                           <!------------------   TRIVIA TAB   -------------------->
  293.                           <div class="tab-pane fade active show w-100 h-100" id="trivia">
  294.                             <div class="d-flex w-100" style="flex-direction:column; height:280px">
  295.                               <!--Personality-->
  296.                               <div class="flex-item w-100" style="overflow-y:auto">
  297.                              
  298. <p style="font-size:12px; font-weight:200"> Azure is a straight-A uni student who is somewhat oblivious to his privilege. It doesn't matter what his degree is, let alone if he graduates. After all, he's a nepo baby with a rich mommy and daddy. He truly doesn't care or worry about the future, career or otherwise. </p>
  299.  
  300. <p style="font-size:12px; font-weight:200"> The worst part is that Azure is genuinely that <i>good</i> at most subjects and will put in the work needed. Stupid rich, stupidly well-connected, and put-together. Nothing can break him.</p>
  301.                                
  302.  <p style="font-size:12px; font-weight:200">And then <a href="https://toyhou.se/1540532.fox/34216276.university-au">Fox</a>, a senior pre-law student, is the stupidest person he's ever seen comes along. She challenges every notion he had, about logic, success, and happiness.</p>  
  303.      
  304.    <p style="font-size:12px; font-weight:200">This Azure is more expressive than his canon version - sassy, kind of mean, and also touched-starved. </p>
  305.                                
  306.                               </div>
  307.                               <!--Likes and Dislikes-->
  308.                               <div class="flex-item row no-gutters pt-3 px-0 pb-0">
  309.                                 <!--Likes-->
  310.                                 <div class="col-6 p-0">
  311.                                   <ul class="fa-ul text-left text-muted pl-2 pr-3 py-0 my-0" style="font-size:10px; ">
  312.                        
  313.                                     <!--Note-->
  314.                                     <li class="mb-1"><span class="fa-li pr-2"><i class="fal fa-heart"></i></span>
  315.                                       Solving problems
  316.                                     </li>
  317.                                     <!--note end-->
  318.                        
  319.                                     <!--Note-->
  320.                                     <li class="mb-1"><span class="fa-li pr-2"><i class="fal fa-heart"></i></span>
  321.                                       High quality products
  322.                                     </li>
  323.                                     <!--note end-->
  324.                        
  325.                                     <!--Note-->
  326.                                     <li class="mb-1"><span class="fa-li pr-2"><i class="fal fa-heart"></i></span>
  327.                                       Physical touch..?!
  328.                                     </li>
  329.                                     <!--note end-->
  330.                        
  331.                                   </ul>
  332.                                 </div>
  333.                                 <!-- likes end -->
  334.                                 <!-- Dislikes -->
  335.                                 <div class="col-6 p-0">
  336.                                   <ul class="fa-ul text-left text-muted pl-2 pr-3 py-0 my-0" style="font-size:10px; ">
  337.                        
  338.                                     <!--Note-->
  339.                                     <li class="mb-1"><span class="fa-li pr-2"><i class="fal fa-heart-broken"></i></span>
  340.                                       Ignorance
  341.                                     </li>
  342.                                     <!--note end-->
  343.                        
  344.                                     <!--Note-->
  345.                                     <li class="mb-1"><span class="fa-li pr-2"><i class="fal fa-heart-broken"></i></span>
  346.                                       Traditional modesty
  347.                                     </li>
  348.                                     <!--note end-->
  349.                        
  350.                                     <!--Note-->
  351.                                     <li class="mb-1"><span class="fa-li pr-2"><i class="fal fa-heart-broken"></i></span>
  352.                                       Allergies
  353.                                     </li>
  354.                                     <!--note end-->
  355.                        
  356.                                   </ul>
  357.                                 </div>
  358.                                 <!-- design notes end -->
  359.                               </div>
  360.                             </div>
  361.                           </div>
  362.                           <!-- trivia tab end -->
  363.                          
  364.                        
  365.                         </div>
  366.                         <!--bottom portion end-->
  367.                       </div>
  368.                     </div>
  369.                     <!-- about tab end -->
  370.                    
  371.                    
  372.                     <!------------------ LINKS TAB -------------------->
  373.                     <div class="tab-pane fade w-100 h-100 p-1" style="overflow-y:auto" id="links">
  374.                       <div class="w-100 h-100 p-0" style="overflow-y:auto">
  375.                         <!--for more characters, simply copy and paste!-->
  376.                        
  377.                        
  378.                         <!-- CHARACTER 1 -->
  379.                         <div class="row no-gutters w-100">
  380.                           <div class="col-lg-4 col-3">
  381.                             <!--ICON-->
  382.                             <a href="https://toyhou.se/1540532.fox/34216276.university-au">
  383.                               <img class="w-100 h-auto img-thumbnail rounded-0 bg-faded"
  384.                              
  385.                                  src="https://f2.toyhou.se/file/f2-toyhou-se/characters/1540532?1741408653">
  386.                                  
  387.                             </a>
  388.                           </div>
  389.                           <div class="col-lg-8 col-9 pl-2">
  390.                             <!--Name, status-->
  391.                             <p class="text-uppercase my-0" style="; font-size:12px">
  392.                              
  393.                                fox - partner
  394.                                
  395.                             </p>
  396.                             <!--hearts scale-->
  397.                             <p class="my-0" style="font-size:9px; letter-spacing:2px">
  398.                              
  399.                                 ♥♥♥♥♥
  400.                              
  401.                             </p>
  402.                             <!--description-->
  403.                             <p class="my-0" style="font-size:11px; font-weight:200; overflow-y:auto; max-height:70px">
  404.                                 The stupidest, yet most beautiful lovable person he's ever tutored.
  405.                        </p>
  406.                           </div>
  407.                         </div>
  408.                         <!--character 1 end-->
  409.                      <!--horizontal line-->
  410.                         <hr class="w-100">
  411.                    
  412.                     <!--- copy from character 1 to horizonetal line if u add more!! ♡ empty heart for ref -->
  413.        
  414.                       </div>
  415.                     </div>
  416.                     <!-- links tab end -->
  417.                    
  418.                    
  419.                     <!------------------
  420.          
  421.                          PLAYLIST TAB
  422.          
  423.                    -------------------->
  424.                     <!--------------
  425.        
  426.                        SONG LINK INSTRUCTIONS
  427.                        (APPLICABLE TO BOTH THE YOUTUBE VIDEO AND THE PLAYLIST)
  428.          
  429.                          - Find your song on youtube.
  430.                          - A youtube link looks like this:
  431.                              https://www.youtube.com/watch?v=dQw4w9WgXcQ
  432.                          - You want to get the LAST PART, after the watch?v=__________.
  433.                            - So, from https://www.youtube.com/watch?v=dQw4w9WgXcQ
  434.                            - I get dQw4w9WgXcQ
  435.                          - Paste that in the designated spot.
  436.        
  437.                    ---------------->
  438.                     <div class="tab-pane fade w-100 h-100" style="overflow-y:auto" id="playlist">
  439.                      
  440.              
  441.                       <!-- song -->
  442.                       <div class="row no-gutters p-2">
  443.                         <!-- label -->
  444.                         <div class="col-11 my-auto text-left text-muted text-uppercase bg-transparent" style="font-size:11px; font-family:'Courier New';">
  445.                          
  446.                       <p>   FALL 2025 COURSES
  447.                          <br>> PHILOS 100C
  448.                          <br>> PHILOS 116
  449.                          <br>> PHILOS C128
  450.                          <br>> PHILOS M187
  451.                          <br>> HIST M60W
  452.                          
  453.                             </p>
  454.                            
  455.                             <p>GPA: 4.000 | UNITS EARNED: 94</p>
  456.                            
  457.                             <p>ACADEMIC TUTOR: ENGL, HIST, PHILOS
  458.                             <br>QUEUE: 2 TUTOR APPTS BOOKED</p>
  459.                             <hr>
  460.                             <p>FINANCIAL RECORDS: NO PAYMENTS DUE</p>
  461.                          </div>
  462.                       </div>
  463.                       </div>
  464.                     </div>
  465.                     <!--playlist tab end-->
  466.                 </div>
  467.               </div>
  468.               <!-- end of tab content -->
  469.             </div>
  470.           </div>
  471.         </div>
  472.         <!-- end of main container-->
  473.       </div>
  474.       <!-- end of left portion-->
  475.      
  476.      
  477.       <!------------------ RIGHT PORTION - contains all of the graphics -------------------->
  478.       <div class="col-lg-6 hidden-md-down" style="position:relative; height:425px; padding-left:25px">
  479.        
  480.         <!------------------ Window Background for pagedoll   -------------------->
  481.         <div class="d-flex w-100 text-muted" style="height:175px; margin-top:175px">
  482.          
  483.           <!-- left bar -->
  484.           <div class="card rounded-0 bg-faded h-100 pt-1" style="width:20px">
  485.             <i class="far fa-ellipsis-v" style="font-size:20px"></i>
  486.           </div>
  487.          
  488.           <!-- main bar -->
  489.           <div class="card rounded-0 h-100 w-100" style="position:relative; background:rgba(0, 0, 0, 0.4)">
  490.             <!-- Background texture-->
  491.             <!-- transparenttextures.com is a great resource for background textures.
  492.                To retrieve the img url, follow the next steps; you cannot get it directly from the website.
  493.   ------------------>
  494.             <div class="w-100 h-100" style="position:absolute;
  495.              background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/105736522_0zAwdvhC0rPJeuw.png)">
  496.             </div>
  497.            
  498.             <!-- top box thing -->
  499.             <div class="d-flex p-1">
  500.               <a href="https://toyhou.se/~literature/280667.azuox/6.gods-toughest-battles/" class="btn btn-default rounded-0" style="font-family:'Courier New'; font-size:10px; z-index:2">SESSION #1</a>
  501.             </div>
  502.            
  503.             <!-- bottom box thing-->
  504.             <div class="card rounded-0 bg-light w-75 mx-1 p-2">
  505.               <!-- caption!! the little .... [icon/emoji] that shows up-->
  506.               <div class="d-flex text-muted">
  507.                 <i class="fal fa-angle-right mr-2"></i>
  508.                
  509.                 <!-- the little icon:
  510.                  - As usual, fontawesome.com for the icon!
  511.                  - search up the icon and copy+paste,
  512.                  - BUT DON'T FORGET to add the little style="font-size:8px" at the end like shown below! It resizes the icon into something that looks better.
  513.                -------->
  514.                 <p style="font-size:9px">
  515.                   He reached for a spiral notebook, flipping it open neatly. <i>“So. Let’s talk about the Enlightenment paper you turned in.”</i>
  516. <br><br><i>“Oh, come on—”
  517. <br><br>
  518. “You wrote ‘Locke was kind of hot, ngl’ in the margin.”
  519. <br><br>
  520.  
  521. “Well, he was! For a dead guy.”</i>
  522. <br><br>
  523.  
  524. He stared at her for a long moment. Fox crossed her legs and sipped her warm Red Bull with all the dignity of a student drowning in tuition debt.
  525.                  
  526.              <i class="fas fa-sparkle" style="font-size:8px"></i></p>
  527.          
  528.               </div>
  529.             </div>
  530.           </div>
  531.         </div>
  532.         <!-- window background end -->
  533.        
  534.       <!------------------
  535.  
  536.            Pagedoll
  537.  
  538.        -------------------->
  539.         <div class="hidden-md-down justify-content-end" style="position:absolute; top:10%; bottom:-5px; left:10px; right:0;
  541.            background-image:url(https://64.media.tumblr.com/e725fd665567270405ab6f93830ec86d/0b13d2955b22f759-9b/s2048x3072/535152e5d3bba61d6eedba76bd10ca1bf0fc9ad4.pnj);
  543.            background-repeat: no-repeat;
  544.            background-position: bottom right;
  545.            background-size:30%;">
  546.         </div>
  547.         <!-- pagedoll end -->
  548.       </div>
  549.       <!-- left portion end -->
  550.     </div>
  551.   </div>
  552.   <!-- main container end -->
  553. </div>
  554.  
  555. <!--credit-->
  556. <div class="mx-auto d-flex mb-5 mt-2" style="max-width:800px; flex-direction:row-reverse">
  557.   <a href="https://toyhou.se/9643631.-preview-website" class="px-1 text-muted">
  558.     <i class="fal fa-code"></i>
  559.   </a>
  560.  
  561.  
  562. </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!