div patrocinadores site

gistfile1.html

<!-- Patrocinadores -->
            <article role="article" id="patrocinadores">
                <h3>Patrocinadores <a href="#menu" class="go-top">↑ menu</a></h3>
                <div class="article-content">
                    <table>
                        <!-- Cabeçalho da tabela com os tipos de patrocínio -->
                        <thead class="tipos">
                          <tr>
                            <th>Ouro</th>
                            <th>Prata</th>
                            <th>Bronze</th>
                        </tr>
                    </thead>
                    <!-- Corpo da tabela com as imagens dos patrocinadores,
                         cada tipo de patrocínio tem um tamanho específico -->
                    <tbody class="tipo">
                        <tr>
                            <td>
                                <a href="#"><img src="public/img/patrocinadores/acens.png" alt="Acens" class="pat pat-ouro"></a>
                            </td>
                            <td>
                                <a href="#"><img src="http://placehold.it/250x100" alt="" class="pat pat-prata"></a>
                            </td>
                            <td>
                                <a href="#"><img src="http://placehold.it/200x80" alt="" class="pat pat-bronze"></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a href="#"><img src="http://placehold.it/300x120" alt="" class="pat pat-ouro"></a>
                            </td>
                            <td>
                                <a href="#"><img src="public/img/patrocinadores/acens.png" alt="" class="pat pat-prata"></a>
                            </td>
                            <td>
                                <a href="#"><img src="http://placehold.it/200x80" alt="" class="pat pat-bronze"></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a href="#"><img src="http://placehold.it/300x120" alt="" class="pat pat-ouro"></a>
                            </td>
                            <td>
                                <a href="#"><img src="http://placehold.it/250x100" alt="" class="pat pat-prata"></a>
                            </td>
                            <td>
                                <a href="#"><img src="public/img/patrocinadores/acens.png" alt="" class="pat pat-bronze"></a>
                            </td>
                        </tr>
                    </tbody>
                    <!-- /corpo da tabela-->
                </table>
                <!-- /tabela patrocinadores -->
            </div>
<!-- /patrocinadores -->
        </article>