View-Data-Structure/index.html at main · Wesley00s/View-Data-Structure · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Configuração do documento HTML5 com especificação de idioma -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Título da página -->
    <title>Data View</title>

    <!-- Arquivos externos de CSS para estilização -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/redirectButton.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/styleNavbar.css">
    <link rel="stylesheet" href="css/styleFooter.css">

    <!-- Arquivos externos de JavaScript com atributo defer -->
    <script defer src="js/script.js"></script>
    <script defer src="js/jsNavbar.js"></script>
</head>

<body>
    <!-- Seção de cabeçalho com logo, título e navegação -->
    <header>
        <!-- Logo e título da página -->
        <div class="logoTitle">
            <a href="#" class="logo"><img src="images/logo.png" width="45px"></a>
            <p class="titlePage">DATA VIEWER</p>
        </div>

        <!-- Menu de navegação com links -->
        <nav class="navbar hiddenMenu">
            <!-- Links para várias páginas -->
            <a href="#">Home</a>
            <a href="pages/vetores.html">Vetores</a>
            <a href="pages/listas.html">Listas</a>
            <a href="pages/pilhas.html">Pilhas</a>
            <a href="pages/filas.html">Filas</a>
            <a href="pages/heaps.html">Heaps</a>
            <a href="pages/arvores.html">Árvores</a>
            <a href="pages/hash.html">Tabelas Hash</a>
            <a href="pages/grafos.html">Grafos</a>
        </nav>

        <!-- Ícone do menu -->
        <img src="images/menu.png" alt="menu" class="menuIcon">
    </header>

    <!-- Seção principal com título e descrição -->
    <div class="home" id="home">
        <!-- Conteúdo dentro da seção principal -->
        <div class="content">
            <h1>Estrutura de Dados Das</h1>
            <h2>Tecnologias</h2>
            <p>Você Rumo Ao Infinito</p>
        </div>
    </div>

    <div class="redirectButton">
        <a href="pages/vetores.html">
            <button class="next redirBtn">Próximo</button>
        </a>
    </div>

    <!-- Seção de rodapé com SVG em onda, logo, nome, citação e informações de direitos autorais -->
    <footer>
        <!-- SVG em onda para estilização -->
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" class="wave">
            <!-- Caminho para a forma da onda -->
            <path fill="#060429" fill-opacity="1" d="M0,160L60,133.3C120,107,240,53,360,58.7C480,64,600,128,720,160C840,
                192,960,192,1080,170.7C1200,149,1320,107,1380,85.3L1440,64L1440,320L1380,
                320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,
                320C240,320,120,320,60,320L0,320Z">
            </path>
        </svg>

        <!-- Corpo do rodapé com logo, nome, citação e informações de direitos autorais -->
        <div class="footerBody">
            <!-- Logo e nome -->
            <img src="images/logo.png" alt="logo" class="logoFooter">
            <h3 class="dataName">DATA VIEWER</h3>

            <!-- Citação -->
            <p class="phrase">
                - Woodrow Wilson <br>
                "Eu não apenas uso todo o cérebro que tenho, <br> mas todos os que consigo pegar emprestado."
            </p>

            <div class="squad">
                <h3 class="titleSquad">
                    &lt;Desenvolvido por&gt;
                </h3>
                <div>
                    <div class="dev1">
                        <a href="https://github.com/Doug16Yanc">
                            &lt;
                                <p>Douglas_Holanda</p>
                            id="TechLeader" class="BackEnd&gt;
                        </a>
                    </div>
                    <div class="dev2">
                        <a href="https://github.com/Leititcia">
                            &lt;
                                <p>Leticia_Pereira</p>
                            id="Analista_de_requisitos" class="Designer"&gt;
                        </a>
                    </div>
                    <div class="dev3">
                        <a href="https://github.com/Micaele25">
                            &lt;
                                <p>Micaele_Rodrigues</p>
                            class="Designer"/&gt;
                        </a>
                    </div>
                    <div class="dev4">
                        <a href="https://github.com/KaianeSousa">
                            &lt;
                                /<p>Kaiane_Maciel</p>
                            class="FrontEnd"&gt;
                        </a>
                    </div>
                    <div class="dev5">
                        <a href="https://github.com/Wesley00s">
                            &lt;
                                /<p>Wesley_Rodrigues</p>
                            class="FullStack"&gt;
                        </a>
                    </div>
                </div>
            </div>

            <!-- Informações de direitos autorais -->
            <small class="lastText">
                &copy;Copyright 2023, Data Viewer. Todos os direitos reservados
            </small>
        </div>
    </footer>
</body>

</html>