1
resposta

Como proceder com a implementação

implementar o layout proposto (layout/mockup.jpg), utilizando as imagens enviadas e seus conhecimentos em HTML, CSS e JavaScript/JQuery. Ao clicar em algum dos itens Saiba mais ou ACESSE deve ser exibida uma janela modal com um texto diferente para cada um dos itens. Segue exemplos na pasta layout. Pode ser utilizado textos genéricos para o desenvolvimento.

Parte 2

Abrir o arquivo "tabela.html" e criar um script que mude a cor dos botões e traduza as palavras da tabela para suas correspondentes em português. Alterações necessárias deverão ser feitas via JavaScript ou jQuery.

<!DOCTYPE html>
<html>
<head>
    <title>Teste Parte 2</title>
    <meta charset="utf-8">
</head>
<body>

    <table border="1">
        <tbody>
            <tr id="ideas-row">
                <td align="right">1,000</td>
                <td align="left">Ideas</td>

            </tr>
            <tr id="comments-row">
                <td align="right">1,348</td>
                <td align="left">Comments</td>
            </tr>
            <tr id="likes-row">
                <td align="right">2,130</td>
                <td align="left">Likes</td>
            </tr>
            <tr id="members-row">
                <td align="right">1,226</td>
                <td align="left">Members</td>
            </tr>
        </tbody>
    </table>

    <br>

    <button id="btn-One">Botão vermelho</button>
    <button id="btn-Two">Botão Azul</button>

    <script type="text/javascript">

        // Desenvolva o seu Script aqui
        // Pode ser com JQuery ou JavaScript puro

    </script>

</body>
</html>
1 resposta

Olá, Ricardo.

Você está com dúvida em qual parte?