My account

<!— left side —>

<!— name —>

<h1 class=”text-uppercase text-center font-weight-bold mr-3 mt-1″ style=”font-family:copperplate gothic;text-shadow:0px 0px 15px #000, 70px 10px 4px #610432, -50px -7px 4px #af0505;letter-spacing:5px;”>testament</h1></div>

<!— subtitle —>

<h4 class=”font-italic ml-4 mt-1″ style=”font-size:smaller;font-family:ms-gothic;text-shadow:12px 10px 2px #f8f1f7;”>I risk my life just to exist in this world. I’m not someone you can mess with.</h4> <img class=”mx-auto mt-5″ src=”https://anothergifcitiesfinds.carrd.co/assets/images/gallery24/22babc3c.gif?v=c1fba1dc” style=”position:relative;left:1.5rem;”> </div>

<!— music player —->

<!— main info box —>

<div class=”card p-1″ style=”background:#060308;height:25rem;border:3px solid #000;border-radius:2px 6px;box-shadow:2px 2px 7px #610432,0px 2px 5px #af0505,3px 5px 7px #000;overflow:auto;scrollbar-width:none;”> <h1 class=”text-uppercase text-center font-weight-bold mr-3 mt-1″ style=”font-family:copperplate gothic;text-shadow:0px 0px 15px #000, 0px 10px 4px #610432, 0px -7px 4px #af0505;letter-spacing:5px;”>information <img src=”https://anothergifcitiesfinds.carrd.co/assets/images/gallery18/0d26d73e.gif?v=c1fba1dc” class=”mx-auto”></h1>

<!— info text —>

<p class=”p-2 text-center”><span class=”font-weight-bold”>Testament</span> is a recurring character in the Guilty Gear series. A humanoid-type Gear that once was under Justice’s control during the Crusades, Testament is the adopted child of Kliff Undersn. <br><br> Able to wield powerful blood magic and a crimson scythe in battle, Testament fights alongside their familiars, <a href=”https://guiltygear.fandom.com/wiki/Testament” style=”color:#4ec1d1;letter-spacing:1px;”>Succubus</a> and <a href=”https://guiltygear.fandom.com/wiki/Testament” style=”color:#e255a6;letter-spacing:1px;”>EXE Beast.</a> </p>

<!— quote —>

<h3 class=”text-center font-italic p-2 mr-2 ml-2″ style=”font-family:copperplate gothic;letter-spacing:2px;font-size:18px;text-shadow:0px 0px 1px #000, 0px 2px 2px #610432, 0px -1px 2px #610432;”> “Humans? Can there be a time when they see us as something other than weapons?” <img src=”https://anothergifcitiesfinds.carrd.co/assets/images/gallery18/0d26d73e.gif?v=c1fba1dc” class=”mx-auto”></h3>

<!— other info —>

<div class=”row mx-auto pr-2 pl-2 text-center” style=”width:80%;”> <p class=”col text-left font-weight-bold”>✝ Name</p> <p class=”col text-right”>Testament</p> <p class=”col text-left font-weight-bold”>✝ Gender</p> <p class=”col text-right”>Non-binary</p> </div>

<div class=”row mx-auto pr-2 pl-2 text-center” style=”width:80%;”> <p class=”col text-left font-weight-bold”>✝ Age</p> <p class=”col text-right”>Unknown</p> <p class=”col text-left font-weight-bold”>✝ Race</p> <p class=”col text-right”>Gear</p> </div>

<div class=”row mx-auto pr-2 pl-2 text-center” style=”width:80%;”> <p class=”col text-left font-weight-bold”>✝ Pronouns</p> <p class=”col text-right”>She/He/They</p> <p class=”col text-left font-weight-bold”>✝ Type</p> <p class=”col text-right”>Zoning </p> </div> </div>

</div> </div> <img src=”https://anothergifcitiesfinds.carrd.co/assets/images/gallery27/03c6601f.gif?v=4a66af21” class=”justify-content-center w-100″> </div>

