[TH] mille-feuille

<!---------

~ DO NOT REMOVE ~
LAYOUT BY JAYDEN
MODIFIED BY ELXYIE

border color: #b9bede
background color: #b9bede

---------->
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-5">
            <!--


---

COLUMN 1

---------->
            <div class="card" style="border:1px solid #b9bede; height:380px; margin-bottom:10px;">

                <h2 class="card-inverse card-header display-5" style="background-color:#b9bede; text-transform:uppercase; color:#fff;">♛  THEMEPARK MASCOT  ♛</h2>
                <div class="card-block">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-sm-6">
                                <!--


---

IMAGE

---------->
                <div class="card d-inline-block" style="border: 1px solid #b9bede;background-color: #b9bede; background-image:url('https://i.imgur.com/NUyMKkm.png'); width:100%;height:280px;">
                                    <div class="card-block" style="padding:0;"><img class="fr-fic fr-dii"></div>
                                </div>
                                <!---
---

END IMG

-------->
                            </div>
                            <!---
---

QUICK BIO

-------->
<div class="col-sm-6">
  <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">♛  mille-feuille</div>
    <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">♛  female</div>
    <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">♛  main</div>
    <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">♛  mar. 12</div>
    <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">♛  friends with other      themepark mascots</div>
    <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">♛  always with scepter</div>
    <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;">♛  themes  <a href="https://www.youtube.com/watch?v=_5YTeE0mwVU" style="color: #b9bede;">♪</a><a href="https://www.youtube.com/watch?v=0fxR-7cV8UU" style="color: #b9bede;">♫</a><a href="https://www.youtube.com/watch?v=eZQ_x766j88" style="color: #b9bede;">♫</a></div>
    <br><center>
    <div style="width:100%; margin-bottom:5px; text-transform:uppercase;font-size:9pt;"><strong>never for sale/trade/etc.</strong></center></div>
    <img src="https://i.imgur.com/Iw0pEOb.gif"/></center>
    </div></div>
                    </div>
                </div>
            </div>
            <div class="card ui-accordion" style="height:200px; border:1px solid #b9bede; margin-bottom:10px;">

                <h2 class="card-inverse card-header display-5" style="background-color:#b9bede; text-transform:uppercase; color:#fff;">♛  Personality</h2>
                <div class="card-block ui-accordion-content">♛  happy-go-lucky
                <br>♛  energetic
                <br>♛  giggles a lot
        </div>
       </div>
            </div>
        <div class="col-sm-7">
            <!--


---

STORY

---------->
            <div class="card ui-accordion" style="border:1px solid #b9bede; height:595px; margin-bottom:10px;">

                <h2 class="card-inverse card-header display-5" style="background-color:#b9bede; text-transform:uppercase; color:#fff;">♛  Story</h2>
                <div class="card-block ui-accordion-content" align="center"><br><br><br><br>
<p>mascot of the magicolle theme park
<br>leads the daily parade at 15:00 and 19:30
<br>excellent baton twirler
<br>very energetic, always smiling and laughing
<br>wears a special costume when the parade changes
<br>skips around instead of walking
<br>loves her piffi companion, royal
<br>always has a tune playing in her head
<br>uses wings to tie her ponytail to remind her to dream
<br>smells of sugar and daisies
<br>likes when people sing along with her
<br>wants to have a fairy tale romance
<br>loves fireworks and the joy they bring to people
<br>favorite food is chocolate drizzled popcorn
</p>
<br><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1082e88c-f1cf-46be-88c7-aa266b044e92/d719h4z-43f97e57-3da8-47f7-9490-57431ddc1ed1.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzEwODJlODhjLWYxY2YtNDZiZS04OGM3LWFhMjY2YjA0NGU5MlwvZDcxOWg0ei00M2Y5N2U1Ny0zZGE4LTQ3ZjctOTQ5MC01NzQzMWRkYzFlZDEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5zvswlyYuiNugrYgkPELc6hSM-8dTxky1aA7wU4Y8RI"/></div>
            </div>
        </div>
    </div>
</div>
<!---
---------------------------

RELATIONSHIPS

--------------------------->
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-8">
            <div class="card ui-accordion" style="border:1px solid #b9bede; height:450px; margin-bottom:10px;">

                <h2 class="card-inverse card-header display-5" style="background-color:#b9bede; text-transform:uppercase; color:#fff;">♛  relationships</h2>
                <div class="card-block ui-accordion-content">

                    <table style="width: 100%; border:none;">
                        <tbody>
                            <tr>
                                <td style="width: 21.7185%;"><img src="https://via.placeholder.com/150/b9bede/ffffff" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
                                <td style="width: 78.2815%;">

                                    <h2><a href="#" style="color: #b9bede;">NAME</a></h2><strong>r e l a t i o n s h i p</strong>
                                    <br>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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</td>
                            </tr>
                            <br>
                            <tr>
<td style="width: 21.7185%;"><img src="https://via.placeholder.com/150/b9bede/ffffff" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
                                <td style="width: 78.2815%;">

                                    <h2><a href="#" style="color: #b9bede;">NAME</a></h2><strong>r e l a t i o n s h i p</strong>
                                    <br>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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-sm-4"><!----

BOTTOM RIGHT IMAGE

------------------>
      <br><br><center>
      <img src="https://file.toyhou.se/watermarks/13252356_NMd62dPwD.png"/></center>
        </div>
    </div>
</div>
<!--------- CREDIT - DO NOT REMOVE ----------->
<div style="text-transform:uppercase;">
<p style="text-align: right;font-size: 9px; margin-right:17px;" text-transform:"uppercase;">LAYOUT BY @JAYDEN  •  MODIFIED BY @ELXYIE</p></div>