lowkeywicked toyhouse
<!-- default focal color is #bc4c7c -- use fine & replace to quickly swap it out -->

<!-- DO NOT combine this HTML with premium CSS, there will be weird conflicts -->
<div class="container-fluid card border-0 pt-5 pb-4 px-0" style="margin-top: -60px;">
  
<!--- set the main background color or pattern here -- you can put a transparent bg over a color if you want -->
<div style="background-color:#D1D0D2; 
            background-image: url(https://f2.toyhou.se/file/f2-toyhou-se/images/18493463_E7zWDYoSCMyMjEH.png); 
            max-width: 950px; border-radius: 1em;" class="container-fluid card p-md-4 p-2">

    <div class="row no-gutters">
lowkeywicked toyhouse How to get it? lowkeywicked toyhouse
        <div class="col-md-4 mb-md-0 mb-2">
            <div class="h-100 d-flex flex-column modal-open" style="background:none;">

                <!-------- FOCAL IMAGE -- WILL SCALE & CROP WITH SCREEN -- FOCUS IN TOP CENTER ------------------>
                <div style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/23471745_uDJmehms0JPTUHv.png); 
                        background-color: #fff;
                        background-size: cover; repeat:no-repeat; background-position: top center; 
                        min-height: 400px; border-radius: 1em;" 
                        class="d-block w-100 mb-2"></div>

lowkeywicked toyhouse How to get it for free? lowkeywicked toyhouse
                <div class="pt-1 mt-auto mb-md-0 mb-2">
                    <ul class="nav row no-gutters justify-content-center text-center">
                        <!----------------- NAVIGATION BUTTONS ----- YOU CAN CHANGE THE TEXT ---- DO NOT ADD MORE ------------------------------------->
                        <li class="nav-item col mx-1" style="background: #bc4c7c; border-radius: 1em; overflow:hidden;">
                            <a class="btn border-0 text-white px-md-1 py-2 nav-link active" data-toggle="tab" href="#ONE">
                                <i class="fas fa-star fa-fw" /></a>
                        </li>

                        <li class="nav-item col mx-1" style="background: #bc4c7c; border-radius: 1em; overflow:hidden;">
                            <a class="btn border-0 text-white px-md-1 py-2 nav-link" data-toggle="tab" href="#TWO">
lowkeywicked toyhouse PasteShr lowkeywicked toyhouse
                                <i class="fas fa-list fa-fw" /></a>
                        </li>

                        <li class="nav-item col mx-1" style="background: #bc4c7c; border-radius: 1em; overflow:hidden;">
                            <a class="btn border-0 text-white px-md-1 py-2 nav-link" data-toggle="tab" href="#THREE">
                                <i class="fas fa-bookmark fa-fw" /></a>
                        </li>

                        <li class="nav-item col ml-x" style="background: #bc4c7c; border-radius: 1em; overflow:hidden;">
                            <a class="btn border-0 text-white px-md-1 py-2 nav-link" data-toggle="tab" href="#FOUR">
lowkeywicked toyhouse How to get it? lowkeywicked toyhouse
                                <i class="fas fa-users fa-fw" /></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-8 pl-md-3">
            <div class="tab-content" style="font-size: 10pt; letter-spacing: .4px;">
              
                <!------- TAB ONE ------------------------>
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                <div class="tab-pane fade in active show" data-toggle="tab" id="ONE">
                    <div style="background: #fff; color: #000; height: 450px; overflow:auto; border-radius: 1em;" class="p-3">
                        <h1 style="color: #bc4c7c; letter-spacing:1px;" class="display-4 text-uppercase mb-3">
                          <i class="fal fa-star fa-fw pull-right" /> Basics</h1>

                        <div class="row px-1">
                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Name</span>
                                <span class="pull-right">
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Called</span>
                                <span class="pull-right">
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
lowkeywicked toyhouse How to get it? lowkeywicked toyhouse
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Age</span>
                                <span class="pull-right">
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

