neon whitehouse

<!-- hi hara nation no i didnt think id release 2 codes this month either

colors:
sidebar with quote: #b68648
background gradient: #0e0f11 + #271416
text color: white
icons: red
box: 0,0,0,0.5
-->

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

    <div class="col-12">
        <div class="row no-gutters">

          <!-- bar-->
            <div class="col-1" style="background-color: #b68648; z-index: 1; max-height:260px; overflow: auto; white-space: nowrap;">

            <!-- well heres a little quote for ya. or tagline. or whatever idk-->
            <p  style="color: #030d17; font-family: Georgia, serif; font-weight: 600; margin-left: -.5px; margin-top: 4px; transform: rotate(90deg); cursor: vertical-text">
                technically this can be as long as you want because it scrolls!
            </p>
            </div>
            <div class="col-11 p-1" style="background-image: linear-gradient(#0e0f11, #271416); max-height:260px; overflow: hidden">


                <!-- lorum ipsum is your ocs name -->
                <div class="col-md-7 col-sm-12 p-1" style="border-radius: 5px; position: absolute; z-index: 1; margin-left: 100px; font-family: Georgia, serif; text-shadow: 0px 0px 5px white; color: white">
                    <span style="font-size: 16px">Lorem Ipsum</span>
                    <br>

                    <!-- you can change what these say by changing the thing in the quotes that doesn't say "tooltip" (i.e "she/he/they", "nonbinary", but keep the quotes because thats what makes it work. you can also change the icons (fas fa-biohazard stuff like that) by getting your icon from fontawesome.com and just. replacing the fa-biohazard fa-paw-claws fa-dice with that -->
                    <p class="float-md-right mx-sm-auto" style="text-shadow: 0px 0px 5px red; color: red">
                        <span data-toggle="tooltip" title="she/he/they" data-original-title="she/he/they"><i class="fas fa-biohazard"></i></span>
                        <span data-toggle="tooltip" title="nonbinary" data-original-title="nonbinary"><i class="fas fa-paw-claws"></i></span>
                        <span data-toggle="tooltip" title="cat??" data-original-title="cat??"><i class="fas fa-dice"></i></span>
                        </p>
                </div>

                <div class="row no-gutters">

                <div class="col-md-9 col-sm-12" style="position: absolute; margin-top: 150px; z-index: 2; font-family: Lucida Console, monospace; text-shadow: 0px 0px 5px white; color: white; margin-left: 3px">

                  <!-- i guess this is the ocs name again?? sorry for using a fuckt up font btw -->
                    <span class="fa-beat-fade" style="font-size: 25px; fa-beat-fade-opacity: 0.7;">𝕹𝖊𝖔𝖓 𝖂𝖍𝖎𝖙𝖊</span>
<!-- short description -->
                    <div class="p-1" style="background-color: rgba(0,0,0,0.5); border-radius: 5px; font-style: italic; font-size: 12px; max-height: 63px; overflow: auto"> Neon White is a lightning fast, first person action platformer set beyond the pearly gates of Heaven.</div>
                </div>

<!-- if you want this behind the text on mobile change z-index:3 to z-index:0 -->
                <div class="col-md-3" style="position: absolute; margin-top: 230px; margin-right: -150px; font-family: Lucida Console, monospace; text-shadow: 0px 0px 5px red; color: red; margin-left: 3px;  z-index:3">
                    <a href="/micro-wave" style="margin-left: 235px; color: red;" data-toggle="tooltip" title="code by micro-wave" data-original-title="code by micro-wave"><i class="fal fa-eye"></i></a>
                </div>
                </div>

                <!-- from doing a bunch of tests i recommend tall and slim images. like pagedolls! although i might. be wrong feel free to dm me for help LOL on micro-wave or hopeiess idc. art by alienkiid and if u wanna replace it with ur oc replace the https://f2.toyhou.se/file/f2-toyhou-se/images/43973607_VkjEsm0g72bVR2A.png -->
                <div style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/43973607_VkjEsm0g72bVR2A.png); padding-top: 100%; background-size: cover; z-index: -1;"></div>


            </div>
        </div>
    </div>
    <!-- end -->
</div>