<!– SIMPLE GRAVE —->
<div class=”card mx-auto text-center mb-5″ style=”border-radius:50px 50px 0px 0px;border:1px solid #101010;background: linear-gradient(180deg, rgba(149,149,149,1) 0%, rgba(77,78,78,1) 49%, rgba(16,18,17,1) 100%);width:250px;height:320px;box-shadow:0px 1px 4px #000;font-family:ms-gothic;color:#fff;border-bottom:2px solid #000;”>
<div class=”card-title mx-auto pt-4″ style=”letter-spacing:2px;text-shadow:0px 0px 3px #000;border-bottom:1px solid #b1b1b1;width:70%;”>
<h2><i class=”fa-light fa-moon”></i><br>HERE LIES</h2></div>
<div class=”card-body”>
<a href=”URL” class=”mx-auto font-italic” style=”letter-spacing:1px;text-shadow:0px 0px 3px #000;color:#fff;text-decoration:none;cursor:help;”><h2>Beloved Character</h2></a>
<h6 class=”font-italic” style=”color:#cccccc;text-shadow:0px 0px 1px #000;”>1144-1169
<br> Gone Too Soon</h6>
<p class=”mx-auto my-4 p-1″ style=”color:#cccccc;text-shadow:0px 0px 1px #000;border:2px inset #464646;width:80%;”>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<!— additional thing if u want to add something under the grave. can be deleted too if not needed —>
<div class=”card-footer p-1 font-italic” style=”background:rgba(0,0,0,0.4);border:1px solid #101010;”>
<h4>UP FOR ADOPTION</h4>
</div>
</div>
<!— GRAVE END —>

<!– SIMPLE GRAVE —->
<div class=”card mx-auto text-center mb-5″ style=”border-radius:50px 50px 0px 0px;border:1px solid #101010;background: linear-gradient(180deg, rgba(149,149,149,1) 0%, rgba(77,78,78,1) 49%, rgba(16,18,17,1) 100%);width:250px;height:320px;box-shadow:0px 1px 4px #000;font-family:ms-gothic;color:#fff;border-bottom:2px solid #000;”>
<div class=”card-title mx-auto pt-4″ style=”letter-spacing:2px;text-shadow:0px 0px 3px #000;border-bottom:1px solid #b1b1b1;width:70%;”>
<h2><i class=”fa-light fa-moon”></i><br>HERE LIES</h2></div>
<div class=”card-body”>
<a href=”URL” class=”mx-auto font-italic” style=”letter-spacing:1px;text-shadow:0px 0px 3px #000;color:#fff;text-decoration:none;cursor:help;”><h2>Beloved Character</h2></a>
<h6 class=”font-italic” style=”color:#cccccc;text-shadow:0px 0px 1px #000;”>45-1482
<br> Gone Too… Soon?</h6>
<p class=”mx-auto my-4 p-1″ style=”color:#cccccc;text-shadow:0px 0px 1px #000;border:2px inset #464646;width:80%;”>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<!— GRAVE END —>

<!– SIMPLE GRAVE —->
<div class=”card mx-auto text-center mb-5″ style=”border-radius:50px 50px 0px 0px;border:1px solid #101010;background: linear-gradient(180deg, rgba(149,149,149,1) 0%, rgba(77,78,78,1) 49%, rgba(16,18,17,1) 100%);width:250px;height:320px;box-shadow:0px 1px 4px #000;font-family:ms-gothic;color:#fff;border-bottom:2px solid #000;”>
<div class=”card-title mx-auto pt-4″ style=”letter-spacing:2px;text-shadow:0px 0px 3px #000;border-bottom:1px solid #b1b1b1;width:70%;”>
<h2><i class=”fa-light fa-moon”></i><br>HERE LIES</h2></div>
<div class=”card-body”>
<a href=”URL” class=”mx-auto font-italic” style=”letter-spacing:1px;text-shadow:0px 0px 3px #000;color:#fff;text-decoration:none;cursor:help;”><h2>Beloved Character</h2></a>
<h6 class=”font-italic” style=”color:#cccccc;text-shadow:0px 0px 1px #000;”>1954-
<br> Presumed Dead</h6>
<p class=”mx-auto my-4 p-1″ style=”color:#cccccc;text-shadow:0px 0px 1px #000;border:2px inset #464646;width:80%;”>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<!— additional thing if u want to add something under the grave. can be deleted too if not needed —>
<div class=”card-footer p-1 font-italic” style=”background:rgba(0,0,0,0.4);border:1px solid #101010;”>
<p class=”text-center m-0 pt-1 pb-1 text-uppercase” style=”letter-spacing:1px;”>
<iframe frameborder=”0″ style=”height:1rem;width:1rem;opacity:.001;position:absolute;”
src=”https://www.youtube.com/embed/URL”></iframe>

