briefing/conteudo.html at master · iamdivaloper/briefing · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <title>Formulário - Briefing</title>
    <link rel="icon" href="img/test.png">
    <link href="https://fonts.googleapis.com/css?family=Chicle|Indie+Flower" rel="stylesheet">
   <link rel="stylesheet" href="css/conteudo.css">
</head>

<body>
    <header>
        <!-- Posso usar o logo como <h1><img src="img/test.png" alt="Logotipo que representa a marca" class="center"> </h1> -->
        <img src="img/test.png" alt="Logotipo que representa a marca">
         <h1>Dev{girl}</h1>
        <nav>
            <ul>
                <li><a href="orcamento.html" target="_self">Orçamento</a></li>
                <li><a href="#resumo" target="_self">Resumo</a></li>
                <!-- target="_blank" abre em outra aba; target="_self" abre na mesma aba dentro do site -->
                <li><a href="#suporte" target="_self">Suporte</a></li>
            </ul>
        </nav>
    </header>
    <h2 id="titulo">Conteúdo para estudo!</h2>

<section class="resumo" id="resumo">
        <img class="center" src="img/caderno.jpg" alt="Caderno - Imagem referência para resumo">
        <h3>Resumo</h3>
        <p>Coletania de links para estudar mais tarde</p>
    </section>

    <table class="center">
        <!-- <thead> Tabela -->
        <thead>
            <!-- <tr> Criar linha -->
            <tr>
                <!-- <th> Coluna titulo -->
                <th class="linhaAzul">O Que Vamos Aprender</th>
                <th class="linhaAzul">Nível</th>
                <th class="linhaAzul">Gratuito</th>
                <th class="linhaAzul">Link</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <!-- <td> Coluna do corpo -->
                <td>HTML + CSS + JS</td>
                <td>Iniciante</td>
                <td>Sim</td>
                <td><a href="https://www.caelum.com.br/apostila-html-css-javascript/" target="_blank">Caelum</a></td>
            </tr>
            <tr>
                <td>Bootstrap</td>
                <td>Iniciante</td>
                <td>Sim</td>
                <td><a href="http://getbootstrap.com/" target="_blank">Bootstrap</a></td>
            </tr>
            <tr>
                <td>jQuery</td>
                <td>Iniciante</td>
                <td>Sim</td>
                <td><a href="http://www.devmedia.com.br/guia/jquery/34340" target="_blank">DevMedia</a></td>
            </tr>
        </tbody>
    </table>

    <section id="suporte">
        <img class="center" src="img/suporte.png" alt="Suporte - Imagem referência para suporte">
        <h3>Suporte</h3>
        <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    </section>

    <footer>
    <p> Made with <span class="core">s2</span> by <a href="mailto:jeesousa91@gmail.com" target="_blank">Jéssica Lopes</a> - 2017 </p>
    </footer>

</body>

</html>