<?php 
echo UI::get_story_break("Basic information");
?>
            <div class="box-shadow card">
                <div class="card-separator">
                    Gender
                    <div class="bold rfloat">
                        <?php 
echo UI::capitalize($viewed_user->get_gender());
?>
                    </div>
                </div>
                <div class="card-separator">
                    Email
                    <?php 
$truncated_and_original_email = UI::truncate_word($viewed_user->get_email(), 13);
$original_email = $truncated_and_original_email[0];
$truncated_email = $truncated_and_original_email[1];
?>
                    <div class="bold rfloat"
                        <?php 
if ($truncated_email !== $original_email) {
    echo ' title="' . $original_email . '"';
}
?>
>
                        <?php 
if ($truncated_email !== $original_email) {
    ?>
                            <?php 
    echo $truncated_email . '...';