01. Cool Neon

   

   <!-- HiisDWAFESRGDTHFYTDRGSE I LOWKEY HATE THIS CODE LMAOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO

#0000FF Solid Blue
#00FFFF Dashed Aqua
#FFFFFF White
#000000 Solid Black
#FF00FF Magenta
-->

<div class="box" style="
  display: flex;
  background: #000000;
  border:2px solid #00ffff;border-radius:10px 10px 0px 0px;margin:0px;width:65%;margin:auto">
  <!--- IUHAJEKWA--->
  <div class="in" style="border-radius:10px;
  background-color: #000000;
  margin: 6px;
  padding: 5px;border:2px solid #ff00ff;max-height:250px;overflow-y:scroll;scrollbar-width: none;">
    <!--- USER --->
    
 <h1 style="color:#0000ff;margin:0px">
   username // nickname
 </h1>
    
    <p style="color:#ffffff"> gender ☆ age ☆ pro/noun ☆ species </p>
    
    <hr style="border:1px dashed #ff00ff">
    
 <p style="color:#ffffff"> 
    I am just your average Toyhouse user who likes making cool original characters and cool original art. I am from earth and I am a living breathing being. Nice to meet you. These text boxes can scroll too, so feel free to length this text to your hearts content.
   <br> <br>
   Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself
Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself
    </p>
    
 </div>
  <!--- END OF ABOUT. --->
  
   <div style="
  background-color: #000000;
  margin: 6px;
  padding: 5px;border:0.1em solid #00ffff;border-radius:10px;
width:100%;">
  <!--- filler image IDC--->
    <img src="https://i.ibb.co/1Y54wD8s/cat2.jpg"
style="width:200px;height:Auto">
    
     <p style="color:#ffffff">
meow
     </p>
    
  </DIV>
</div>
<!--- End of box 1! --->

<!-- Start of box 2! --->
<div class="box" style=" display: flex;
  background: #000000;
  border:2px solid #00ffff;border-radius:0px 0px 10px 10px;margin:0px;width:65%;margin:auto">
  <div style="
  background-color: #000000;
  margin: 6px;padding: 5px;border:0.1em solid #00ffff;border-radius:10px;
scrollbar-width: none;width:100%;
overflow-y:scroll;max-height:220px;text-align:center">
    <!-- socials section 1/3 -->
    
 <a style="color:#0000ff"
    href="https://toyhou.se/link_here">
   Social #1
  </a>
<span style="color:white">☆</span>
    <a style="color:#0000ff"
       href="https://toyhou.se/link_here">
   Social #2
  </a>
    
    <br>
    
    <a style="color:#0000ff"
       href="https://toyhou.se/link_here">
   Social #3
  </a>
    <span style="color:white">☆</span>
    <a style="color:#0000ff"
       href="https://toyhou.se/link_here">
   Social #4
  </a>
  
    <br>
    
    <a style="color:#0000ff"
       href="https://toyhou.se/link_here">
   Social #5
  </a>
    <span style="color:white">☆</span>
    <a style="color:#0000ff"
       href="https://toyhou.se/link_here">
   Social #6
  </a>
  
  <br>
  
     <a style="color:#0000ff"
        href="https://toyhou.se/link_here">
   E-mail
  </a>
    <br>
    <BR>
    <Img src="https://i.ibb.co/1G6bk581/imgur.png" style="width:150px;height:auto;">
    <br> 
    <!--- my credits hehe -->
<A href="https://toyhou.se/doritochan001" style="text-align:center;color:#999;text-decoration:none">
 Coded with love
  </a>
    
  </div>
  <!--- Social section END --->
  
  <!--- Section 2/3 --->  
  <div style="
  background-color: #000000;
  margin: 6px;
  padding: 5px;border:0.1em solid #00ffff;border-radius:10px;
scrollbar-width: none;width:100%;
overflow-y:scroll;max-height:220px;">
  <h1 style="color:#00FFFF;margin:0px">
    before following...
    </H1>
    
    <hr style="border:1px dashed #00ffff">
  
  <p style="color:#ffffff"> Warn your viewers about potential content they may see </p>
 
    <h1 style="color:#ffffff;margin:0px"></h1>
    
<p style="color:#ffffff">
Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself
</p>
  </div>
  <!--- Section 2 END --->

  <!-- Now here's where it gets fun. Interests!
  Section 3/3 --->
  <DIV STYLE="
  background-color: #000000;
  margin: 6px;padding: 5px;border:0.1em solid #ff00ff;border-radius:10px;max-height:220px;
 overflow-y:scroll;scrollbar-width: none;width:100%">
    <h1 style="color:#0000ff;margin:0px">fandoms!</h1>
    
 <hr style="border:1px dashed #ff00ff"> 
    
<p style="color:#ffffff">
☆ Talk about your interests or things you really like. <br>
☆ Specific video game <br>
☆ Specific anime. <br>
☆ Specific manga <BR>
☆ Specific show <br>
☆ Literally almost <br>
☆ Anything you <br>
☆ Can think of! <br>
  <br> <br>
  Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself Here's an example so you can scroll yourself
</p>
    
  </DIV>
</div>
</div>