Header

ICEI-PUC-Minas-PMGCC-TI · Jun 23, 2024 · c693053 · c693053
1 parent 7f83dd7
commit c693053
Show file tree

Hide file tree

Showing 14 changed files with 538 additions and 5 deletions.
diff --git a/codigo/assets/css/styleVerificadorSenha.css b/codigo/assets/css/styleVerificadorSenha.css
@@ -1,17 +1,27 @@
 @import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
 
-.Iago2 * {
+body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Poppins", sans-serif;
 }
 
+#global-header {
+    position: fixed;
+    top: 0;
+    width: 100%;
+    background-color: #fff; /* Ajuste conforme necessário */
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    z-index: 1000;
+}
+
 .Iago2 {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
+    padding-top: 70px; /* Ajuste conforme a altura do header */
 }
 
 .Iago2 .custom-container {
@@ -25,7 +35,6 @@
     text-align: center;
 }
 
-
 .Iago2 .custom-container header {
     font-size: 24px;
     font-weight: 600;
@@ -132,4 +141,4 @@
 
 .Iago2 form .strength-text.strong {
     color: #23ad5c;
-}
+}
diff --git a/codigo/pages/AtaquesQuiz.html b/codigo/pages/AtaquesQuiz.html
@@ -5,9 +5,46 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../assets/css/styleQuiz.css">
+    <link rel="stylesheet" href="../assets/css/global.css">
     <title>Quiz</title>
 </head>
+<!-- Cebeçalho -->
+<header id="global-header">
+    <nav class="global-nav-bar">
+        <div class="global-logo">
+            <h1><a href="index.html">NetGuard</a></h1>
+        </div>
+        <div class="global-nav-list">
+            <ul>
+                <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+                <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+                <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+                <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+                <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+            </ul>
+        </div>
+        <div class="global-login-button">
+            <button><a href="index-gc-2.html">Entrar</a></button>
+        </div>
 
+        <div class="global-mobile-menu-icon">
+            <button onclick="menuShow()"><img class="global-icon" src="images/menu_white_36dp.svg" alt=""></button>
+        </div>
+    </nav>
+    <div class="global-mobile-menu">
+        <ul>
+            <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+            <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+            <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+            <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+            <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+        </ul>
+
+        <div class="global-login-button">
+            <button><a href="cadastro.html">Entrar</a></button>
+        </div>
+    </div>
+    </header>
 <body class="Iago3">
     <div class="quiz-container">
         <h2>Teste seu conhecimento</h2>
@@ -35,6 +72,25 @@ <h2>Parabéns! Você acertou todas as questões!</h2>
     </div>
 
     <script src="../assets/js/scriptAtaquesQuiz.js"></script>
+    <!-- Conectando o JS -->
+    <script src="../assets/js/global.js"></script>
 </body>
+<!-- Rodapé -->
+<footer id="global-footer">
+    <div class="global-conteudo-footer">
+        <a class="global-links-footer" href="licoes.html">Lições</a>
+        <a class="global-links-footer" href="potencializa.html">Potencializador De Senhas</a>
+        <a class="global-links-footer" href="gerencia.html">Gerenciador De Senhas</a>
+        <a class="global-links-footer" href="verificacao.html">Verificação De Links</a>
+        <a class="global-links-footer" href="chatbot.html">Chatbot</a>
+        <a class="global-links-footer" href="termos.html">Termos e Condições</a>
+
+    </div>
+    <div class="global-titulo-footer">
+        <p id="copy">
+            © 2024 NetGuard Inc. Todos os Direitos Reservados. Duvidas? Use o email suportenetguard@gmail.com
+        </p>
+    </div>
+    </footer>
 
 </html>
diff --git a/codigo/pages/ComandQuiz.html b/codigo/pages/ComandQuiz.html
@@ -5,9 +5,47 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../assets/css/styleQuiz.css">
+    <link rel="stylesheet" href="../assets/css/global.css">
     <title>Quiz</title>
 </head>
+</head>
+<!-- Cebeçalho -->
+<header id="global-header">
+    <nav class="global-nav-bar">
+        <div class="global-logo">
+            <h1><a href="index.html">NetGuard</a></h1>
+        </div>
+        <div class="global-nav-list">
+            <ul>
+                <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+                <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+                <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+                <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+                <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+            </ul>
+        </div>
+        <div class="global-login-button">
+            <button><a href="index-gc-2.html">Entrar</a></button>
+        </div>
+
+        <div class="global-mobile-menu-icon">
+            <button onclick="menuShow()"><img class="global-icon" src="images/menu_white_36dp.svg" alt=""></button>
+        </div>
+    </nav>
+    <div class="global-mobile-menu">
+        <ul>
+            <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+            <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+            <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+            <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+            <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+        </ul>
 
+        <div class="global-login-button">
+            <button><a href="cadastro.html">Entrar</a></button>
+        </div>
+    </div>
+    </header>
 <body class="Iago3">
     <div class="quiz-container">
         <h2>Teste seu conhecimento</h2>
@@ -37,6 +75,7 @@ <h2>Parabéns! Você acertou todas as questões!</h2>
 
 
     <script src="../assets/js/scriptComandQuiz.js"></script>
+    <script src="../assets/js/global.js"></script>
 </body>
 
 </html>
