top 10 codes with no demand

<!--

my ass forgot to comment on this 😭

background color: #fff
text + border color: #000
p.a.u ability color: #ff0000

cmd + f as always lul

-->

<div class="col-md-8 col-sm-12 mx-auto p-0 mb-2" style="background-color: #fff; border: 4px solid #000">
    <div class="row no-gutters">

    <div class="col-md-6 col-sm-12 p-md-0 py-sm-5 align-items-center justify-content-center">

			<!-- side img, art by lonionjon. replace https://64.media.tumblr.com/e4694d4f91e6b8faefc4c1c267742a01/aff725c7c8bcffe4-6d/s1280x1920/5a851d46cd303c771505b130cb59ce8bf5f9e067.png with your image -->
        <div class="h-100 w-100 align-items-end justify-content-end p-2" style="background-image: url(https://64.media.tumblr.com/e4694d4f91e6b8faefc4c1c267742a01/aff725c7c8bcffe4-6d/s1280x1920/5a851d46cd303c771505b130cb59ce8bf5f9e067.png);
background-size: cover; background-position: center;">

<!-- img credit, change the thing in the "" after the href= to your link and the "" after title= to "art by _____" <- insert the name of the artist in place of the underscores -->
            <a href="https://lonionjon.tumblr.com/post/619042499609198592/kafuka-from-demonverse-by-nopanamaman-who-is-very" data-toggle="tooltip" title="image by lonionjon" style="color: #000">
                <i class="fas fa-camera"></i>
            </a>

        </div>
    </div>

		<!-- side img end -->


    <div class="col-md-6 col-sm-12 p-2" style="color: #000">
        <div class="row no-gutters">

	<!-- name -->
        <div class="col" style="font-family: courier; font-size: 32px; text-align: center">KAFKA</div>

	<!-- what are this demon's main purposes? -->
        <div class="col" style="font-family: courier;">
            <p class="mb-0" style="text-transform: capitalize; text-align: center">

		<!-- purpose 1 -->
                ENTERTAINMENT
            </p>
            <hr class="mb-0 mt-0" style="border-color: #000">
            <p style="text-transform: capitalize; text-align: center">

		<!-- purpose 2 -->
                COMPANIONSHIP
            </p>
        </div>

        </div>

			<!-- end of header -->

        <hr class="mb-3 mt-0" style="border-color: #000; border-width: 3px; border-radius: 5px">


<!-- all the skills -->
        <div class="col-auto">

		<!-- skill 1 -->
            <div class="justify-content-between">

			<!-- artistic ability -->
                <div class="col-auto p-0"><p style="font-size: 24px; font-family: courier">ART</p></div>

<!-- instead of the fal/fas thing i normally recommend, just delete the circles if you dont want them! or make them red to signify that the skill is enhanced by the anime powers. you do that by adding style="color: #ff0000" to the <i> class after the last quotation mark in the fas fa circle but before the >. hope this makes sense! -->
                <div class="col-auto p-0 align-items-center"><p style="font-size: 18px; font-family: courier">
                    <i class="fas fa-circle"></i>

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

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

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

                    <i class="fas fa-circle"></i>
                </p></div>

            </div>

<!-- skill 2 -->
            <div class="justify-content-between">

			<!-- social skills -->
                <div class="col-auto p-0"><p style="font-size: 24px; font-family: courier">SOC</p></div>

			<!-- rating -->
                <div class="col-auto p-0 align-items-center"><p style="font-size: 18px; font-family: courier">
                    <i class="fas fa-circle"></i>

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

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

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

                    <i class="fas fa-circle"></i>
                </p></div>

            </div>

<!-- skill 3 -->

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

			<!-- business management -->
                <div class="col-auto p-0"><p style="font-size: 24px; font-family: courier">BIS</p></div>

			<!-- rating -->
                <div class="col-auto p-0 align-items-center"><p style="font-size: 18px; font-family: courier">
                    <i class="fas fa-circle"></i>

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

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

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

                    <i class="fas fa-circle"></i>
                </p></div>

            </div>

<!-- skill 4 -->

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

			<!-- housekeeping and/or cooking -->
                <div class="col-auto p-0"><p style="font-size: 24px; font-family: courier">HSK</p></div>

			<!-- rating -->
                <div class="col-auto p-0 align-items-center"><p style="font-size: 18px; font-family: courier">
                    <i class="fas fa-circle"></i>

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

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

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

                    <i class="fas fa-circle"></i>
                </p></div>

            </div>

