Página 'demanda' criada e finalizada, ajustado uns estilos nas outras…

… páginas
Davi-D18 · Sep 15, 2024 · 54adc98 · 54adc98
1 parent 2302a21
commit 54adc98
Show file tree

Hide file tree

Showing 10 changed files with 624 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -3,13 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Projeto de Tratamento de Água Dura</title>
+    <title>HidroInova</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:wght@100..900&display=swap"
       rel="stylesheet"
     />
+    <link rel="shortcut icon" href="./src/assets/favicon/favicon.png" type="image/x-icon">
     <link rel="stylesheet" href="src/styles/styles.css" />
   </head>
   <body>
@@ -20,7 +21,7 @@
         <ul>
           <li><a href="../../../index.html">Início</a></li>
           <li><a href="./src/pages/Equipe/equipe.html">Equipe</a></li>
-          <li><a href="#services">Demanda</a></li>
+          <li><a href="./src/pages/Demanda/demanda.html">Demanda</a></li>
         </ul>
       </nav>
     </header>
@@ -42,8 +43,11 @@ <h2>Projeto</h2>
             controle da dosagem química e monitoramento constante da dureza da
             água garantem que o processo seja eficiente e seguro.
           </p>
+
+          <div class="container-button"><button class="pages-link">Ver Mais Informações</button></div>
         </section>
-        <section id="demanda">
+
+        <section id="demanda" data-url="./src/pages/Demanda/demanda.html">
           <div class="container-icon">
             <img
               class="icon grafico-barras"
@@ -55,8 +59,11 @@ <h2>Demanda</h2>
           <p>
             A empresa Beplast enfrenta o desafio de descartar 30% da água usada em seu processo produtivo devido à alta mineralização, tornando-a imprópria para uso industrial. A solução buscada visa reduzir o desperdício, reutilizar a água de maneira eficiente e atender aos ODS 8 e 9.
           </p>
+
+          <div class="container-button"><button class="pages-link">Ver Mais Informações</button></div>
         </section>
-        <section id="equipe">
+
+        <section id="equipe" data-url="./src/pages/Equipe/equipe.html">
           <div class="container-icon">
             <img
               class="icon grupo-pessoas"
@@ -71,6 +78,8 @@ <h2>Equipe</h2>
             sustentável. Juntos, trabalhamos para criar uma solução que atenda
             às necessidades das comunidades locais.
           </p>
+
+          <div class="container-button"><button class="pages-link">Ver Mais Informações</button></div>
         </section>
 
         <section id="canvas">
@@ -88,7 +97,13 @@ <h2>Canvas</h2>
             garantimos um processo de tratamento acessível e de fácil
             manutenção.
           </p>
+
+          <div class="container-button">
+            <a class="canvas" href="https://drive.google.com/file/d/15yk6Cmkr0P8JKFSn3uj4-XTOUxpyimvn/view?usp=drive_link" target="_blank" download><button class="pdf-canvas">Clique para visualizar
+            </button></a>
+          </div>
         </section>
+
       </div>
 
       <footer class="footer">
@@ -105,7 +120,7 @@ <h4>Links Rápidos</h4>
             <ul>
               <li><a href="../../../index.html">Início</a></li>
               <li><a href="./src/pages/Equipe/equipe.html">Equipe</a></li>
-              <li><a href="#services">Demanda</a></li>
+              <li><a href="./src/pages/Demanda/demanda.html">Demanda</a></li>
             </ul>
           </div>
           <div class="footer-section">
@@ -122,5 +137,6 @@ <h4>Contato</h4>
         </div>
       </footer>
     </main>
+    <script src="./src/js/index.js"></script>
   </body>
 </html>
diff --git a/src/assets/favicon/favicon.png b/src/assets/favicon/favicon.png
diff --git a/src/assets/icons/download.svg b/src/assets/icons/download.svg
diff --git a/src/assets/images/fundo-hero.jpg b/src/assets/images/fundo-hero.jpg
diff --git a/src/assets/images/pexels-pixabay-327090.jpg b/src/assets/images/pexels-pixabay-327090.jpg
diff --git a/src/js/index.js b/src/js/index.js
@@ -0,0 +1,21 @@
+// Função para redirecionar para a URL especificada no atributo data-url do card clicado
+function handleCardClick(event) {
+  const card = event.currentTarget;
+  const url = card.getAttribute("data-url");
+
+  if (url) {
+    window.location.href = url;
+  }
+}
+
+// Adiciona o event listener a todos os cards na página
+function setupCardRedirects() {
+  const cards = document.querySelectorAll("section");
+
+  cards.forEach((card) => {
+    card.addEventListener("click", handleCardClick);
+  });
+}
+
+// Inicializa a configuração dos redirecionamentos quando o DOM estiver completamente carregado
+document.addEventListener("DOMContentLoaded", setupCardRedirects);