02. Simple Rainbow Thing

       <!--- Hi I'm Dori. Well, thanks for using my code! I really hope it works for whatever you're using it for!

These are the colors I used in #

#ffffff (White)
#ff1493 Deep pink 
#FF0000 is red
#ff8c00 is Dark Orange
#FFFF00 is yellow
#00fff00 is lime
#0000FF Blue

#d2691e Is the text color; which is Chocolate brown!
Ocassionally i may use the actual color name instead of the hex by habit though.

Holy
I didnt expec tto use this many colours either but it is the rainbow after all

Please disable WYSIWYG and turn on code viewing
--->


<div style="width:65%;margin:auto;padding:3px;display:flex;max-height:450px;
border:0.12em solid #ffff00;
background-image:url('https://file.garden/ZoSuSVZJg1bmA34p/ToyhouseHTML/2/rainbowgradientbg.png');background-size:100%">
<div style="width:100%;padding:5px;
border:3px double #ff69b4;
background-color:	#ffffff">

  <h1 style="font-family:arial;margin:8px;text-decoration:underline;color:#FF0000;text-align:center"> Nameless chan 
 </h1> 

  <p style="width:250px;margin:auto;font-family:arial;
            background-color:#FFFF00;
            color:#d2691e"> 
  "Super cool quote"
  </p>
  
    <br>
  
  <div style="overflow-y:scroll;max-height:150px;scrollbar-width: none;padding:5px;
border:0.12em solid #00ff00">
    
 <p style="font-family:arial;color:	#d2691e"> Hey here is a compelling bio about me. My name is this, my age is that, my hobbies are this and that and I also like that over there. This scrolls, so let's add more information to make it scrollable. Information like what? What could I write on this box. I don't know just something you think is rather interesting or fun. Or write nothing at all, that is totally fine and is up to you. Or keep writing the same thing over and over again. Or keep writing the same thing over and over again. Or keep writing the same thing over and over again. Or keep writing the same thing over and over again. Or keep writing the same thing over and over again. Or keep writing the same thing over and over again.  </p>
  </div>
  
  <br>
  
  <div style="height:auto;padding:5px;
border:0.12em solid #ff0000">
    
    <a style="color:#FF0000"
    href="https://toyhou.se/link_here">
   Social #1
  </a>
    
    <img src="https://file.garden/ZoSuSVZJg1bmA34p/ToyhouseHTML/2/rainbow.png" style="width:20px">
    
    <a style="color:#ff8c00"
    href="https://toyhou.se/link_here">
   Social #2
  </a>
    
      <img src="https://file.garden/ZoSuSVZJg1bmA34p/ToyhouseHTML/2/rainbow.png" style="width:20px">
    
    <a style="color:#ffff00"
    href="https://toyhou.se/link_here">
   Social #3
  </a>
    <br>
      <img src="https://file.garden/ZoSuSVZJg1bmA34p/ToyhouseHTML/2/rainbow.png" style="width:20px">
    
    <a style="color:#00ff00"
    href="https://toyhou.se/link_here">
   Social #4
  </a>
    
      <img src="https://file.garden/ZoSuSVZJg1bmA34p/ToyhouseHTML/2/rainbow.png" style="width:20px">
    
    <a style="color:#0000FF"
    href="https://toyhou.se/link_here">
   Social #5
  </a>
    
      <img src="https://file.garden/ZoSuSVZJg1bmA34p/ToyhouseHTML/2/rainbow.png" style="width:20px">
    
    <a style="color:#ff1493"
    href="https://toyhou.se/link_here">
   Social #6
  </a>
  </div>

</div> 
  
  <!--- This is the second box (right side) --> 
<div style="width:100%;padding:5px;overflow-y:scroll;scrollbar-width:none;
border:3px double #ff69b4;
background-color:	#ffffff">

  <div>
  
  <!-- the 3 images -->
<div style="display:flex;max-width:100%;margin:auto;padding:5px;
border:0.12em solid #ff8c00">
  
  <div style="margin:3px">
    
<a href="https://toyhou.se/link_here">
<img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/27397486?1717775941" 
 style="width:100px;height:auto;
        border:2px solid #FF0000">
  </a>
    
    <p> </p>
    
    <p style="color:#ff8c00;
              background-color:#ffffff;
              border:1px solid #ff8c00"> 
      My Characters
    </p>
    
    </div>
      
   <div style="margin:3px">
     
  <a href="https://toyhou.se/link_here">
  <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/27398498?1722523391" 
 style="width:100px;height:auto;
        border:2px solid #ffff00">
  </a>
        
   <p> </p>
        
   <p style="color:#00ff00;
              background-color:#ffffff;
              border:1px solid #00ff00">
         For Trade
   </p>
      </div>
  
  <div style="margin:3px">
    
  <a href="https://toyhou.se/link_here">
  <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/28106120?1723385780" 
 style="width:100px;height:auto;
        border:2px solid #0000FF">
  </a>
    
    <p> </p>
    
  <p style="color: #ff1493;
              background-color:#ffffff;
              border:1px solid #ff1493">
         Commissions
   </p>
    
      </div>
    </div>
  <!-- 3 images end -->  
  <br>
  
  <div style="overflow-y:scroll;max-height:150px;scrollbar-width: none;padding:5px;
border:0.12em solid #0000ff">     
    <p style="color:#ff1493"> <img src="https://file.garden/ZoSuSVZJg1bmA34p/ToyhouseHTML/2/smilie.png" style="width:20px"> I like this kind of thing </p>
    
    <p style="color:#ff0000"> <img src="https://file.garden/ZoSuSVZJg1bmA34p/ToyhouseHTML/2/brokenheart.png" style="width:20px"> I do not like this kind of thing </p>
    
  </div>
  
  <br>
  
  <!-- thy credits -->
  
  <a style="color:#ff0000;text-align:center" href="https://toyhou.se/doritochan001">
  Coded with rainbows
  </a>
    
  </div> </div>