<!-- skill 5 -->

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

			<!-- taking care of children animals old or sick people. or empathy/emotional support -->
                <div class="col-auto p-0"><p style="font-size: 24px; font-family: courier">CARE</p></div>

			<!-- rating -->
                <div class="col-auto p-0 align-items-center"><p style="font-size: 18px; font-family: courier">
                    <i class="fas fa-circle"></i>

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

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

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

                    <i class="fas fa-circle"></i>
                </p></div>

            </div>

<!-- skill 6 -->

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


			<!-- physical strength -->
                <div class="col-auto p-0"><p style="font-size: 24px; font-family: courier">PHYS</p></div>


			<!-- rating -->
                <div class="col-auto p-0 align-items-center"><p style="font-size: 18px; font-family: courier">
                    <i class="fas fa-circle"></i>

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

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

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

                    <i class="fas fa-circle"></i>
                </p></div>

            </div>

<!-- skill 7 -->

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

			<!-- intelligence -->
                <div class="col-auto p-0"><p style="font-size: 24px; font-family: courier">INTL</p></div>


			<!-- rating -->
                <div class="col-auto p-0 align-items-center"><p style="font-size: 18px; font-family: courier">
                    <i class="fas fa-circle"></i>

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

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

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

                    <i class="fas fa-circle"></i>
                </p></div>

            </div>

<!-- skill 8 -->

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

			<!-- demon technique. basically their powers -->
                <div class="col-auto p-0"><p style="font-size: 24px; font-family: courier">DT</p></div>

			<!-- rating -->
                <div class="col-auto p-0 align-items-center"><p style="font-size: 18px; font-family: courier">
                    <i class="fas fa-circle"></i>

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

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

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

                    <i class="fas fa-circle"></i>
                </p></div>

            </div>
        </div>

<!-- end of the skills -->

        <hr class="mt-3 mb-0" style="border-color: #000; border-width: 3px; border-radius: 5px">

<!-- power 1 -->

        <div class="col-auto">
            <div class="h-100 align-items-center" style="border-radius: 1em;" id="accordion">
                        <div class="col py-2 px-0">

                            <!-- passive ability -->

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

                                <span style="font-size: 24px; font-family: courier">
                                    P
                                </span>

							<!-- name of the power -->
                                <a style="cursor:pointer; font-size: 24px; font-family: courier; color: #ff0000" data-toggle="collapse" data-target="#skill1" aria-expanded="true" aria-controls="skill1">
                                    PHANTOM HULL
                                </a>

                            </div>

						<!-- collapse -->
                            <div id="skill1" class="collapse" data-parent="#accordion" style="font-family: courier">

							<!-- description of the power. can be as long or as short as you want. expands. -->
                                "do you like the smell of burning flesh?"
                            </div>

                            <!-- end of passive ability -->

                            <hr class="my-1">

                            <!-- ability that requires effort -->

                            <div class="justify-content-between">
                                <span style="font-size: 24px; font-family: courier">
                                    A
                                </span>

							<!-- name of power -->
                                <a class="px-2" style="cursor:pointer; font-size: 24px; font-family: courier; color: #ff0000" data-toggle="collapse" data-target="#skill2" aria-expanded="true" aria-controls="skill2">
                                    S.R.T - METAMORPHOSIS
                                </a>
                            </div>


						<!-- collapse -->
                            <div id="skill2" class="collapse" data-parent="#accordion" style="font-family: courier">
                                was the first thing that girl ever said to me
                            </div>

                            <!-- end of soul consuming ability -->

                            <hr class="my-1">

                            <!-- cool anime ultimate skill -->

                            <div class="row no-gutters justify-content-between">
                                <span style="font-size: 24px; font-family: courier">
                                    U
                                </span>

							<!-- name of the anime skill -->
                                <a class="px-2" style="cursor:pointer; font-size: 24px; font-family: courier; color: #ff0000" data-toggle="collapse" data-target="#skill3" aria-expanded="true" aria-controls="skill3">
                                    FULL ECLIPSE
                                </a>
                            </div>

                          <!-- collapse -->
                            <div id="skill3" class="collapse" data-parent="#accordion">
                                and at that point i knew that this whole ordeal
                            </div>

                                <!-- end of anime ult -->

                        </div>
                        </div>
        </div>
    </div>

<!-- end of code. dont remove credit -->

    </div>
</div>
<div class="col-md-8 col-sm-12 mx-auto p-0 justify-content-center">
<a href="/micro-wave" data-toggle="tooltip" title="code by micro-wave"><i class="fas fa-microwave"></i></a>
</div>