2000s Character Profile - B&W Light Theme

<!-----------------------
2000s Character Profile - Small
    B&W LIGHT Theme  by LeafJelly

Use ctrl+f and replace all to easily change the colors using Hex Codes
Font: #000
Font Accent: #FF2424
Dividing Lines: #111
Background: #FFF

        Rules
1. DO NOT REMOVE credits
2. DO NOT redistribute purchased codes
3. Turn off WYSIWYG before using my HTML codes and while editing, it'll break otherwise
4. You can modify and frankestein my codes with credit to all the source codes, and only if the other coders allow it.
5. You may NOT redistribute frankesteined codes under your own name, claiming it as your own work. Copy and pasting parts of my code without credit is theft, and takes advantage of my work that's provided for free.
6.You're allowed to heavily modify my codes, as long as credit to me stays on the page. If the credit breaks, feel free to write it in somewhere instead or at the bottom.
------------------------>


<!--------- Background Image -------------
Replace the URL with a image url/address
it looks best with a repeating tile background
------------------------------------------->
<div class="row no-gutters col-12 mx-auto p-1" style="max-width:600px; background-image:url(

https://gifcity.carrd.co/assets/images/gallery73/20fe10c7.png?v=a5c82efa

);font-weight:100; font-family:times new roman; font-size:.9em;  color:#000">
<div class="col-sm-4 my-auto p-2">

<!------------ Avatar/Icon -----------------
Replace the URL with a image url/address
------------------------------------------->
<div class="col-12 mx-auto mb-2" style="background-size:cover; background-image:url(

https://64.media.tumblr.com/9ad2f99c355d136ae2a1501b05749e43/6164d10aa7b9e978-fa/s250x400/672abca509035a30f4c8128169c510b148d8bc38.jpg

); width:110px; height:110px;"></div>

<!------- Basic Character Info -------------
You can remove the rows you don't want by deleting from one <div> to the next </div>.
Each row is seperated by spaces

You can change the style of the middle lines by replacing the word dotted found in this chunk of text
    style="border-bottom:1px dotted #111"
dotted can be changed to any of the border styles found here https://www.w3schools.com/css/css_border.asp
such as
    solid   dashed  double
------------------------------------------->
<div class="card col-12 rounded-0 border-0 p-1" style="background:#FFF">

<!----- Top Image Divider ------
Replace the URL with a image url/address
Delete this section if you don't want it
------------------------------->
<span class="m-auto">
    <img src="https://gifcity.carrd.co/assets/images/gallery47/61e1ca03.png?v=a5c82efa">
</span>
<!----- Divider end ----->

<div class="justify-content-between"><span class="my-auto">
    Name
</span>
<hr class="col my-auto mx-1" style="border-bottom:1px dotted #111"><span class="my-auto">
    Content Content
</span></div>

<div class="justify-content-between"><span class="my-auto">
    Age
</span>
<hr class="col my-auto mx-1" style="border-bottom:1px dotted #111"><span class="my-auto">
    # years
</span></div>

<div class="justify-content-between"><span class="my-auto">
    Pronouns
</span>
<hr class="col my-auto mx-1" style="border-bottom:1px dotted #111"><span class="my-auto">
    Pro / nouns
</span></div>

<div class="justify-content-between"><span class="my-auto">
    Species/Race
</span>
<hr class="col my-auto mx-1" style="border-bottom:1px dotted #111"><span class="my-auto">
    Content
</span></div>

<div class="justify-content-between"><span class="my-auto">
    Height
</span>
<hr class="col mx-1 my-auto" style="border-bottom:1px dotted #111"><span class="my-auto">
    Content
</span></div>

<div class="justify-content-between"><span class="my-auto">
    Gender
</span>
<hr class="col my-auto mx-1" style="border-bottom:1px dotted #111"><span class="my-auto">
    Content
</span></div>

<div class="justify-content-between"><span class="my-auto">
    Sexuality
</span>
<hr class="col my-auto mx-1" style="border-bottom:1px dotted #111"><span class="my-auto">
    Content
</span></div>

<div class="justify-content-between"><span class="my-auto">
    Status
</span>
<hr class="col my-auto mx-1" style="border-bottom:1px dotted #111"><span class="my-auto">
    <a href="URL_HERE" style="color:#FF2424">
        Taken
    </a>
</span></div>

<!----------Copy and paste above here for more-------------->

<!----- Bottom Image Divider ------
Replace the URL with a image url/address
Delete this section if you don't want it
----------------------------------->
<span class="m-auto">
    <img src="https://gifcity.carrd.co/assets/images/gallery47/a7e38099.png?v=a5c82efa">
</span>
<!----- Divider end ----->

</div></div>

<div class="col-sm-8 row no-gutters my-auto">

<!--------- Blinkies Section -------------
Replace the URLs with a image url/address
copy and paste the line of code for more blinkies
------------------------------------------->
<div class="col-12 p-2"><div class="card rounded-0 border-0 p-1 text-center" style="background:#FFF"><span>
     <img src="https://gifcity.carrd.co/assets/images/gallery24/21e47723.jpg?v=a5c82efa">
     <img src="https://gifcity.carrd.co/assets/images/gallery25/9cab0131.gif?v=a5c82efa">
     <img src="https://gifcity.carrd.co/assets/images/gallery23/a8f5239b.gif?v=a5c82efa">
     <img src="https://pagedeco.carrd.co/assets/images/gallery21/10dbcb15.gif?v=12c7c0a1">
     <img src="https://pagedeco.carrd.co/assets/images/gallery01/62fed79c.gif?v=12c7c0a1">

     <!-----Copy and paste above here for more------>
</span></div></div>

<!--------- About Section -------------
Write about your character here!
This box does not scroll, keep it somewhat short
------------------------------------------->
<div class="col-12 p-2"><div class="card rounded-0 border-0 p-1 text-center" style="background:#FFF"><span>
    <!---- Image Replace the URL--->
    <img src="https://gifcity.carrd.co/assets/images/gallery47/43c3981f.png?v=a5c82efa">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.</p>
    <p> Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
    <!-----Copy and paste above here for more paragraphs------>
</span></div></div>

<!--------- Stamps Section -------------
Replace the URLs with a image url/address
copy and paste the line of code for more stamps
------------------------------------------->
<div class="col-12 p-2"><div class="card rounded-0 border-0 p-1 text-center" style="background:#FFF"><span>
     <img src="https://gifcity.carrd.co/assets/images/gallery61/7e88870d.gif?v=a5c82efa">
     <img src="https://gifcity.carrd.co/assets/images/gallery59/aae3d8b3.png?v=a5c82efa">
     <img src="https://pagedeco.carrd.co/assets/images/gallery34/5fa37457.png?v=12c7c0a1">
     <img src="https://gifcity.carrd.co/assets/images/gallery60/243501eb.gif?v=a5c82efa">
     <img src="https://gifcity.carrd.co/assets/images/gallery59/ca06d9d6.png?v=a5c82efa">
     <!-----Copy and paste above here for more------>
</span></div></div>

</div></div>

<!--------CREDIT DO NOT REMOVE----------->
<div class="text-center mt-1">
<a  href="/LeafJelly"> <i class="far fa-code text-muted fa-sm tooltipster" title="Code by LeafJelly"></i></a>
</div>