<div class="card bg-faded card-outline-info" style="width:300px; padding:5px;">
    <div class="card-block"><img src="https://68.media.tumblr.com/1f75d3979a8024ef6c0ec18f66506f8e/tumblr_owhaidbfxx1w2xfygo1_400.jpg" class="fr-fic fr-dib" width="248" height="269"></div>
</div>
<div class="ui-accordion card bg-faded card-outline-info" style="width:300px; height:280px; margin-top:20px;">

    <h2 class="card-inverse card-info card-header" style="letter-spacing:3px;text-transform:uppercase;"><i class="fa fa-rocket"></i> status</h2>
    <div class="ui-accordion-content card-block">

        <table style="height:100%; border:none;" width="100%">
            <tbody>
                <tr>
                    <td style="width: 87.1795%; text-align: center;"><strong>Significant Other:&nbsp;</strong>None</td>
                </tr>
                <tr>
                    <td style="width: 87.1795%; text-align: center;"><strong>Status:</strong>Main</td>
                </tr>
                <tr>
                    <td style="width: 87.1795%; text-align: center;"><strong>Mental health:&nbsp;</strong>Poor</td>
                </tr>
                <tr>
                    <td style="text-align: center;"><strong>Physical Health:</strong>Terrible.</td>
                </tr>
                <tr>
                    <td style="text-align: center;"><strong>Creator:</strong> @Jayy</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="card bg-faded" style="width:300px;margin-top:20px;text-transform:uppercase;">
    <div class="card-block" style="text-align: center;"><span style="font-size: 9px; color: rgb(115, 115, 115);">Layout by @Jayden &bull; Image by @Jayy</span></div>
</div>
<div class="ui-accordion card bg-faded card-outline-info" style="width:700px; height:673px; margin-left:318px; margin-top:-673px;">

    <h2 class="card-inverse card-info card-header" style="letter-spacing:3px;text-transform:uppercase;"><i class="fa fa-id-card-o"></i> character</h2>
    <div class="ui-accordion-content card-block bg-faded" style="height: 210px;"><em>loud &bull;stuck up &bull;wild</em>
        <hr style="border:dashed #dddddd;border-width:1px 0 0;">

        <table class="double table-hover" style="margin-right: calc(0%); width: 100%; margin-left: calc(0%); border:none;">
            <tbody>
                <tr>
                    <td class="title" style="width: 21.9243%; text-align: right;"><strong>Name</strong></td>
                    <td style="text-align: left; width: 27.4451%;">Anthony</td>
                    <td class="title" style="width: 25.2363%; text-align: right;"><strong>Birthdate</strong></td>
                    <td style="width: 25.394%; text-align: left;">December 18, 1997</td>
                </tr>
                <tr>
                    <td class="title" style="width: 21.9243%; text-align: right;"><strong>Age</strong></td>
                    <td style="text-align: left; width: 27.4451%;">19</td>
                    <td class="title" style="width: 25.2363%; text-align: right;"><strong>Health issues</strong></td>
                    <td style="width: 25.394%; text-align: left;">Hypochondria</td>
                </tr>
                <tr>
                    <td class="title" style="width: 21.9243%; text-align: right;"><strong>Gender</strong></td>
                    <td style="text-align: left; width: 27.4451%;">Male</td>
                    <td class="title" style="width: 25.2363%; text-align: right;"><strong>Parents</strong></td>
                    <td style="width: 25.394%; text-align: left;">Unknown</td>
                </tr>
                <tr>
                    <td class="title" style="width: 21.9243%; text-align: right;"><strong>Species</strong></td>
                    <td style="text-align: left; width: 27.4451%;">Human</td>
                    <td class="title" style="width: 25.2363%; text-align: right;"><strong>Job</strong></td>
                    <td style="width: 25.394%; text-align: left;">camboy</td>
                </tr>
                <tr>
                    <td class="title" style="width: 21.9243%; text-align: right;"><strong>Relationship</strong></td>
                    <td style="text-align: left; width: 27.4451%;">Confusing</td>
                    <td class="title" style="width: 25.2363%; text-align: right;"><strong>Extras</strong></td>
                    <td style="width: 25.394%; text-align: left;">None</td>
                </tr>
                <tr>
                    <td class="title" style="width: 21.9243%; text-align: right;"><strong>Favorite food</strong></td>
                    <td style="text-align: left; width: 27.4451%;">McNuggets</td>
                    <td class="title" style="width: 25.2363%; text-align: right;"><strong>Social health</strong></td>
                    <td style="width: 25.394%; text-align: left;">Bad</td>
                </tr>
            </tbody>
        </table>
        <hr style="border:dashed #dddddd;border-width:1px 0 0;">
    </div>
    <div class="ui-accordion-content card-block bg-faded" style="height: 150px;"><em><strong>&rdquo;What a loser&rdquo;</strong></em>
        <br>
        <br>Anthony, the brother of Michel, was the opposite of his brother. He didn't take education seriously so he barely made it through his school life. Like most people at his age, he has a job. His job is a weird one. He's a camboy. Anthony loved to show off his body to strangers and it was a good way to make money so he stuck with it. His parents disapproved of everything and his brother never kept his mouth shut so he ran away. Anthony had many former lovers but he hasn't found one that will stick for him since nobody can handle all of the needs he has.
        <br>
        <br>Anthony soon formed an addiction to LSD. The drug always made him have a small moment of relief from the busy times of life. Even though he lives in a good place and has luxuries from his “job”, things come at a risk. He developed Hypocondria and therapy for it is tough. He will always think that he has anxiety or clinical depression even though he doesn't. He is convinced about it, though he tries his best to hide it. The only people to know who Anthony truly is are the people who are usually under the covers with him.</div>
</div>