<section class="table">
    <div class="table__topHeader">
        <div class="filter__clear">
            <button type="button"  aria-label="Left Align">
                Limpar Filtros
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
            </button>
        </div>
        <div class="table__title">
            <h3>Modelo Da Apresentação</h3>
        </div>

        <div class="table__backButton">
            <button class="btn btn-primary btn-xs" onclick="history.go(-1);return true;">Voltar</button>
        </div>
    </div>

    <table id="modelo-da-apresentação">
        <!-- CABEÇALHO -->
        <thead>
            <tr>
                <th class="col__0">Quisque</th>
                <th class="col__1">Nunc</th>
                <th class="col__2">Cras</th>
                <th class="col__3">Pellentesque</th>
                <th class="col__4">Donec mollis hendrerit</th>
                <th class="col__5">Donec elit</th>
                <th class="col__6">Fusce convallis metus id</th>
                <th class="col__7">Phasellus</th>
            </tr>
        </thead>

        <tbody>
            <!-- LINHA DE EXEMPLO -->
            <tr>
                <td class="col__0">Praesent</td>
                <td class="col__1">Curabitur</td>
                <td class="col__2">
                    <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. </p>
                    <p> Fusce commodo aliquam arcu. </p>
                    <p> Phasellus viverra nulla ut metus varius laoreet.</p>
                </td>
                <td class="col__3">Etiam / feugiat / lorem</td>
                <td class="col__4"><i class="flaticon-meh-face-emoticon" style="color: gold;" alt="K"></i></td>
                <td class="col__5">AAAAA</td>
                <td class="col__6">AAAAA</td>
                <td class="col__7">AAAAA</td>
            </tr>

            <!-- ... -->