Add files via upload

Site 2
felipetaua · Jun 4, 2024 · 1757bc4 · 1757bc4
1 parent 0e0bfec
commit 1757bc4
Show file tree

Hide file tree

Showing 11 changed files with 737 additions and 1 deletion.
diff --git a/Img/ODS17.jpg b/Img/ODS17.jpg
diff --git a/Img/banner -ODS17.png b/Img/banner -ODS17.png
diff --git a/Img/icone-site.jpg b/Img/icone-site.jpg
diff --git a/Img/logoOds.png b/Img/logoOds.png
diff --git a/Img/ods17-redondo.png b/Img/ods17-redondo.png
diff --git a/Img/senac-logo.jpg b/Img/senac-logo.jpg
diff --git a/Outro.css b/Outro.css
@@ -0,0 +1,26 @@
+.trailer{
+    width: 60%;
+
+}
+
+#trailer-container{
+    width: 100%;
+    height: 400px;
+    display: flex;
+    justify-content: center;
+    border-radius: 8px;
+    margin-bottom: 120px;
+}
+
+/*Bannner*/
+
+#banner2 {
+    width: 100%;
+    height: 600px;
+  /*adiciona uma imagem interna ou externa*/
+    background-image: url("./Img/ods17-redondo.png");
+    background-size: contain;/*deixa a imagem preencher todo o     container sem cortá-la*/
+    background-position: 50% 80%;
+    background-repeat: no-repeat;
+    border-radius: 20px;
+}
diff --git a/README.md b/README.md
@@ -1 +1,2 @@
-# Projeto-ODS-17
+# Projeto-ODS-9
+Trabalho sobre ODS
diff --git a/Video-ods.html b/Video-ods.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <!--Styles-->
+  <link rel="stylesheet" href="./style.css">
+  <link rel="stylesheet" href="./Outro.css">
+  <!--Font awasome-->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
+  <link rel="shortcut icon" href="./Img/icone-site.jpg" type="image/x-icon">
+  <title>Ods - video</title>
+</head>
+<body>
+      <span id="Home"></span>
+    <header>
+      <div class="aling-img">
+        <Img src="./Img/logoOds.png"id="logo" alt="logo ODS"></Img>
+        <a href="index.html" class="link-header"target="_blank">Início</a>
+        <a href="https://www.estrategiaods.org.br/os-ods/ods9/" class="link-header"target="_blank">ODS9</a>
+        <a href="https://www.canva.com/design/DAGD2U6XBk4/KT9PLAN5uwuIb4uoC2GkvA/view" class="link-header" target="_blank">Criação</a>
+
+        <button class="button-header">
+          <a href="https://youtube.com/watch?v=c8cfBU7PaWI&si=huhliImg3aIqjWt7" target="_blank">+ sobre</a>
+          </button>
+      </div>
+    </header>
+
+<div id="banner"></div>
+
+  <main>
+     <div id="trailer-container">
+            <iframe width="853" height="480" src="https://www.youtube.com/embed/c8cfBU7PaWI" title="Minha experiência com os ODS9" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+      </div>
+  </main>
+
+   <div id="text-container">
+        <div class="content">
+            <!-- Div descrição das ods -->
+            <div id="resumo">
+                <h1 class="titulo-secundario">Sumário</h1>
+                <p class="description">
+                     No video abordo os principais fatos da ODS17 Industria infraestutura e tecnologia, seus principais aspectos, e ambientalmente corretas para os países em desenvolvimento, em condições favoráveis, inclusive em condições concessionais e preferenciais, espero que goste!
+                </p>
+            </div>
+        </div>
+    </div>
+
+<div id="banner2"></div> 
+
+    <footer>
+  <div class="footer-content">
+    <img id="logo" style="object-fit: contain;" src="./Img/logoOds.png" alt="logo Objetivos de Desenvolvimento Sustentável - ODS">
+
+    <span class="footer-texto">Todos os direitos reservados © 2024</span>
+    <span class="footer-texto">Desenvolvido por: Tauã Felipe Rocha Amaro</span>
+    <span class="footer-texto">Turma Técnico de Informática para Internet</span>
+  </div>
+
+  <!-- Creditos link -->
+</div>
+<div class="footer-credito">
+  <a href="https://github.com/felipetaua" target="_blank"> <i class="fa-brands fa-github"> </i> Github</a>
+  <a href="https://www.instagram.com/felipetaua/" target="_blank"> <i class="fa-brands fa-instagram"> </i> instagram</a>
+  <a href="https://mail.google.com/mail/mu/mp/537/#tl/priority/%5Esmartlabel_personal" target="_blank"> <i class="fa-regular fa-envelope"></i> Gmail</a>
+  <a href="https://wa.me/qr/EJ64RAN2NN34E1" target="_blank"> <i class="fa-brands fa-whatsapp"></i> Whatsapp </a>
+</div>
+</footer>
+</footer>
+
+  <div vw class="enabled">
+      <div vw-access-button class="active"></div>
+      <div vw-plugin-wrapper>
+      <div class="vw-plugin-top-wrapper"></div>
+  </div>
+  </div>
+  <script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
+  <script>
+    new window.VLibras.Widget('https://vlibras.gov.br/app');
+  </script>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <!--Links-->
+  <link rel="stylesheet" href="./style.css">
+  <!--Icone do site(minhatura)-->
+  <link rel="shortcut icon" href="./Img/icone-site.jpg" type="image/x-icon">
+  <!--Font awasome-->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
+  <!-- animate css -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
+  <title> ODS9</title>
+</head>
+<body>
+    <span id="Home"></span>
+    <header>
+      <div class="aling-img">
+        <Img src="./Img/senac-logo.jpg"id="logo" alt="logo do senac"></Img>
+        <div class="header-nav">
+        <a href="#Home" class="link-header"target="_blank">Início</a>
+               <a href="https://www.estrategiaods.org.br/os-ods/ods9/" class="link-header"target="_blank">ODS17</a>
+        <a href="https://www.canva.com/design/DAGD2U6XBk4/KT9PLAN5uwuIb4uoC2GkvA/view" class="link-header"target="_blank">Criação</a>
+
+        <button class="button-header">
+          <a href="https://youtube.com/watch?v=c8cfBU7PaWI&si=huhliImg3aIqjWt7" target="_blank">+ sobre</a>
+          </button>
+        </div>
+      </div>
+    </header>
+
+<div id="banner"></div>
+
+    <main>
+        <img src="./Img/ODS17.jpg" class="logo-image">
+        <section>
+            <h1 class="animate__animated animate__backInLeft">ODS 17 e seus aspectos</h1>
+            <h2>Em comum</h2>
+            <p>
+              Visam criar um caminho universal, <br> integrado e transformador para que o mundo se torne um lugar melhor para todos.
+            </p>
+            <button class="button-main"> 
+              <a href="./Video-ods.html" target="_blank">Explore <i class="fa-solid fa-plane"></i></a>
+
+            </button>
+        </section>
+    </main>
+
+   <div id="text-container">
+        <div class="content">
+            <!-- Div descrição das ods -->
+            <div id="resumo">
+                <h1 class="titulo-secundario"> Desfecho </h1>
+                <p class="description">
+                  Promover o desenvolvimento, a transferência, a disseminação e a difusão de tecnologias ambientalmente corretas para os países em desenvolvimento, em condições favoráveis, inclusive em condições concessionais e preferenciais, conforme mutuamente acordado.
+                </p>
+            </div>
+        </div>
+    </div>
+
+<footer>
+  <div class="footer-content">
+    <img id="logo" style="object-fit: contain;" src="./Img/logoOds.png" alt="logo Objetivos de Desenvolvimento Sustentável - ODS">
+
+    <span class="footer-texto">Todos os direitos reservados © 2024</span>
+    <span class="footer-texto">Desenvolvido por: Tauã Felipe Rocha Amaro</span>
+    <span class="footer-texto">Turma Técnico de Informática para Internet</span>
+<!-- Creditos link -->
+  </div>
+  <div class="footer-credito">
+    <a href="https://github.com/felipetaua" target="_blank"> <i class="fa-brands fa-github"> </i> Github</a>
+    <a href="https://www.instagram.com/felipetaua/" target="_blank"> <i class="fa-brands fa-instagram"> </i> instagram</a>
+    <a href="https://mail.google.com/mail/mu/mp/537/#tl/priority/%5Esmartlabel_personal" target="_blank"> <i class="fa-regular fa-envelope"></i> Gmail</a>
+    <a href="https://wa.me/qr/EJ64RAN2NN34E1" target="_blank"> <i class="fa-brands fa-whatsapp"></i> Whatsapp </a>
+  </div>
+</footer>
+
+<!-- Acessibilidade Libras -->
+
+<div vw class="enabled">
+  <div vw-access-button class="active"></div>
+    <div vw-plugin-wrapper>
+    <div class="vw-plugin-top-wrapper"></div>
+  </div>
+</div>
+<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
+<script>
+  new window.VLibras.Widget('https://vlibras.gov.br/app');
+</script>
+</body>
+</html>