<i class=”fa-regular fa-play”></i> SONG – ARTIST</p>
</div>
</div>
<!— GRAVE END —>

<!—- just copy + paste one of the graves from start to end if u want more. easy peasy lemon squeezy —>
</div>

<h2 class=”m-2 text-left pb-3 p-1″ style=”color:#eeeeee;width:100%;border-bottom:1px solid #fff;font-family:monospace;font-size:1.5rem;”><i class=”fa-light fa-terminal”> directory</i></h2>

<!—- COLLAPSE BUTTON TEXT —–>
<div style=”width:100%;”>
<!—- COLLAPSE BUTTON ONE—–>
<a class=”btn btn-primary” data-toggle=”collapse” href=”#programONE” role=”button” aria-expanded=”false” aria-controls=”programONE” style=”background:transparent;border:none;”>

<p class=”text-left ml-5 font-italic” style=”color:#fff;font-family:monospace;”>
<i class=”fa-light fa-terminal”></i> …program alpha <i class=”fa-light fa-chevron-down”></i></p></a>
</div>

<!— COLLAPSED FOLDERS ONE—->

<p class=”p-1 text-left” style=”font-size:large;”><i class=”fa-light fa-terminal”> FOLDER ONE</i></p>

<p class=”p-1 ml-2″ style=”border-left:.4rem solid #fff;”>this is a folder code based on the lovers code bc who doesn’t love this faux terminal shit?</p>

<!— LINK —>
<span class=”p-1 justify-content-center mb-1″>
<a href=”https://electronicartist.net/virocene/the-lovers/index.html” style=”color:#fff;text-decoration:none;font-family:monospace;text-align:center;text-shadow:0px 0px 3px #36bd3e;text-transform:uppercase;”>

<!—– FOLDER TWO —–>
<div class=”m-4″>
<div class=”container mx-auto p-1″ style=”border:1px solid #fff;color:#fff;font-family:ms gothic;width:18rem;background:black;”>
<p class=”m-0 text-right mb-2″></i><i class=”fa-regular fa-window-minimize” style=”border:1px solid #fff;opacity:0.8;padding:2px;”></i><i class=”fa-regular fa-window-restore” style=”border:1px solid #fff;opacity:0.8;padding:2px;”></i><i class=”fa-regular fa-xmark” style=”border:1px solid #fff;opacity:0.8;padding:2px 4px;”></i></p>

<p class=”p-1 text-left” style=”font-size:large;”><i class=”fa-light fa-terminal”> FOLDER TWO</i></p>

<p class=”p-1 ml-2″ style=”border-left:.4rem solid #fff;”>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

<!— LINK —>
<span class=”p-1 justify-content-center mb-1″>
<a href=”#” style=”color:#fff;text-decoration:none;font-family:monospace;text-align:center;text-shadow:0px 0px 3px #36bd3e;text-transform:uppercase;”>

<!—– FOLDER THREE —–>
<div class=”m-4″>
<div class=”container mx-auto p-1″ style=”border:1px solid #fff;color:#fff;font-family:ms gothic;width:18rem;background:black;”>
<p class=”m-0 text-right mb-2″></i><i class=”fa-regular fa-window-minimize” style=”border:1px solid #fff;opacity:0.8;padding:2px;”></i><i class=”fa-regular fa-window-restore” style=”border:1px solid #fff;opacity:0.8;padding:2px;”></i><i class=”fa-regular fa-xmark” style=”border:1px solid #fff;opacity:0.8;padding:2px 4px;”></i></p>