lowkeywicked toyhouse How to get it? lowkeywicked toyhouse
                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Gender</span>
                                <span class="pull-right">
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                                  Height</span>
                                <span class="pull-right">
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Build</span>
                                <span class="pull-right">
lowkeywicked toyhouse PasteShr lowkeywicked toyhouse
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Race</span>
                                <span class="pull-right">
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Role</span>
                                <span class="pull-right">
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

lowkeywicked toyhouse How to get it? lowkeywicked toyhouse
                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  MBTI</span>
                                <span class="pull-right">
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
lowkeywicked toyhouse How to use it? lowkeywicked toyhouse
                                  Demeanor</span>
                                <span class="pull-right">
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Alignment</span>
                                <span class="pull-right">
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                                  content</span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-sm-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">
                                  Theme</span>
                                <span class="pull-right"> 
                                <a href="SONG LINK" style="color: #bc4c7c;" target="_BLANK">Song link</a></span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
lowkeywicked toyhouse PasteShr lowkeywicked toyhouse
                            </div>
                        </div>
                        
                        <!------------------------------- LIKES & DISLIKES ----------------------------------->
                        <div class="row px-1">
                            <div class="col-sm-6 mb-2">
                                <p class="text-uppercase" style="filter:opacity(70%);">
                                  <i class="fal fa-heart fa-fw" /> Likes</p>
                                <ul class="mb-0">
                                    <li class="mb-2">content</li>
lowkeywicked toyhouse How to get it for free? lowkeywicked toyhouse
                                    <li class="mb-2">content</li>
                                    <li class="mb-2">content</li>
                                    <li class="mb-2">content</li>
                                </ul>
                            </div>

                            <div class="col-sm-6 mb-2">
                                <p class="text-uppercase" style="filter:opacity(70%);">
                                  <i class="fal fa-times fa-fw" /> Dislikes</p>
                                <ul class="mb-0">
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                                    <li class="mb-2">content</li>
                                    <li class="mb-2">content</li>
                                    <li class="mb-2">content</li>
                                    <li class="mb-2">content</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                
lowkeywicked toyhouse PasteShr lowkeywicked toyhouse
                <!------- TAB TWO ------------------------>
                <div class="tab-pane fade" data-toggle="tab" id="TWO">
                    <div style="background: #fff; color: #000; height: 450px; overflow:auto; border-radius: 1em;" class="p-3">
                        <h1 style="color: #bc4c7c; letter-spacing:1px;" class="display-4 text-uppercase mb-3">
                          <i class="fal fa-list fa-fw pull-right" />Stats</h1>

                        <!------------ STATS ------------ FAS FOR SOLID --- FAR FOR OPEN ------------------------>
                        <div class="row px-1 mb-3">
                            <div class="col-md-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">Title</span>
lowkeywicked toyhouse How to get it? lowkeywicked toyhouse
                                <span class="pull-right">
                                <i class="fas fa-star" />
                                <i class="fas fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                </span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                            <div class="col-md-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">Title</span>
                                <span class="pull-right">
                                <i class="fas fa-star" />
                                <i class="fas fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                </span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                            </div>

                            <div class="col-md-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">Title</span>
                                <span class="pull-right">
                                <i class="fas fa-star" />
                                <i class="fas fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
lowkeywicked toyhouse PasteShr lowkeywicked toyhouse
                                </span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-md-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">Title</span>
                                <span class="pull-right">
                                <i class="fas fa-star" />
                                <i class="fas fa-star" />
                                <i class="far fa-star" />
lowkeywicked toyhouse How to use it? lowkeywicked toyhouse
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                </span>
                                <hr class="my-2" style="border-color: #e1e8ed;">
                            </div>

                            <div class="col-md-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">Title</span>
                                <span class="pull-right">
                                <i class="fas fa-star" />
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                                <i class="fas fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                </span>
                                <hr class="my-2 hidden-md-up">
                            </div>

                            <div class="col-md-6">
                                <span class="text-uppercase" style="filter:opacity(70%);">Title</span>
