CHARA BIO 02 (CODE)

hxh

Profile


<p><b style="font size:14px;">do NOT remove credit! feel free to change the color though!</p><p>please favorite, and comment or dm if you have questions!</p></b>

<div style="position:relative;width:600px; height:555px; border:4px solid #999999; padding:4px;margin:auto;">

<div style="position:absolute;border-radius:100%;width:44px;height:44px;line-height:0px; padding:5px;font-size:26px; border:4px solid #bababa; border-spacing:20px;margin-top:5px;margin-left:5px;color:#636363;"> <i class="fas fa-globe"></i></div><div style="position:absolute;margin-top:-5px;margin-left:55px;font-size:44px; font-family:arial; font-weight:bold; color:#525252">CHARA NAME</div>

<div style="border:4px solid #999999; background:url(https://via.placeholder.com/200x100); margin-top:10px; margin-right:10px; position:relative;width:200px;height:100px;float:right;"></div>

<div style="border:4px solid #999999; background:url(https://via.placeholder.com/150x200); margin-top:60px; margin-left:10px; position:absolute;width:180px;height:200px;float:left;"></div>

<div style="border:4px solid #999999; background:url(https://via.placeholder.com/150x200); margin-top:275px; margin-left:10px; position:absolute;width:180px;height:200px;float:left;"></div>

<div style="position:absolute;font-size:18px;width:165px;margin-top:55px;margin-left:200px; height:30px; padding:5px 7px 10px 7px;background-color:#e3e3e3;font-size:13px;color:#666666;text-align:center;">tiny descriptor</div>

      <ul class="nav nav-justified" style="spacing:0px;position:absolute;font-size:18px;width:110px;margin-top:80px;margin-left:188px; padding:0px;">

<li class="nav-item" style="width:33px;"><a class="nav-link active" style="color:#300303" data-toggle="tab" href="#o">

                  <i class="fad fa-hand-holding-seedling"></i></a></li>

                 

                  <li class="nav-item" style="width:33px;"><a class="nav-link" style="color:#300303" data-toggle="tab" href="#tw">

                  <i class="fad fa-tree"></i></a></li>

                 

                  <li class="nav-item" style="width:33px;"><a class="nav-link" style="color:#300303" data-toggle="tab" href="#th">

                  <i class="fad fa-cactus"></i></a></li>

                 

                  <li class="nav-item" style="width:33px;"><a class="nav-link" style="color:#300303" data-toggle="tab" href="#fo">

                  <i class="fad fa-mug-marshmallows"></i></a></li>

                 

                  <li class="nav-item" style="width:33px;"><a class="nav-link" style="color:#300303" data-toggle="tab" href="#fi">

                  <i class="fad fa-leaf-heart"></i></a></li>

               </ul>

<div style="position:absolute;width:370px;height:350px;margin-left:205px;margin-top:125px;background-color:#e3e3e3;font-size:14px;color:#666666;padding:12px;overflow-x:auto;overflow-y:scroll;"><div class="tab-content">

  

<div class="tab-pane active show" id="o">

  

   <!--from "hr" to "/div" is one section!-->

   

<hr style="border:1px solid #949494;">  

<div style="margin-top:-38px;color:#525252;background-color:#e3e3e3;width:auto; position:absolute; display:inline-block;padding:2px;font-weight:bold;font-size:25px;font-family:Trebuchet MS;margin-left:10px;">BASIC INFO</div>  

<p>

  

  

<hr style="border:1px solid #BCBCBC;margin-top:30px;">  

<div style="margin-top:-34px;color:#8D8D8D;background-color:#e3e3e3;width:auto; position:absolute; display:inline-block;padding:2px;font-weight:bold;font-size:18px; margin-left:20%;  text-align:center; font-family:Trebuchet MS;">EXAMPLE: WHO</div>  

<p>

  

<hr style="border:1px solid #BCBCBC;margin-top:25px">  

<div style="margin-top:-34px;color:#8D8D8D;background-color:#e3e3e3;width:auto; position:absolute; display:inline-block;padding:2px;font-weight:bold;font-size:18px; margin-left:20%; text-align:center; font-family:Trebuchet MS;">SPECIES: WHAT</div>  

<p>

<hr style="border:1px solid #BCBCBC;margin-top:25px">  

<div style="margin-top:-34px;color:#8D8D8D;background-color:#e3e3e3;width:auto; position:absolute; display:inline-block;padding:2px;font-weight:bold;font-size:18px; margin-left:20%;text-align:center;font-family:Trebuchet MS;">GENDER: BLA ; THEY/THEM</div>  

<hr style="border:1px solid #949494;margin-top:25px">  

  

DO CTRL-F AND COLORPICKER.COM TO REPLACE COLORS!! <p>to change the little symbol icons, go to FONTAWESOME.COM!</p></div>

<div class="tab-pane" id="tw">

<hr style="border:1px solid #949494;">  

<div style="margin-top:-35px;color:#525252;background-color:#e3e3e3;width:auto; position:absolute; display:inline-block;padding:2px;font-weight:bold;font-size:20px;font-family:Trebuchet MS;margin-left:10px;">Title</div>  

How can you see into my eyes like open doors?

Leading you down into my core, where I've become so numb

Without a soul, my spirit's sleeping somewhere cold

Until you find it there and lead it back home(Wake me up)

Wake me up inside (I can't wake up)

Wake me up inside (save me)

Call my name and save me from the dark(Wake me up)

Bid my blood to run (I can't wake up)

Before I come undone (save me)

Save me from the nothing I've becomeNow that I know what I'm without

You can't just leave me

Breathe into me and make me real

Bring me to life

Related

</div>

<div class="tab-pane" id="th">

<hr style="border:1px solid #949494;">  

<div style="margin-top:-35px;color:#525252;background-color:#e3e3e3;width:auto; position:absolute; display:inline-block;padding:2px;font-weight:bold;font-size:20px;font-family:Trebuchet MS;margin-left:10px;">Title</div>  

sssssss</div>

<div class="tab-pane" id="fo">

<hr style="border:1px solid #949494;">  

<div style="margin-top:-35px;color:#525252;background-color:#e3e3e3;width:auto; position:absolute; display:inline-block;padding:2px;font-weight:bold;font-size:20px;font-family:Trebuchet MS;margin-left:10px;">Title</div>  

fffff</div>

<div class="tab-pane" id="fi">

<hr style="border:1px solid #949494;">  

<div style="margin-top:-35px;color:#525252;background-color:#e3e3e3;width:auto; position:absolute; display:inline-block;padding:2px;font-weight:bold;font-size:20px;font-family:Trebuchet MS;margin-left:10px;">Title</div>  

fdfdfdf</div>

</div>

</div>

<div style="width:580px; text-align:center; color:#949494; padding:5px; font-size:20px; font-align:center;position:absolute;bottom:0px;"><i><b>“</b>If a man does not have sauce, then he is lost. But the same man can get lost in the sauce...<b>”</b></i> —Gucci Mane

</div>

  

      </div><p style="color:#525252;background-color:#fff;width:580px;padding:2px;margin:auto;text-align:right;">made by greedy</p></div>