gistfile1.html

<div class="settings-sections">
    <div class="section-header">
        <%- gettext("Account Settings") %>
        <small class="subtitle"><%- gettext("A collection of all your account settings, including basic personalization controls, demographic information, and linked social accounts.") %></small>
    </div>

    <ol>
        <li class="list-section">
            <div class="list-section-header">
                <h3> Basic Account Information </h3>
            </div>
            <hr class="divider divider-lv1">
            <div class="list-item">
                <label>
                    <%- gettext('Username') %>
                </label>
                <label>
                    <%- gettext(username) %>
                </label>
            </div>
            <hr class="divider divider-lv1">
            <div class="list-item">
                <label>
                    <%- gettext('Full Name') %>
                </label>
                <label>
                    <%- gettext(fullname) %>
                </label>
            </div>
            <hr class="divider divider-lv1">
        </li>

        <li class="list-section">
            <div class="list-section-header">
                 <h3> Demographics and Additional Details </h3>
            </div>
            <hr class="divider divider-lv1">
        </li>

        <li class="list-section">
            <div class="list-section-header">
                <h3> Connected Accounts  </h3>
            </div>
            <hr class="divider divider-lv1">
        </li>
    </ol>
</div>