lowkeywicked toyhouse How to get it for free? lowkeywicked toyhouse
                                <span class="pull-right">
                                <i class="fas fa-star" />
                                <i class="fas fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                <i class="far fa-star" />
                                </span>
                            </div>
                        </div>

lowkeywicked toyhouse PasteShr lowkeywicked toyhouse
                        <p class="text-uppercase mb-0" style="filter:opacity(70%);">
                          <i class="fal fa-square fa-fw" /> Trait
                        </p>
                        <p>Turn this section into a personality or skills section. You can list battle stats up top + skills down here, or list personality traits up top + key traits down here. </p>

                        <p class="text-uppercase mb-0" style="filter:opacity(70%);">
                          <i class="fal fa-square fa-fw" /> Trait
                        </p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius libero non sem dapibus, eget viverra nisl sagittis. Ut interdum mi non sagittis euismod. Suspendisse id venenatis massa. </p>

lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                        <p class="text-uppercase mb-0" style="filter:opacity(70%);">
                          <i class="fal fa-square fa-fw" /> Trait
                        </p>
                        <p>Aenean gravida eu nibh id tincidunt. Pellentesque lorem mauris, cursus sed ligula eget, cursus posuere risus. Phasellus vel enim volutpat, sagittis augue at, condimentum ex. </p>
                    </div>
                </div>
                
                <!------- TAB THREE ------------------------>
                <div class="tab-pane fade" data-toggle="tab" id="THREE">
                    <div style="background: #fff; color: #000; height: 450px; overflow:auto; border-radius: 1em;" class="p-3">
lowkeywicked toyhouse How to get it for free? lowkeywicked toyhouse
                        <h1 style="color: #bc4c7c; letter-spacing:1px;" class="display-4 text-uppercase mb-3">
                          <i class="fal fa-books fa-fw pull-right" />About</h1>

                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius libero non sem dapibus, eget viverra nisl sagittis. Ut interdum mi non sagittis euismod. Suspendisse id venenatis massa. Aliquam ornare, nibh sit amet interdum elementum, leo sem laoreet nibh, at sollicitudin diam ipsum eu risus. Aenean gravida eu nibh id tincidunt. Pellentesque lorem mauris, cursus sed ligula eget, cursus posuere risus. Phasellus vel enim volutpat, sagittis augue at, condimentum ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent consectetur semper ligula, nec pretium tellus iaculis at. Nulla facilisi. Phasellus gravida pellentesque dui. Vestibulum vel dui sed odio vehicula finibus sit amet non mauris. Donec ut posuere dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam et nibh lorem.</p>

                        <p class="text-uppercase mb-0" style="filter:opacity(70%);">
                          <i class="fal fa-bookmark fa-fw" /> Subheader
                        </p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius libero non sem dapibus, eget viverra nisl sagittis. Ut interdum mi non sagittis euismod. Suspendisse id venenatis massa. Aliquam ornare, nibh sit amet interdum elementum, leo sem laoreet nibh, at sollicitudin diam ipsum eu risus. Aenean gravida eu nibh id tincidunt. Pellentesque lorem mauris, cursus sed ligula eget, cursus posuere risus. Phasellus vel enim volutpat, sagittis augue at, condimentum ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent consectetur semper ligula, nec pretium tellus iaculis at. Nulla facilisi. Phasellus gravida pellentesque dui. Vestibulum vel dui sed odio vehicula finibus sit amet non mauris. Donec ut posuere dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam et nibh lorem.</p>

