[TH] Reiji

<!--------------------------
--
-- Dark Brown #5b453a
-- Red Wine #b60c0a
--
--------------------------->
<div style="background-image:url('https://backgroundcheckall.com/wp-content/uploads/2018/10/background-wallpaper-vintage-6.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://file.toyhou.se/watermarks/6017822_gp84lNgeI.png?1523517432);
            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:#b60c0a;"><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:#b60c0a;"><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:#b60c0a;"><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; font-family: Palatino;">
                        <h1 style="color: #b60c0a; letter-spacing:1px;" class=" display-4 text-uppercase mb-3"><img src="https://i.imgur.com/cH2moXq.gif" class="pull-right">Basics</h1>

                      <p class="text-center mb-0" style="color: #b60c0a; font-weight: bold;"><em>❝ Sometimes I can’t see myself when I’m with you. I can only just see you. ❞</em></p>
                            <br>
                            <p class="text-center mb-0" style="color: #444;"><strong>Quiet  •  Strict  •  Arrogant  •  Straightforward</strong>
                            <br>
                            <br>Born with a silver spoon in his mouth, Reiji buys whatever he wants.
                            <br>Unlike people nowadays, he's actually more interested in antique vintage props,
                            <br>especially cafe items (e.g. coffee grinders, antique teapots/teacups etc.)
                            <br>During his free time, he sits on a luxurious antique chair and drinks expensive tea/coffee.</p>
                            <br>
                            <hr class="mt-2 mb-3">
                        <div class="row">
                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#5b453a; font-weight: bold;">Name</span>
                                <span class="pull-right" style="color: #444;">Reiji</span>
                                <hr class="my-2">
                            </div>
                            <hr class="mt-2 mb-3">
                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#5b453a; font-weight: bold;">Birthdate</span>
                                <span class="pull-right" style="color: #444;">August 18th</span>
                                <hr class="my-2">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#5b453a; 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:#5b453a; font-weight: bold;">Age</span>
                                <span class="pull-right" style="color: #444;">25</span>
                                <hr class="my-2">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#5b453a; font-weight: bold;">Species</span>
                                <a href="http://fav.me/d9lyoer" class="pull-right" style="color: #b60c0a;">Snowdrop</a>
                                <hr class="my-2">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#5b453a; font-weight: bold;">Body Type</span>
                                <span class="pull-right" style="color: #444;">Athletic/Fit</span>
                                <hr class="my-2">
                            </div>

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

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="color:#5b453a; font-weight: bold;">Job</span>
                                <span class="pull-right" style="color: #444;">Antiquarian</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; font-family: Palatino;">
                <h2 style="margin: 0;text-transform: uppercase;color: #5b453a; font-size: 16px; font-weight: bold; letter-spacing: 1px;">
                  Likes
                </h2>
                   <br>
                   ✔  Akahana
                   <br>
                   ✔  Antique Props
                   <br>
                   ✔  High quality/Luxurious items
                   <br>
                   ✔  Rose Tea/Arabica Coffee
                   <br>
                   ✔  Red wine (once in a while)
                   </td>
               <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; color: #444; font-family: Palatino;">
                   <h2 style="margin: 0;text-transform: uppercase;color: #5b453a;font-size: 16px;font-weight: bold; letter-spacing: 1px;">
                  Dislikes
                   </h2>
                   <br>
                   ✘  Summer
                   <br>
                   ✘  Low quality props
                   <br>
                   ✘  Failure to follow rules
                   <br>
                   ✘  People who take away Akahana's attention
                    </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; font-family: Palatino;">
                        <h1 style="color: #b60c0a; letter-spacing:1px;" class="display-4 text-uppercase mb-3"><img src="https://i.imgur.com/cH2moXq.gif" class="pull-right">About</h1>
                        <p>Reiji is the only person who has a special ability in the Snowdrop world <em>(for now)</em>, but it does not make him feel special at all. Since he has no idea who his parents are, he has been living with a few butlers and maids in an old luxurious mansion that his parents had left for him. Ever since he was a child, he'd always felt lonely and unhappy even though he has lived wealthily and luxuriously all his life. One day, he got word from the kingdom about the Global Hunters' Association and decided to take this as an opportunity to go on his own adventures on Earth.</p>

                        <p>After years of wandering around on Earth, collecting precious items and transporting them to his world, he started to feel the fatigue of his world hopping. Weak and worn out, Reiji tried to look for a place to rest his head. On the verge of collapsing, a delicious coffee scent suddenly wafted into his senses, intriguing him. Fascinated, he followed the scent until he found a dainty little cafe settled in a small building. Without a second thought, he pushed through the doors and immediately fell for <a href="https://toyhou.se/515532.-akahana" style="color: #b60c0a;">Akahana</a>, who welcomed him with a shy but warm smile. Ever since that day, Reiji visits the cafe every day religiously, just to catch a glimpse of the shy girl who works there. Maybe this is the <em>"Love"</em> that he's been looking for?</p>

                        <p>Thanks to his special ability of nature magic (WinterHazels), Reiji was soon accustomed to living in both warm and cold weather, just so he could continue to see Akahana on Earth. But even till this day, he still hates going out during Summer, which explains why he started living in the empty apartment room just above the cafe she works in. Although he's a bit straightforward about love, he is always passionate and caring in Akahana's presence, but he throws deadly glares at people (especially male customers in the cafe) if they look or stare at Akahana for way too long.</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; font-family: Palatino;">
                        <h1 style="color: #b60c0a; letter-spacing:1px;" class="display-4 text-uppercase mb-3"><img src="https://i.imgur.com/cH2moXq.gif" class="pull-right">Relationships</h1>

                        <div class="row">
                            <!--------------------------- CHARACTER LINK -------------------------------------->
                            <div class="col-12 mb-3">
                                <img src="https://orig00.deviantart.net/3701/f/2018/283/8/c/akahanaheadicon_by_cattyning-dcp54tq.jpg" 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/515532.-akahana" style="color: #5b453a;">
                                Akahana</a>

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

                                <p style="color: #444;">Reiji's dearest girlfriend who works at the cafe he visits every day.
                                <br>Although shy and easily flustered, she is very serious about taking care of her cafe.

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

                            <h1 style="color: #b60c0a; letter-spacing:1px;" class="display-4 text-uppercase mb-3">  Commission Guide</h1>
                            <blockquote style="border-left:3px solid #5b453a; padding:0px 0px 0px 10px;margin:0;"><p style="color: #444; font-size: 11pt;">
                          ❀  His skin tone is pretty pale and fair, similar to a vampire. (Doesn't mean his skin will be burnt under the sun - he's just born this way, he also hates going out during summer because of the extreme heat)
                          <br>
                          <br>❀  Has 2 snowflake marks on the back of his ears, and a few small marks on his tail. He also has roses beneath his ears and on the end of his tail. Don't forget the rose accessory on his pocket. (It represents his snowglobe hidden there)
                          <br>
                          <br>❀  He always brings his stick/scepter around everywhere he goes. You may think he just wants to show it off or that he has leg injures, but it's actually because it is the only family relic his parents left him. Reiji's most loyal butler gave it to him before he left for Earth. So please draw it if possible! :"D</p></blockquote>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <p class="text-right small" style="color:#444; font-family: Palatino;">HTML by @lowkeywicked  •  Edited by @elxyie  </p>
</div>