05. Simple Rainbow Thing REMASTER

  
  <!-- thanks for using my code 
i spent houre but it was worth it because I hated seeing my old code out there unfixed!!
I hope you enjoy using it + let me know if you cant understand anything about this lil spaghetti code ill be willing to try explain anything to you !!

Color hex

#FF0000 RED
#FF8C00 DARKORANGE
#FFFF00 YELLOW
#00FF00 LIME
#0000ff BLUE
#D2691E CHOCOLATE for text = <p>

-->

<center>
  <div style="font-family:ms pgothic;">
<div class="p-2 m-2" style="border-radius:5px;width:65%;
                            background-image:url('https://f2.toyhou.se/file/f2-toyhou-se/images/93295418_8P0fCXtpS5GSFyH.png');background-size:100%;
                            border:2px dashed #ffffff">
  
<div class="row" style="width:100%;border-radius:5px;
                        background-color:#ffffff;">
  <!-- left side -->
	<div class="col-lg-6">
  
   <h1 style="letter-spacing:2px;margin:8px;text-decoration:underline;text-align:center;
   text-decoration-color:#00ff00;color:#FF0000"> 
   🌈 
    <SPAN STYLE="COLOR:#FF0000">N</SPAN>
   <SPAN STYLE="COLOR:#FFFF00">a</SPAN>
   <SPAN STYLE="COLOR:#00FF00">m</SPAN>
   <SPAN STYLE="COLOR:#0000FF">e</SPAN>
   <SPAN STYLE="COLOR:#FF0000">l</SPAN>
   <SPAN STYLE="COLOR:#FFFF00">e</SPAN>
   <SPAN STYLE="COLOR:#00FF00">s</SPAN>
   <SPAN STYLE="COLOR:#0000FF">s</SPAN>!
   ~chan! 
 </h1> 

  <p style="width:250px;margin:auto;
            font-family:garamond;
            background-color:#ffff00;
            color:#d2691e"> 
  "Super cool quote!"
  </p>
  
    <br>
    
    <!-- The Scrollable yellow text box -->
  
  <div style="overflow-y:scroll;max-height:200px;padding:5px;border-radius:10px;
              border:0.12em solid #ffff00">
    
 <p style="color:#d2691e"> 
 
 <!-- Header things --> <SPAN STYLE="COLOR:#FF0000;font-size:20.5px;font-weight:bold">About!</SPAN> 
 
 <span style="font-size:16px">H</span>ey 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, something you think is rather interesting or fun to input? Or write nothing at all since, after all this is all 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. 
 <br><br>
 
 
 <!-- Header things --> <SPAN STYLE="COLOR:#00ff00;font-size:20.5px;font-weight:bold">Things to know!</SPAN> 
 
 <span style="font-size:16px">B</span>y the way. I have something to tell you. We're no strangers to love. You know the rules and so do I. A full commitment's what I'm thinking of, You wouldn't get this from any other guy. I just wanna tell you how I'm feeling. Gotta make you understand. Never gonna give you up, Never gonna let you down, Never gonna run around and desert you
 
 <br><br>
 
 <!-- Header things --> <SPAN STYLE="COLOR:#0000ff;font-size:20.5px;font-weight:bold">Title!</SPAN> 
 
 <span style="font-size:16px">S</span>orry, I know the meme is dead
 </p>
  </div>
  
  <br>
   
  <div style="height:auto;padding:5px;">
    
    <a style="color:#FF0000" target="_blank"
    href="https://toyhou.se/link_here">
   ⋆ Social #1
  </a>
  
  <a style="color:#ffff00" target="_blank"
    href="https://toyhou.se/link_here">
  ⋆ Social #2
  </a>
  
  <a style="color:#00ff00" target="_blank"
    href="https://toyhou.se/link_here">
   ⋆ Social #3
  </a>
  
  <a style="color:#0000ff" target="_blank"
    href="https://toyhou.se/link_here">
  ⋆ Social #4
  </a>
  
  <br>
  
  </div>
    
  </div>
  <!-- end of left side -->
  
  <!-- right side -->
  	<div class="col-lg-6">
     
     <br>
  	  
  	  <div class="row">
  	  	
  	  	<!-- 1 - my characters -->
  <div class="col-lg-4">
<a href="https://toyhou.se/link_here">
<img src="IMG_HERE" 
 style="width:130px;height:auto;border-radius:5px;
 border:2px solid #ff0000">
  </a>
  
<br><br>

   <a href="LINK_HERE"
   style="color:#FF0000;"> 
      My Characters
   </A>
 </div> 
 <!-- -->
 
 <!-- 2 - Up for offer -->
 <div class="col-lg-4">
<a href="https://toyhou.se/link_here">
<img src="IMG_HERE" 
 style="width:130px;height:auto;border-radius:5px;
  border:2px solid #ffff00">
  </a>
  
<br><br>

   <a href="LINK_HERE"
   style="color:#ff8c00;"> 
      Up for offer
   </A>
    
 </div> 
 <!-- -->
 
 <!-- 3 - Commissions -->
 <div class="col-lg-4">
<a href="https://toyhou.se/link_here">
<img src="IMG_HERE" 
 style="width:130px;height:auto;border-radius:5px;
 border:2px solid #00ff00">
  </a>
  
<br><br>

   <a href="LINK_HERE"
   style="color:#00ff00;"> 
      Commissions
   </A>
    
 </div> 
 </div>
 <BR>
   
 <!-- --->
    <div style="padding:5px;border-radius:10px;overflow-y:scroll;max-height:90px;
              border:0.12em solid #0000ff">
     
     <p style="color:#d2691e"> 
     ☆ I like to sing, dance, pretend and kazoo! <br>
     ☆ What else can you put here hmm... <br>
     ☆ Maybe some fun facts about yourself?<BR>
     ☆ Oh, and this box also likes to scroll!<br>
     ☆ So if you ever feel like writing alot <br>
     ☆ In a tiny scrollable space,<br>
     ☆ Then go ahead and feel free! =3
     </p>
     
     </DIV>
     
     <!-- Code Credits! Modifying or moving them is fine, just don't delete it! -->
 <BR>
   <A style="color:#d2691e" HREF="https://toyhou.se/doritochan001"> Coded with 
   <SPAN STYLE="COLOR:#FF0000">r</SPAN>
   <SPAN STYLE="COLOR:#FFFF00">a</SPAN>
   <SPAN STYLE="COLOR:#00FF00">i</SPAN>
   <SPAN STYLE="COLOR:#0000FF">n</SPAN>
   <SPAN STYLE="COLOR:#FF0000">b</SPAN>
   <SPAN STYLE="COLOR:#FFFF00">o</SPAN>
   <SPAN STYLE="COLOR:#00FF00">w</SPAN>
   <SPAN STYLE="COLOR:#0000FF">s</SPAN>!</A>
 <br><br>
 <!-- -->
  </div> <!-- end row row row-->
  
</div> <!-- -->
</div> <!-- containter end -->
</div> <!-- font end -->
</center>