almond

<!--
WHATS UP MICROWAVE NATION IM BACK INTO CODERS QUARTERS FINALLY!!!!!! BASED
anyways just a simple little code idea i had for the holidays ^_^ i hope u like it!
-->

<div class="col-12 mx-auto">

    <div class="col-md-6 col-sm-12 mx-auto">

        <div class="rounded-circle bg-faded col-md-3 col-sm-12 p-3 mx-auto align-items-center justify-content-center" style="height: 120px">


<!-- this is.............. the same thing as normal i will not explain it again just remove the "fmh5Pynr140" from the embed and have fun putting the song u want in -->
            <span style="">
                          <iframe class="flex-fill"
                              style="height: 2em; width: 2em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
                                allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
                                allowfullscreen
                                src="https://www.youtube.com/embed/fmh5Pynr140"></iframe>

                                <i class="fas fa-play fa-3x mt-1"></i></span>

</div>
            <div class="col-md-10 col-sm-12 mx-auto bg-faded p-3" style="margin-top: -50px; z-index: -1;">

            <div class="mt-5" style="text-align: center">


<!-- name of song-->
                <p class="text-muted">

                   <em>#sawg - odaxelagnia (Wan Bushi remix)</em>

                </p>

            </div>


           </div>

                <div class="col-md-10 col-sm-12 mx-auto bg-faded">
            <div style="text-align: center;">

            <a class="btn" data-bs-toggle="collapse" data-toggle="collapse" href="#toppy" aria-expanded="false" aria-controls="toppy" style="cursor: pointer">
                <i class="fas fa-caret-down fa-2x"></i>

                </a>

            </div>


        <div class="collapse" id="toppy">

        <div class="p-3">

            <div class="row no-gutters">

<!-- profile picture. base icon is from pix and bit -->

                <div class="col-md-6 col-sm-12" style="background-image: url(https://pixandbit.neocities.org/pixbit/pixavatar.png); background-repeat: no-repeat; background-size: cover">
                </div>

                <div class="col-md-5 col-sm-12 ml-md-4 ml-md-0">

<!-- name -->

                    <div class="justify-content-between">

                        <p style="font-weight: 800">NAME:</p>

                        <p>lorem ipsum</p>

                    </div>

                    <!-- age -->

                    <div class="justify-content-between">

                        <p style="font-weight: 800">AGE:</p>

                        <p>450</p>

                    </div>

                    <!-- gender -->

                    <div class="justify-content-between">

                        <p style="font-weight: 800">GENDER:</p>

                        <p>agender</p>

                    </div>

                    <!-- pro-nouns -->

                    <div class="justify-content-between">

                        <p style="font-weight: 800">PRONOUNS:</p>

                        <p>they/it</p>

                    </div>

                    <!-- pro-nouns -->

                    <div class="justify-content-between">

                        <p style="font-weight: 800">BIRTHDAY:</p>

                        <p>??/??/1500</p>

                    </div>

                    <!-- end of basic info-->

                </div>

                <!-- QUOTE -->
                <div class="col-12 card rounded-0 border-0 p-3 text-muted mt-2" style="font-weight: 300">

                        <em>
                        WHEN LIFE GIVES ME LEMONS, I MAKE BEEF STEW!
                        </em>

                    </div>

                    <!-- end of the collapse -->

            </div>


        </div>


        <!-- end 2 -->

        </div>

            </div>


            <!-- end  fr dont remove the creit -->
            <div class="col-md-10 mx-auto col-sm-12">


            <a href="/micro-wave">

            <i class="fas fa-microwave"></i>

            </a>

            </div>

            </div>






    </div>

</div>