[TH] ZackFury

<!--------------------------
--
-- Dark Crimson #c40a2c
-- Muted Orange #e79267
--
--------------------------->
<div style="background-image:url('https://backgroundcheckall.com/wp-content/uploads/2017/12/orange-background-tumblr-9.jpg');max-width:1200px;" class="container-fluid px-lg-4 px-2 pt-4 pb-3 rounded">
<div class="container px-0">
    <div class="row no-gutters mb-2">

        <div class="col-lg-4 col-md-5 pr-md-2 mb-md-0 mb-2">
            <!-------- FOCAL IMAGE  ------------------>
            <div style="background-image:url(https://orig00.deviantart.net/8531/f/2018/283/a/1/zackname_by_cattyning-dcp30j4.png);
            background-size: cover; repeat:no-repeat; background-position: top center; min-height: 400px;" class="rounded card-block bg-none h-100"></div></div>

        <div class="col-lg-8 col-md-7">
            <ul class="nav nav-pills row no-gutters text-center text-uppercase" style="letter-spacing: 1px;">
                <!----------------- NAVIGATION BUTTONS ----- YOU CAN CHANGE THE TEXT ---- DO NOT ADD MORE ------------------------------------->
                <li class="nav-item col-md col-auto mr-1 mb-2 rounded" style="background:#e79267;"><a class="btn btn-outline-secondary border-0 text-white nav-link active" data-toggle="tab" href="#ONE">Intro</a></li>

                <li class="nav-item col-md col-auto mx-1 mb-2 rounded" style="background:#e79267;"><a class="btn btn-outline-secondary border-0 text-white nav-link" data-toggle="tab" href="#TWO">About</a></li>

                <li class="nav-item col-md col-auto mx-1 mb-2 rounded" style="background:#e79267;"><a class="btn btn-outline-secondary border-0 text-white nav-link" data-toggle="tab" href="#THREE">Extra</a></li>
            </ul>

            <div class="rounded tab-content" style="background: #fff;">
                <!------------------------------------ FIRST TAB ------------------------------------------------------------->
                <div class="tab-pane fade in active show" data-toggle="tab" id="ONE">
                    <div class="px-4 pt-3 pb-1" style="height: 630px; overflow: auto;">
                        <h1 style="color: #c40a2c; letter-spacing:1px;" class=" display-4 text-uppercase mb-3"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/eddc92fb-46cf-4017-8480-f397d15be8ee/dd928lb-a7bf23c2-07d1-4ba9-8a30-64c2ef21e49f.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2VkZGM5MmZiLTQ2Y2YtNDAxNy04NDgwLWYzOTdkMTViZThlZVwvZGQ5MjhsYi1hN2JmMjNjMi0wN2QxLTRiYTktOGEzMC02NGMyZWYyMWU0OWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.C7VXp2e_5eP38quXyq-hE2bnkJGSzvw9iY6t-4hpk9A" class="pull-right"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/eddc92fb-46cf-4017-8480-f397d15be8ee/dd928l3-2fcdd8eb-cb2c-48a3-ac85-b0cfd6441c16.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2VkZGM5MmZiLTQ2Y2YtNDAxNy04NDgwLWYzOTdkMTViZThlZVwvZGQ5MjhsMy0yZmNkZDhlYi1jYjJjLTQ4YTMtYWM4NS1iMGNmZDY0NDFjMTYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W0xXYnHmXrfzFnUMFIlQeEW2ZE_GEuHTCteDW8trcQc" class="pull-right">Basics</h1>
                            <br>
                            <p class="text-center mb-0" style="color: #444;"><strong>Hot Tempered  •  Fierce  •  Devilish  •  Secretly Caring</strong>
                            <br>
                            <br>Although hot tempered and fierce (refer to <i>Devil May Cry, Dante and Saitama anime, Sonic</i>)
                            <br>Zack quickly changes into a caring and princely boyfriend around his beloved girlfriend Catty.
                            <br>He was an assassin in the past, but has since evolved into a fighter with some hidden ninjutsu skills.</p>
                            <br>
                            <hr class="mt-2 mb-3">
                        <div class="row">
                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#e79267; font-weight: bold;">Name</span>
                                <span class="pull-right" style="color: #444;">ZackFury</span>
                                <hr class="my-2">
                            </div>
                            <hr class="mt-2 mb-3">
                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#e79267; font-weight: bold;">Birthdate</span>
                                <span class="pull-right" style="color: #444;">August 14th</span>
                                <hr class="my-2">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#e79267; font-weight: bold;">Gender</span>
                                <span class="pull-right" style="color: #444;">Male</span>
                                <hr class="my-2">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#e79267; font-weight: bold;">Age</span>
                                <span class="pull-right" style="color: #444;">26</span>
                                <hr class="my-2">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#e79267; font-weight: bold;">Species</span>
                                <span class="pull-right" style="color: #444;">Human</span>
                                <hr class="my-2">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#e79267; font-weight: bold;">Occupation</span>
                                <span class="pull-right" style="color: #444;">Fighter, Ex Assassin</span>
                                <hr class="my-2">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#e79267; font-weight: bold;">Height</span>
                                <span class="pull-right" style="color: #444;">189cm, Seinen Type</span>
                                <hr class="my-2 hidden-md-up">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#e79267; font-weight: bold;">Themes</span>
                                <a href="https://www.youtube.com/watch?v=1OhcU9g6Low" class="pull-right" style="color: #c40a2c;">♬</a><a href="https://www.youtube.com/watch?v=YV5IheNfK54" class="pull-right" style="color: #c40a2c;">♫</a><a href="https://www.youtube.com/watch?v=1OhcU9g6Low" class="pull-right" style="color: #c40a2c;">♪</a></span>
                            </div>
                        </div>

                        <div>
                            <hr class="mt-2 mb-3">

      <!------------------------------- LIKES & DISLIKES ----------------------------------->
         <div class="row">
           <div class="col-sm-6 mb-2">
             <table style="width: 700px; border: none;">
              <tr>
               <td style="padding: 10px 20px 20px; width: 50%; vertical-align: top; text-align:justify; color: #444;">
                <h2 style="margin: 0;text-transform: uppercase;color: #e79267; font-size: 16px; font-weight: bold; letter-spacing: 1px;">
                  Likes
                </h2>
                   <br>
                   ✔  CattyNing
                   <br>
                   ✔  Fire
                   <br>
                   ✔  Red roses
                   <br>
                   ✔  Bunnies
                   </td>
               <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; color: #444;">
                   <h2 style="margin: 0;text-transform: uppercase;color: #e79267;font-size: 16px;font-weight: bold; letter-spacing: 1px;">
                  Dislikes
                   </h2>
                   <br>
                   ✘  Unknown?
                    </td>
                      </tr>
                       </table>
                          </div>
                        </div>
                      </div>
                    </div>
                 </div>

                <!------------------------------------ SECOND TAB ------------------------------------------------------------->
                <div class="tab-pane fade" data-toggle="tab" id="TWO">
                    <div class="px-4 pt-3 pb-1" style="height: 630px; overflow: auto; color: #444;">
                        <h1 style="color: #c40a2c; letter-spacing:1px;" class="display-4 text-uppercase mb-3"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/eddc92fb-46cf-4017-8480-f397d15be8ee/dd928lb-a7bf23c2-07d1-4ba9-8a30-64c2ef21e49f.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2VkZGM5MmZiLTQ2Y2YtNDAxNy04NDgwLWYzOTdkMTViZThlZVwvZGQ5MjhsYi1hN2JmMjNjMi0wN2QxLTRiYTktOGEzMC02NGMyZWYyMWU0OWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.C7VXp2e_5eP38quXyq-hE2bnkJGSzvw9iY6t-4hpk9A" class="pull-right"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/eddc92fb-46cf-4017-8480-f397d15be8ee/dd928l3-2fcdd8eb-cb2c-48a3-ac85-b0cfd6441c16.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2VkZGM5MmZiLTQ2Y2YtNDAxNy04NDgwLWYzOTdkMTViZThlZVwvZGQ5MjhsMy0yZmNkZDhlYi1jYjJjLTQ4YTMtYWM4NS1iMGNmZDY0NDFjMTYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W0xXYnHmXrfzFnUMFIlQeEW2ZE_GEuHTCteDW8trcQc" class="pull-right">About</h1>
                        <p>Zack casts fire on both of his hands when he's in battle or just hunting with his girlfriend, Catty. He has <i>dual daggers</i> which are kept behind his back at all times, but he doesn't use them unless he gets into a dangerous situation. He secretly loves to pet bunnies, but most of the time he plays it cool by creating fire roses to try and catch his girlfriend's attention. He also loves teasing her <strike>and is kinky af</strike>.</p>
                        <p>He also has a hidden skill called <i>Dark Fire</i>, but he only uses it when he's so triggered or pissed till the point he seeks blood, which has almost happened a few times before in the past when people hurt Catty.</p>

                    </div>
                </div>

                <!------------------------------------ THIRD TAB ------------------------------------------------------------->
                <div class="tab-pane fade" data-toggle="tab" id="THREE">
                    <div class="px-4 pt-3 pb-1" style="height: 630px; overflow: auto;">
                        <h1 style="color: #c40a2c; letter-spacing:1px;" class="display-4 text-uppercase mb-3"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/eddc92fb-46cf-4017-8480-f397d15be8ee/dd928lb-a7bf23c2-07d1-4ba9-8a30-64c2ef21e49f.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2VkZGM5MmZiLTQ2Y2YtNDAxNy04NDgwLWYzOTdkMTViZThlZVwvZGQ5MjhsYi1hN2JmMjNjMi0wN2QxLTRiYTktOGEzMC02NGMyZWYyMWU0OWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.C7VXp2e_5eP38quXyq-hE2bnkJGSzvw9iY6t-4hpk9A" class="pull-right"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/eddc92fb-46cf-4017-8480-f397d15be8ee/dd928l3-2fcdd8eb-cb2c-48a3-ac85-b0cfd6441c16.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2VkZGM5MmZiLTQ2Y2YtNDAxNy04NDgwLWYzOTdkMTViZThlZVwvZGQ5MjhsMy0yZmNkZDhlYi1jYjJjLTQ4YTMtYWM4NS1iMGNmZDY0NDFjMTYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W0xXYnHmXrfzFnUMFIlQeEW2ZE_GEuHTCteDW8trcQc" class="pull-right">Relationships</h1>

                        <div class="row">
                            <!--------------------------- CHARACTER LINK -------------------------------------->
                            <div class="col-12 mb-3">
                                <img src="https://file.toyhou.se/thumbnails/7426656_r1m.png" style="max-height:150px; padding-right: 20px; padding-bottom: 40px;" class="rounded float-sm-left ml-sm-2 d-block mx-auto" />

                                <p class="my-2" style="letter-spacing:1px; font-size: 14pt; font-weight: bold;"><a href="https://toyhou.se/218572.-cattyning-main-" style="color: #e79267;">
                                CattyNing</a>

                                <span class="text-muted small mt-1" style="letter-spacing:1px; font-weight:300;">
                                [ girlfriend ]</span></p>

                                <p style="color: #444;">Zack's girlfriend Catty.

                            <hr class="mt-2 mb-3"></p>
                            </div>

                            <h1 style="color: #c40a2c; letter-spacing:1px;" class="display-4 text-uppercase mb-3">  Commission Guide</h1>
                            <blockquote style="border-left:3px solid #e79267; padding:0px 0px 0px 10px;margin:0;"><p style="color: #444; font-size: 11pt;">
                          <i class="fa fa-feather" style="color: #e79267;"></i>  He has a long ponytail like <a href="https://toyhou.se/1045566.-1st-main-zackfury#5166316" style="color: #e79269;">this</a>
                          <br>
                          <br><i class="fa fa-feather" style="color: #e79267;"></i>  He has a pair of red headphones around his neck (optional)
                          <br>
                          <br><i class="fa fa-feather" style="color: #e79267;"></i>  His body type is a <i>huge buff bara</i>, but can also be drawn muscular like <a href="https://toyhou.se/1045566.-1st-main-zackfury#3843335" style="color: #e79269;">this</a>
                          <br>
                          <br><i class="fa fa-feather" style="color: #e79267;"></i>  Please reference <a href="https://www.facebook.com/permalink.php?story_fbid=556371171361805&id=417432848588972" style="color: #e79267;">this</a> for his battle poses!</p></blockquote>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <p class="text-right small" style="color:#444;">HTML by @lowkeywicked  •  Edited by @elxyie  </p>
</div>