html info code

<div class="container">

    <div class="card p-2 bg-faded col-md-4 mx-auto mb-3" style="max-height:325px;overflow-y:auto;scrollbar-width:thin;">

        <!-- title -->
        <p align="center" style="font-size:20px;font-family:Times New Roman;">00. Title</p>

            <div class="row no-gutters d-flex justify-content-around mb-2">

                <!-- tags , feel free to edit the number after 'col-' to change the sizes of the pills -->
                <span class="badge badge-primary badge-pill col-2">F2U</span>
                <span class="badge badge-primary badge-pill col-2">HTML</span>
                <span class="badge badge-primary badge-pill col-3">BOOTSTRAP</span>
                <span class="badge badge-primary badge-pill col-4">MOBILE-FRIENDLY</span>

            </div>

            <!-- about the code -->
            <div class="card p-2 col-md-12 mx-auto">

                <p class="mb-0" align="center" style="font-size:16px;font-family:calibri;">

                random info or lore behind why you made this code!!! this expands ^^

                </p>

            </div>

        <div class="mb-2"></div>

        <!-- tos / info -->
        <ul style="font-size:16px;font-family:calibri;">

		<li>write any important info here, such as</li>
        <li>disable WYSIWYG if you want the html to work properly!</li>
        <li>do not repost the code. feel free to remove the credit off of this specific code!</li>
        <li>feel free to modify my codes and frankenstein them with others (with credit, of course).</li>
		<li>if the text gets too long, the main card scrolls, so write as much as you want!</li>

        </ul>

        <!-- credit ! feel free to remove since the code is so simple, but i appreciate people who keep it ! -->
        <p align="center" class="text-primary tooltipster" title="html info code by elltaker" data-toggle="tooltip"><a href="https://toyhou.se/elltaker"><i class="fa-regular fa-code"></i></a></p>

    </div>

    <div style="text-align:center">

      <!-- link to code -->
      <a href="LINK"><span class="btn btn-outline-primary col-md-4">click for code!</span></a>

    </div>

</div>

<hr>