<p class=”p-1 text-left” style=”font-size:large;”><i class=”fa-light fa-terminal”> FOLDER THREE</i></p>

<p class=”p-1 ml-2″ style=”border-left:.4rem solid #fff;”>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

<!— LINK —>
<span class=”p-1 justify-content-center mb-1″>
<a href=”#” style=”color:#fff;text-decoration:none;font-family:monospace;text-align:center;text-shadow:0px 0px 3px #36bd3e;text-transform:uppercase;”>

<!—– FOLDER FOUR —–>
<div class=”m-4″>
<div class=”container mx-auto p-1″ style=”border:1px solid #fff;color:#fff;font-family:ms gothic;width:18rem;background:black;”>
<p class=”m-0 text-right mb-2″></i><i class=”fa-regular fa-window-minimize” style=”border:1px solid #fff;opacity:0.8;padding:2px;”></i><i class=”fa-regular fa-window-restore” style=”border:1px solid #fff;opacity:0.8;padding:2px;”></i><i class=”fa-regular fa-xmark” style=”border:1px solid #fff;opacity:0.8;padding:2px 4px;”></i></p>

<p class=”p-1 text-left” style=”font-size:large;”><i class=”fa-light fa-terminal”> FOLDER FOUR</i></p>

<p class=”p-1 ml-2″ style=”border-left:.4rem solid #fff;”>hey there delilah</p>

<!— LINK —>
<span class=”p-1 justify-content-center mb-1″>
<a href=”#” style=”color:#fff;text-decoration:none;font-family:monospace;text-align:center;text-shadow:0px 0px 3px #36bd3e;text-transform:uppercase;”>

<!—– FOLDER FIVE —–>
<div class=”m-4″>
<div class=”container mx-auto p-1″ style=”border:1px solid #fff;color:#fff;font-family:ms gothic;width:18rem;background:black;”>
<p class=”m-0 text-right mb-2″></i><i class=”fa-regular fa-window-minimize” style=”border:1px solid #fff;opacity:0.8;padding:2px;”></i><i class=”fa-regular fa-window-restore” style=”border:1px solid #fff;opacity:0.8;padding:2px;”></i><i class=”fa-regular fa-xmark” style=”border:1px solid #fff;opacity:0.8;padding:2px 4px;”></i></p>

<p class=”p-1 text-left” style=”font-size:large;”><i class=”fa-light fa-terminal”> FOLDER FIVE</i></p>

<p class=”p-1 ml-2″ style=”border-left:.4rem solid #fff;”>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

<!— LINK —>
<span class=”p-1 justify-content-center mb-1″>
<a href=”#” style=”color:#fff;text-decoration:none;font-family:monospace;text-align:center;text-shadow:0px 0px 3px #36bd3e;text-transform:uppercase;”>

<!— FOLDER END, you can add more if you want! just copypaste the folder code above this

or create a new collapse group by copying EVERYTHING from the collapse button text to down here + the two divs BELOW like i’ve done —>
</div>
</div>

<!—- COLLAPSE BUTTON TEXT —–>
<div style=”width:100%;”>
<!—- COLLAPSE BUTTON ONE—–>
<a class=”btn btn-primary” data-toggle=”collapse” href=”#programTWO” role=”button” aria-expanded=”false” aria-controls=”programTWO” style=”background:transparent;border:none;”>

<p class=”text-left ml-5 font-italic” style=”color:#fff;font-family:monospace;”>
<i class=”fa-light fa-terminal”></i> …program theta <i class=”fa-light fa-chevron-down”></i></p></a>
</div>

<!— COLLAPSED FOLDERS ONE—->

<p class=”p-1 text-left” style=”font-size:large;”><i class=”fa-light fa-terminal”> FOLDER ONE</i></p>

<p class=”p-1 ml-2″ style=”border-left:.4rem solid #fff;”>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>