font color: #c5a7f7
    background-color: #260b52

-->
    
    <div class="row no-gutters d-flex justify-content-center">
        <!-- banner -->
          <div style="background-image: url(https://i.pinimg.com/736x/98/7f/e2/987fe28d28a8dae9b335ffc52f92df38.jpg); height: 50px; background-size: cover; background-position: center;
            " class="col-md-9"
          ></div>
    </div>
    
    <!-- edit font here! -->
  <div class="row no-gutters p-1 d-flex justify-content-center" style="color: #c5a7f7; font-family: comic sans ms; font-weight: 300">
      
    <!-- left column -->
    <div class="col-md-2 p-2 text-center " style="background-color: #260b52;">
        
      <center>
          
          <!-- pfp\image -->
        <img
          src="https://i.postimg.cc/fLtrHm7C/IMG-0095.jpg"
          style="height: 150px; width: 150px; border-radius: 15px;"
        />
      </center>
        
        <!-- username\pronouns -->
      <br />
      <h6>
        <u>
          ‎‧₊˚✧Daniiskool✧˚₊‧
          <img
            src="https://pixels.crd.co/assets/images/gallery07/93d5dac1.gif?v=99d3974e"/>
          Any Pronouns XD
        </u>
      </h6>
        
        <!-- divider -->
      <img
        src="https://gifcity.carrd.co/assets/images/gallery38/b77d54b6.gif?v=e3c0bc0f"
      />
        
        <!-- song -->
      <div>
        <i class="fas fa-play" style="color: #c5a7f7; padding: 4px"></i>

        song - artist
        
        <!-- take the url from a youtube video and select the stuff *after* "v="!
        then place it after embed/ in the href link :3
        (ignore the fact there's a longer URL here itll work for you guys different) -->
        
        <iframe
          style="width: 25px; height: 25px; position: absolute; opacity: 0; margin-left: -110px;"
          src="https://www.youtube.com/embed/8ws-49HHK60?si=oHRV3RtL_T2mNizf"
        ></iframe>
        
        <!-- divider -->
        <img
        src="https://gifcity.carrd.co/assets/images/gallery38/b77d54b6.gif?v=e3c0bc0f"/>
        
      </div>
        
        <!-- FLAGS -->
      <div class="justify-content-around">
          
          <!-- 1 -->
        <span data-toggle="tooltip" title="bigender">
            <a href="https://toyhou.se/32315427.my-tiny-pride-flags-v2">
          <img
            src="https://i.postimg.cc/7YsSLdrC/IMG-0099.png"
            style="height: 20px"
          />
        </a>
        </span>
        
        <!-- 2 -->
        
        <span data-toggle="tooltip" title="Pansexaul">
            <a href="https://toyhou.se/32315427.my-tiny-pride-flags-v2">
          <img
            src="https://i.postimg.cc/vZ58KxhQ/IMG-0100.png"
            style="height: 20px"
          />
        </a>
        </span>
        

        
      </div>
      
      <!-- blinkies -->
      <div class="mt-2" style="max-height: 100px; overflow-y: scroll; scrollbar-width: none">
          
          <!-- 1 -->
          <img src="https://gifcity.carrd.co/assets/images/gallery15/8dee4549.gif?v=e3c0bc0f">
          
          <!-- 2 -->
          <img src="https://gifcity.carrd.co/assets/images/gallery15/2d87d84d.gif?v=e3c0bc0f">
          
          <!-- etc -->
          <img src="https://gifcity.carrd.co/assets/images/gallery15/0fe5b847.gif?v=e3c0bc0f">
          
          <img src="https://gifcity.carrd.co/assets/images/gallery15/f267adf3.jpg?v=e3c0bc0f">
          
          <img src="https://gifcity.carrd.co/assets/images/gallery15/6e35deb3.gif?v=e3c0bc0f">
      </div>
      
    </div>

    <!-- middle column -->
    <div class="col-md-5 ml-1 p-2" style="background-color: #260b52;">
        
      <!-- buttons -->
      <div class="d-flex nav justify-content-around">
          
          <!-- abt button -->
        <a class="nav-item nav-item" href="#about" data-toggle="tab" role="tab">
          <i class="fa-solid fa-user" style="color: #ed2020"></i>
        </a>
        
            <!-- interests button -->
        <a class="nav-item nav-item" href="#interests" data-toggle="tab" role="tab">
          <i class="fa-solid fa-moon" style="color: #e27b1c"></i>
        </a>
        
            <!-- byi button -->
        <a class="nav-item nav-item" href="#byi" data-toggle="tab" role="tab">
          <i class="fa-solid fa-circle-exclamation" style="color: #eee613"></i>
        </a>
        
      </div>
        
        <!-- actual tabs -->
      <div class="tab-content">
          
        <!-- about -->
        <div id="about" class="tab-pane active">
          <div class="row no-gutters p-1">
            <div
              class="text-left col"
              style="max-height: 170px; overflow-y: scroll"
            >   
                <!-- header-->
              <h6><u> about.. </u></h6>
                
                <!-- text-->
              <p>IM DANI :3</p>

              <p>
               𓆝 𓆟All are welcome unless youre a creep. Ermmmm ask first if you wanna be friendz𓆝 𓆟  
          

        <!-- interests -->
        <div id="interests" class="tab-pane">
          <div class="row no-gutters p-1">
            <div
              class="text-left col"
              style="height: 170px; overflow-y: scroll"
            >
                <!-- header -->
              <h6><u> interests.. </u></h6>
                
                <!-- text-->
              <p> <img src="https://gifcity.carrd.co/assets/images/gallery292/697008b1.gif?v=e3c0bc0f"> 
              <b>media:</b> demon slayer, mha, mlp
              <br>
               <img src="https://gifcity.carrd.co/assets/images/gallery298/79c05ee5.gif?v=e3c0bc0f"> 
               <b>music:</b> HAMILTON, ptv, panic at the disco, gorillaz
               <br>
               <img src="https://gifcity.carrd.co/assets/images/gallery13/e93d88ae.gif?v=e3c0bc0f"> 
               <b>games:</b> life is strange, minecraft, detroit
               </p>
               
            </div>
          </div>
          
        </div>
        
        <!-- BYI\DnI -->
        <div id="byi" class="tab-pane">
          <div class="row no-gutters p-1 mt-1">
            <div
              class="text-left col"
              style="height: 170px; overflow-y: scroll"
            >
                <!-- header-->
              <h6><u> BYI\DNI !! </u></h6>
                
                <!-- text-->
              <p>
                put stuff u dislike or want ppl to kno here .. <br>
                meanies >:( <br>
                
              </p>
               
            </div>
          </div>
        </div>
        
        <!-- comms\trades\etc-->
        <div class="row no-gutters p-1">
            <div
              class="text-right col"
              
            >
              <p style="font-size: 15px">
                  
                  <a href="https://toyhou.se/puppiicat"><i class="fa-regular fa-bone mr-3"></i></a>
                  
                <img
                  src="https://gifcity.carrd.co/assets/images/gallery38/29a050d2.gif?v=e3c0bc0f"
                  style="height: 30px"
                />
                <b>comms:</b> closed
                <img
                  src="https://gifcity.carrd.co/assets/images/gallery292/3cc61c5a.gif?v=e3c0bc0f"
                />
                <b>trades:</b> closed
                <img
                  src="https://gifcity.carrd.co/assets/images/gallery13/e93d88ae.gif?v=e3c0bc0f"
                />
                <b>requests:</b> closed
              </p>
            </div>
          </div>
        
        <!-- divider-->
        <div
          style="
            background-image: url(https://gifcity.carrd.co/assets/images/gallery38/b77d54b6.gif?v=e3c0bc0f);
            height: 23px;
          "
        ></div>

        <!-- character links-->
        <div class="row no-gutters d-flex justify-content-around">
          <a href="LINK_TO_CHARACTER">
            <img
              src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/93631152_Szf_30869989.png?1738549842"
              style="height: 110px; border-radius: 100px;"
              class="tooltipster"
              target="_blank"
              data-toggle="tooltip"
              title="NAME"
            />
          </a>

          <a href="LINK_TO_CHARACTER">
            <img
              src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/94627796_b27_30869972.png?1740279731"
              style="height: 110px; border-radius: 100px;"
              class="tooltipster mb-1"
              target="_blank"
              data-toggle="tooltip"
              title="NAME"
            />
          </a>

          <a href="LINK_TO_CHARACTER">
            <img
              src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/96315352_YY8.png"
              style="height: 110px ;border-radius: 100px;"
              class="tooltipster"
              target="_blank"
              data-toggle="tooltip"
              title="NAME"
            />
          </a>
          
          <a href="LINK_TO_CHARACTER">
            <img
              src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/96360992_1UB.png"
              style="height: 110px; border-radius: 100px;"
              class="tooltipster"
              target="_blank"
              data-toggle="tooltip"
              title="NAME"
            />
          </a>
        </div>
      </div>
    </div>
    
    <!-- stamp column -->
    <div class="col-2 text-center ml-2 p-2" style="max-height: 412px; overflow-y: scroll; scrollbar-width: none; background-color: #260b52;">
        
        <img src="https://i.postimg.cc/63z60VHf/IMG-0090.jpg">
        
        <img src="https://i.postimg.cc/Sxp0n2dS/IMG-0103.jpg">
        
        <img src="https://i.postimg.cc/k4kCwjQ8/IMG-0104.jpg">
        
        <img src="https://i.postimg.cc/6QgFN88x/IMG-0083.jpg">
        
        <img src="https://i.postimg.cc/YSGy8tbn/IMG-0091.jpg">
        
        <img src="https://i.postimg.cc/SRC2k1k7/IMG-0112.jpg">
        
        <img src="https://i.postimg.cc/VsnWYD7V/IMG-0106.jpg">
        
        <img src="https://i.postimg.cc/k52WLc6w/IMG-0107.jpg">
        
        <img src="https://i.postimg.cc/B6xPGwq5/IMG-0108.jpg">
        
        <img src="https://i.postimg.cc/dVqXCK5D/IMG-0105.jpg">
        
        <img src="https://i.postimg.cc/G3qxfH9M/IMG-0113.jpg">
        
        <img src="https://i.postimg.cc/PJRZ5vwT/IMG-0111.jpg">
        
        <img src="https://i.postimg.cc/K8Xkp27q/IMG-0110.jpg">
        
        <img src="https://i.postimg.cc/J4XtkFwb/IMG-0109.jpg">

    </div>
    
  </div>