lowkeywicked toyhouse How to get it for free? lowkeywicked toyhouse
                        <p class="text-uppercase mb-0" style="filter:opacity(70%);">
                          <i class="fal fa-bookmark fa-fw" /> Subheader
                        </p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius libero non sem dapibus, eget viverra nisl sagittis. Ut interdum mi non sagittis euismod. Suspendisse id venenatis massa. Aliquam ornare, nibh sit amet interdum elementum, leo sem laoreet nibh, at sollicitudin diam ipsum eu risus. Aenean gravida eu nibh id tincidunt. Pellentesque lorem mauris, cursus sed ligula eget, cursus posuere risus. Phasellus vel enim volutpat, sagittis augue at, condimentum ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent consectetur semper ligula, nec pretium tellus iaculis at. Nulla facilisi. Phasellus gravida pellentesque dui. Vestibulum vel dui sed odio vehicula finibus sit amet non mauris. Donec ut posuere dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam et nibh lorem.</p>
                    </div>
                </div>
                
                <!------- TAB FOUR ------------------------>
                <div class="tab-pane fade" data-toggle="tab" id="FOUR">
                    <div style="background: #fff; color: #000; height: 450px; overflow:auto; border-radius: 1em;" class="px-3 pt-3">
lowkeywicked toyhouse How to get it? lowkeywicked toyhouse
                        <h1 style="color: #bc4c7c; letter-spacing:1px;" class="display-4 text-uppercase mb-3">
                          <i class="fal fa-users fa-fw pull-right" /> Links</h1>

                        <div class="row px-1">
                            <!--------------------------- CHARACTER LINK -------------------------------------->
                            <div class="col-12 mb-2">
                                <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/23471735_uVZLl4qpjPREyqr.png" 
                                style="max-height:100px;" class="rounded float-sm-right ml-sm-2 d-block mx-auto" />

                                <p class="my-1" style="letter-spacing:1px; font-size: 14pt; font-weight:300;">
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                                  <a href="CHARACTER_LINK" style="color: #bc4c7c;">
                                  Character</a>
                                    <span class="pull-right small mt-1" style="letter-spacing:1px; font-weight:300;filter:opacity(70%);">
                                  [ relationship ]</span></p>

                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. </p>
                            </div>

                            <!--------------------------- CHARACTER LINK -------------------------------------->
                            <div class="col-12 mb-2">
lowkeywicked toyhouse PasteShr lowkeywicked toyhouse
                                <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/23471735_uVZLl4qpjPREyqr.png" 
                                style="max-height:100px;" class="rounded float-sm-right ml-sm-2 d-block mx-auto" />

                                <p class="my-1" style="letter-spacing:1px; font-size: 14pt; font-weight:300;">
                                  <a href="CHARACTER_LINK" style="color: #bc4c7c;">
                                  Character</a>
                                    <span class="pull-right small mt-1" style="letter-spacing:1px; font-weight:300;filter:opacity(70%);">
                                  [ relationship ]</span></p>

                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. </p>
lowkeywicked toyhouse How to get it for free? lowkeywicked toyhouse
                            </div>

                            <!--------------------------- CHARACTER LINK -------------------------------------->
                            <div class="col-12 mb-2">
                                <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/23471735_uVZLl4qpjPREyqr.png" 
                                style="max-height:100px;" class="rounded float-sm-right ml-sm-2 d-block mx-auto" />

                                <p class="my-1" style="letter-spacing:1px; font-size: 14pt; font-weight:300;">
                                  <a href="CHARACTER_LINK" style="color: #bc4c7c;">
                                  Character</a>
lowkeywicked toyhouse How to dowload it? lowkeywicked toyhouse
                                    <span class="pull-right small mt-1" style="letter-spacing:1px; font-weight:300;filter:opacity(70%);">
                                  [ relationship ]</span></p>

                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
lowkeywicked toyhouse How to get it for free? lowkeywicked toyhouse
    </div>
</div>
<div class="container mt-2" style="max-width: 900px;">
    <p class="text-right small">HTML by  @Pinky</p>
</div>
</div>
lowkeywicked toyhouse