[TH] Etoile profile

<!---------

-DO NOT REMOVE-
LAYOUT BY JAYDEN
MODIFIED BY ELXYIE

border-color: #985F77
background-color: #3F3D58

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


---

COLUMN 1

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

                <h2 class="card-inverse card-header display-5" style="background-color:#3F3D58; text-transform:uppercase; color:#fff;">☾  moon princess</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 #985F77; background-color: #3F3D58; background-image:url('https://im.ezgif.com/tmp/ezgif-1-6b5e0e2333d4.gif'); fixed right; width:100%; height:270px; margin-bottom:0px;">
                                    <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;">☾  etoile</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;">☾  race</div>
                                <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  age</div>
                                <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  orientation</div>
                                <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  extra</div>
                                <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  notes</div>
                        <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  relationship</div>
                        <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  content</div>
                        <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  content</div>
                        <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  content</div>
                        <div style="width:100%; margin-bottom:5px; text-transform:uppercase; font-size:9pt;">☾  content</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card ui-accordion" style="height:200px; border:1px solid #985F77; margin-bottom:10px;">

                <h2 class="card-inverse card-header display-5" style="background-color:#3F3D58; text-transform:uppercase; color:#fff;">☾  Personality</h2>
                <div class="card-block ui-accordion-content">☾  content
                <br>☾  content
                <br>☾  content
                <br>☾  content
                <br>☾  content</div>
            </div>
        </div>
        <div class="col-sm-7">
<!--------

STORY

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

                <h2 class="card-inverse card-header display-5" style="background-color:#3F3D58; text-transform:uppercase; color:#fff;">☾  Story</h2>
                <div class="card-block ui-accordion-content" align="center"><br><br>
<p>content here</p>

<p>keep paragraphs in (p) brackets to paragraph break </p>

<p>use (br) to move down a line</p>

<br><img src="https://i.imgur.com/zOON3uH.png"/></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 #985F77; height:450px; margin-bottom:10px;">

                <h2 class="card-inverse card-header display-5" style="background-color:#3F3D58; 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://i.imgur.com/mNWy1ps.jpg" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
                                <td style="width: 78.2815%;">

                                    <h2><a href="#" style="color: #985F77;">NAME</a></h2><em>relationship</em>
                                    <br>content here
                                    <br>content here</td>
                            </tr>
                            <br>
                            <tr>
<td style="width: 21.7185%;"><img src="https://i.imgur.com/mNWy1ps.jpg" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
                                <td style="width: 78.2815%;">

                                    <h2><a href="#" style="color: #985F77;">NAME</a></h2><em>relationship</em>
                                    <br>content here
                                    <br>content here</td>
                            </tr>
                <tr>
<td style="width: 21.7185%;"><img src="https://i.imgur.com/mNWy1ps.jpg" class="fr-fic fr-dii fr-rounded fr-fil" width="124" height="126"></td>
                                <td style="width: 78.2815%;">

                                    <h2><a href="#" style="color: #985F77;">NAME</a></h2><em>relationship</em>
                                    <br>content here
                                    <br>content here</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
<!----

BOTTOM RIGHT IMAGE

------------------>
<img src="https://i.imgur.com/z9EW6jY.png"/>
                <div class="card-block" style="padding:0;"><img class="fr-fic fr-dii"></div>
            </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;">IMAGE BY <a href="https://www.deviantart.com/yirusann">YIRUSANN</a>  ☾  LAYOUT BY @JAYDEN  ☾  MODIFIED BY @ELXYIE</div>