F2U ✦ starstruck

<!--------------------------------------------------------------------------------

✦ ⋯ ACCENT COLORS
     > accent #1: 526682

✦ ⋯ TO CHANGE THE MARGINS
     > adjust the max-width: 550px; to what best suits your tastes.
     > you may also add a certain height to it (min-height: 0px;),
     though i do not think it looks good.

--------------------------------------------------------------------------------->


  <div class="card bg-transparent m-5 border-0 mx-auto"
       style="max-width: 550px;">




<!--------------------------------------------------------------------------------

✦ ⋯ START OF THE CODE
     > main information

--------------------------------------------------------------------------------->


    <div class="row no-gutters">

        <!--------- doll / decoration image ------------------------------------->
        <div class="col-lg-4">
            <img src="URL">
    </div>


    <div class="col-lg-8">
        <p class="m-2"
           style="font-size: 18px;">
            <font style="color:#526682;">
                ✸
            </font>

            <font style="letter-spacing: .2em">
                <i>USER</i>
            </font>

            <font style="opacity: 0.4;
                         color:#526682;">
                ✦
            </font>

            NAME

            <font style="opacity: 0.4;
                         color:#526682;">
                ✦
            </font>

            AGE

            <font style="opacity: 0.4;
                         color:#526682;">
                ✦
            </font>

            PRO / NOUNS
        </p>




<!--------------------------------------------------------------------------------

✦ ⋯ DIVIDER
     > to add an IMAGE divider, simply use this code instead:
     > you can adjust or entirely remove opacity if you wish.

     <img class="mb-2 my-2"
         src="URL"
         style="opacity: 0.3;">

--------------------------------------------------------------------------------->


    <!--------- divider --------------------------------------------------------->
    <div class="card bg-transparent mb-3 my-3"
         style="border-top: 1px solid #526682;
                border-bottom: 0px solid;
                border-left: 0px solid;
                border-right: 0px solid;
                filter: drop-shadow(0px 0px 2px #526682);
                opacity: 0.5;"></div>

    <!--------- about ----------------------------------------------------------->
    <p class="m-1"
       style="text-align: center; font-size: smaller;">

         put an info blurb here. it looks better if its shorter, but honestly go crazy! talk about yourself, your interests, etc.

    </p>


    <!--------- divider --------------------------------------------------------->
    <div class="card bg-transparent mb-3 my-3"
         style="border-top: 1px solid #526682;
                border-bottom: 0px solid;
                border-left: 0px solid;
                border-right: 0px solid;
                filter: drop-shadow(0px 0px 2px #526682);
                opacity: 0.5;"></div>




<!--------------------------------------------------------------------------------

✦ ⋯ LINKS
     > any kind of links or information can be listed here!
     > feel free to heavily edit & customize the aesthetics yourself.

--------------------------------------------------------------------------------->


    <!--------- link # 1 -------------------------------------------------------->
    <p class="m-1">
        <font style="color:#526682;">
            ⯏
        </font>

        （
             about me
        ）

        <a href="URL"
           style="color:#526682;">
            link
        </a>
    </p>


    <!--------- link # 2 -------------------------------------------------------->
    <p class="m-1">
        <font style="color:#526682;">
            ⯏
        </font>

        （
             commissions
        ）

        <a href="URL"
           style="color:#526682;">
            open / closed / ask
        </a>
    </p>


    <!--------- link # 3 -------------------------------------------------------->
    <p class="m-1">
        <font style="color:#526682;">
            ⯏
        </font>

        （
             secondary accounts
        ）

        <a href="URL"
           style="color:#526682;">
            account
        </a>

            /

        <a href="URL"
           style="color:#526682;">
            account
        </a>
    </p>


    <!--------- divider --------------------------------------------------------->
    <div class="card bg-transparent mb-3 my-3"
         style="border-top: 1px solid #526682;
                border-bottom: 0px solid;
                border-left: 0px solid;
                border-right: 0px solid;
                filter: drop-shadow(0px 0px 2px #526682);
                opacity: 0.5;"></div>



<!--------------------------------------------------------------------------------

✦ ⋯ EXTRA INFO
     > list or link things like DNI, FAQ, T.O.S etc here!
     > this section is honestly optional.

--------------------------------------------------------------------------------->


    <!--------- extra # 1 ------------------------------------------------------->
    <p class="m-1">
        <font style="color:#526682;">
            ⯏
        </font>

        （
             T.O.S
        ）

        please make sure to take the time to read my terms of service, which can be found
        <a href="https://toyhou.se/17355954.t-o-s"
           style="color:#526682;">
            here.
        </a>
    </p>


    <!--------- extra # 1 ------------------------------------------------------->
    <p class="m-1">
        <font style="color:#526682;">
            ⯏
        </font>

        （
             F.A.Q
        ）

        i do not have a FAQ, but feel free to ask questions applicable to coding/broken code. i however may ignore questions on how to code, as sometimes i do not have the energy to respond. thank you!
        </a>
    </p>

    </div>



<!--------------------------------------------------------------------------------

✦ ⋯ CREDITS
     > please do not remove!
     > you MAY edit / move it around for aesthetics / personal aesthetics,
     however it must STILL remain visible !

--------------------------------------------------------------------------------->


  <p class="mx-auto p-2">
      <a href="https://toyhou.se/29519406.f2u-starstruck">
          <i class="fa-solid fa-code tooltipster"
             title="code by bumblebree" data-toggle-original="code by bumblebree"
             style="color: #526682;
                    opacity: 0.4;"></i>
      </a>
  </p>
  </div>

  </div>