diff --git a/codigo/pages/EscalonamentoQuiz.html b/codigo/pages/EscalonamentoQuiz.html
@@ -5,9 +5,47 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../assets/css/styleQuiz.css">
+    <link rel="stylesheet" href="../assets/css/global.css">
     <title>Quiz</title>
 </head>
+</head>
+<!-- Cebeçalho -->
+<header id="global-header">
+    <nav class="global-nav-bar">
+        <div class="global-logo">
+            <h1><a href="index.html">NetGuard</a></h1>
+        </div>
+        <div class="global-nav-list">
+            <ul>
+                <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+                <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+                <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+                <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+                <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+            </ul>
+        </div>
+        <div class="global-login-button">
+            <button><a href="index-gc-2.html">Entrar</a></button>
+        </div>
+
+        <div class="global-mobile-menu-icon">
+            <button onclick="menuShow()"><img class="global-icon" src="images/menu_white_36dp.svg" alt=""></button>
+        </div>
+    </nav>
+    <div class="global-mobile-menu">
+        <ul>
+            <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+            <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+            <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+            <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+            <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+        </ul>
 
+        <div class="global-login-button">
+            <button><a href="cadastro.html">Entrar</a></button>
+        </div>
+    </div>
+    </header>
 <body class="Iago3">
     <div class="quiz-container">
         <h2>Teste seu conhecimento</h2>
@@ -37,6 +75,7 @@ <h2>Parabéns! Você acertou todas as questões!</h2>
 
 
     <script src="../assets/js/scriptEscalonamentoQuiz.js"></script>
+    <script src="../assets/js/global.js"></script>
 </body>
 
 </html>
diff --git a/codigo/pages/ExecuçãoRemotaQuiz.html b/codigo/pages/ExecuçãoRemotaQuiz.html
@@ -5,9 +5,47 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../assets/css/styleQuiz.css">
+    <link rel="stylesheet" href="../assets/css/global.css">
     <title>Quiz</title>
 </head>
+</head>
+<!-- Cebeçalho -->
+<header id="global-header">
+    <nav class="global-nav-bar">
+        <div class="global-logo">
+            <h1><a href="index.html">NetGuard</a></h1>
+        </div>
+        <div class="global-nav-list">
+            <ul>
+                <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+                <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+                <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+                <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+                <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+            </ul>
+        </div>
+        <div class="global-login-button">
+            <button><a href="index-gc-2.html">Entrar</a></button>
+        </div>
+
+        <div class="global-mobile-menu-icon">
+            <button onclick="menuShow()"><img class="global-icon" src="images/menu_white_36dp.svg" alt=""></button>
+        </div>
+    </nav>
+    <div class="global-mobile-menu">
+        <ul>
+            <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+            <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+            <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+            <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+            <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+        </ul>
 
+        <div class="global-login-button">
+            <button><a href="cadastro.html">Entrar</a></button>
+        </div>
+    </div>
+    </header>
 <body class="Iago3">
     <div class="quiz-container">
         <h2>Teste seu conhecimento</h2>
@@ -37,6 +75,7 @@ <h2>Parabéns! Você acertou todas as questões!</h2>
 
 
     <script src="../assets/js/scriptExecuçãoRemotaQuiz.js"></script>
+    <script src="../assets/js/global.js"></script>
 </body>
 
 </html>
diff --git a/codigo/pages/FalsificaçãoQuiz.html b/codigo/pages/FalsificaçãoQuiz.html
@@ -5,9 +5,47 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../assets/css/styleQuiz.css">
+    <link rel="stylesheet" href="../assets/css/global.css">
     <title>Quiz</title>
 </head>
+</head>
+<!-- Cebeçalho -->
+<header id="global-header">
+    <nav class="global-nav-bar">
+        <div class="global-logo">
+            <h1><a href="index.html">NetGuard</a></h1>
+        </div>
+        <div class="global-nav-list">
+            <ul>
+                <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+                <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+                <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+                <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+                <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+            </ul>
+        </div>
+        <div class="global-login-button">
+            <button><a href="index-gc-2.html">Entrar</a></button>
+        </div>
+
+        <div class="global-mobile-menu-icon">
+            <button onclick="menuShow()"><img class="global-icon" src="images/menu_white_36dp.svg" alt=""></button>
+        </div>
+    </nav>
+    <div class="global-mobile-menu">
+        <ul>
+            <li class="global-nav-item"><a href="licoes.html" class="global-nav-link">Lições</a></li>
+            <li class="global-nav-item"><a href="VerificadorSenha.html" class="global-nav-link">Potencializador de Senha</a></li>
+            <li class="global-nav-item"><a href="gc3index.html" class="global-nav-link">Gerenciador de Senha</a></li>
+            <li class="global-nav-item"><a href="indexVerficador.html" class="global-nav-link">Verificador de Links</a></li>
+            <li class="global-nav-item"><a href="chatbot.html" class="global-nav-link">Chatbot</a></li>
+        </ul>
 
+        <div class="global-login-button">
+            <button><a href="cadastro.html">Entrar</a></button>
+        </div>
+    </div>
+    </header>
 <body class="Iago3">
     <div class="quiz-container">
         <h2>Teste seu conhecimento</h2>
@@ -37,6 +75,7 @@ <h2>Parabéns! Você acertou todas as questões!</h2>
 
 
     <script src="../assets/js/scriptFalsificaçãoQuiz.js"></script>
+    <script src="../assets/js/global.js"></script>
 </body>
 
 </html>