<ul class="tab tab-block">
    <li class="tab-item">
        <a href="#" onclick="switchTab('Persona')" class="profile_tab_link active" id="TabPersona">Persona</a>
    </li>
    <li class="tab-item">
        <a href="#" onclick="switchTab('Credentials')" class="profile_tab_link" id="TabCredentials">Credentials</a>
    </li>
    <li class="tab-item">
        <a href="#" onclick="switchTab('Acquisitions')" class="profile_tab_link" id="TabAcquisitions">Acquisitions</a>
    </li>
    <li class="tab-item">
        <a href="#" onclick="switchTab('History')" class="profile_tab_link" id="TabHistory">History</a>
    </li>
</ul>
<form>
    <div class="card">
        {% include "ghosts/tabs/persona/persona.html" %}

        <div id="Credentials" class="profile_tab" style="display:none">
            <div class="card-header">
                <div class="card-title h5">Credentials</div>
                <div class="card-subtitle text-gray">"my voice is my passport, verify me"</div>
            </div>
            <div class="card-body">Credentials are very important</div>
        </div>

        <div id="Acquisitions" class="profile_tab" style="display:none">
            <div class="card-header">
                <div class="card-title h5">Acquisitions</div>
                <div class="card-subtitle text-gray">"if you can't hack it, buy it"</div>
            </div>
            <div class="card-body">Acquisitions are very important</div>
        </div>

        <div id="History" class="profile_tab" style="display:none">
            <div class="card-header">
                <div class="card-title h5">History</div>
                <div class="card-subtitle text-gray">"now where was i..."</div>
            </div>
            <div class="card-body">History is very important</div>
        </div>
    </div>
</form>
