[f2u] catboard box (code)

<!-------------------------------------------
    |           CATBOARD BOX           | 
    |           by Zylphide            | 
---------------------------------------------

fishing line: #eeeeee
fish: #DBAC87
paw fur: rgba(255,255,255,1)
toe beans: #E18A9D
cardboard box: rgba(255,255,255,1)
tape: #eeeeee
stat: 
text:

----->

<!----- top section ------>
<div class="row justify-content-center">
    <!----- fishing line --->
    <div class="col-12 justify-content-center mb-0">
        <hr class="mb-0" style="height: 150px; width: 1px; background-color: #eeeeee">
    </div> 
    <!----- fish ----->
    <div class="col-12 justify-content-center mt-0 mb-3">
        <span style="color: #DBAC87; font-size: 4rem; margin-top: -8px"><i class="fas fa-fish-cooked fa-rotate-270"></i></span>
    </div>
    <!----- fish END ----->
</div>
<!------ top section END ---->
            
<!----- paw section ----->
<div class="row justify-content-center m-0">
    <!---- paw left ---->
    <div class="col-md-1 col-6 justify-content-center m-0">
        <!---change rgba numbers to change fur color ---->
        <div class="card px-2 py-0 justify-content-center" style="height: 50px; background: rgba(255,255,255,1); ; 
            border-top-right-radius:30px;
            border-top-left-radius:30px;
            border-bottom-right-radius:0px;
            border-bottom-left-radius:0px;">
                        
        <!---- change color hex code to change toe bean color ----->
            <span style="color: #E18A9D;"><i class="fas fa-paw" style="font-size: 2rem"></i></span>             
        </div>
    </div>
    <!---- paw left END ---->
            
    <!---- paw right END ---->
    <div class="col-md-1 col-6 justify-content-center m-0">
    <!---change rgba numbers to change fur color ---->
        <div class="card px-2 py-0 justify-content-center" style="height: 50px; background: rgba(255,255,255,1); ; 
                border-top-right-radius:30px;
                border-top-left-radius:30px;
                border-bottom-right-radius:0px;
                border-bottom-left-radius:0px;">
                    
            <!---- change color hex code to change toe bean color ----->
            <span style="color: #E18A9D;"><i class="fas fa-paw" style="font-size: 2rem"></i></span>             
            </div>
    </div>
        <!---- paw right END ---->
        </div>
<!----- paw section END ---->


<!----- bottom section ------>
<div class="row no-gutters justify-content-center">

    <!---- box ---->
    <div class="col-lg-3 px-3" style="height: 300px; background: rgba(174,146,106,1); color: #3e3326;">
            
        <div class="row">
                
            <!---- tape left ----->
            <div class="col-1 pt-5" style="background: rgba(255,255,255,.1)"></div>   
            <!---- tape left END ----->
                
            <!--- inner text info ----->
            <div class="col-10 py-3"  style="height: 300px; overflow: auto;">
                <div class="col-12 mb-1">
                    <!---- stat 1 ----->
                    <div class="col-lg-12 mb-2">
                        <span class="text-uppercase" style="color: #695742"><b>stat</b></span>
                        <span class="pull-right">info</span>
                    </div>
                    <!---- stat 1 END ----->
                            
                    <!---- stat 2 ----->
                    <div class="col-lg-12 mb-2">
                        <span class="text-uppercase" style="color: #695742"><b>stat</b></span>
                        <span class="pull-right">info</span>
                    </div>
                    <!---- stat 2 END ----->
                            
                    <!---- stat 3 ----->
                    <div class="col-lg-12 mb-2">
                        <span class="text-uppercase" style="color: #695742"><b>stat</b></span>
                        <span class="pull-right">info</span>
                    </div>
                    <!---- stat 3 END ----->
                </div>
            
                
                <!---- description, will scroll----->
                        
                Cat sit like bread meow go back to sleep owner brings food and water tries to pet on head, so scratch get sprayed by water because bad cat rub face on everything. Mew purr for no reason so yowling nonstop the whole night fish i must find my red catnip fishy fish. flex claws on the human's belly and purr like a lawnmower purr. Purr. 
                <!---- description END ----->
                </div>
            <!--- inner text info END ----->
                
            <!---- tape right ----->
            <div class="col-1 pt-5" style="background: rgba(255,255,255,.1)"></div>
            <!---- tape right END ----->
        </div>
    </div>
    <!---- box END ---->    
</div>
<!----- bottom section ------>
<!--- credits, do not remove! ---->
<div class="col-12 text-center"><a class="pt-2" style="font-size:12px; color: #E18A9D" href="https://toyhou.se/~forums/16.htmlcss-graphics/181004.-zyl-kamuiia-s-organic-html-new-12-8-"><i class="fa fa-dragon fa-flip-horizontal" title="code by Zylphide"></i></a></div>
<!--- credits, do not remove! ---->