html-css/index.html at main · vitorrutfpr/html-css · 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
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles/menu.css">
    <link rel="stylesheet" href="styles/main.css">
    <title>Timeline</title>
</head>

<body>
    <header class="nav">
        <img src="./imagens/logo.svg" class="logo" alt="Logo da página" width="100" height="100">
        <div class="buttons">
            <a href="./index.html" class="button selected">
                <span class="button-label"><b>Início</b></span>
            </a>

            <a href="./tipos-de-algoritmos-modelos-generativos.html" class="button">
                <span class="button-label">Introdução</span>
            </a>

            <a href="./arte-vs-ia.html" class="button">
                <span class="button-label">Artefatos</span>
            </a>

            <a href="./modelos-generativos-na-arte.html" class="button">
                <span class="button-label">Algoritmo</span>
            </a>

            <a href="./about-us.html" class="button">
                <span class="button-label">Sobre Nós</span>
            </a>
        </div>
    </header>

    <main>
        <nav class="timeline">
            <div class="timeline-line"></div>
            <div class="timeline-container">
                <a class="timeline-card" href="./tipos-de-algoritmos-modelos-generativos.html">
                    <img src="imagens/menu/artevsia.jpg"
                        alt="Imagem de um quadro com rosto de mulher dividido ao meio, ao lado esquerdo pintura clássica, ao lado direito rosto gerado por modelo generativo">
                    <b class="title">Arte Vs IA</b>
                </a>
                <a class="timeline-card" href="./arte-vs-ia.html" >
                    <img src="imagens/menu/aplicacoes.jpg" alt="Imagem com artefatos gerados por modelos generativos em dispositivos diferentes">
                    <b class="title">Modelos Generativos na Arte</b>
                </a>
                <a class="timeline-card" href="./modelos-generativos-na-arte.html">
                    <img src="imagens/menu/neural.jpg" alt="Imagem de rede neural e gráficos">
                    <b class="title">Algoritmos e Modelos Generativos</b>
                </a>
            </div>
        </nav>
    </main>

</body>

</html>