Adição de informações sobre tecnologias variadas

AlexeyFrens · Nov 18, 2023 · a68c364 · a68c364
1 parent 2644951
commit a68c364
Show file tree

Hide file tree

Showing 41 changed files with 491 additions and 59 deletions.
diff --git a/image/Recording_135.mp3 → Som/Recording_135.mp3 b/image/Recording_135.mp3 → Som/Recording_135.mp3
diff --git a/css/work-human.css b/css/work-human.css
@@ -72,8 +72,16 @@ p, h1{
   margin-right: 50px;
 }
 
-h2{
-  margin-bottom: 40px;
+.uau{
+  font-family: "Poppins", sans-serif;
+  font-size: 20px;
+  color: #fff;
+  background-color: rgba(29, 28, 28, 0.4);
+  padding: 10px;
+  text-align: center;
+  max-width: 800px;
+  width: 800px;
+  border-radius: 6px;
 }
 
 .textin{
@@ -85,4 +93,12 @@ h2{
 .wolke-img{
   width: 100px;
   margin-left: 10px;
+}
+
+.realidade-img{
+  width: 800px;
+}
+
+#img-realidade{
+  margin-bottom: 40px;
 }
diff --git a/1work-art.html → html/1work-art.html b/1work-art.html → html/1work-art.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Portfólio</title>
-  <link rel="shortcut icon" href="image/feather-solid.svg" type="image/x-icon" />
-  <link rel="stylesheet" href="css/work-human.css" />
+  <link rel="shortcut icon" href="../image/feather-solid.svg" type="image/x-icon" />
+  <link rel="stylesheet" href="../css/work-human.css" type="text/css" />
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <script src="/js/index.js"></script>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -16,7 +16,7 @@
 <body class="background-body">
   <section class="section-content">
 
-    <a class="home" href="index.html"><img src="image/home.svg" alt=""></a>
+    <a class="home" href="../index.html"><img src="../image/home.svg" alt=""></a>
 
     <h1 class="title">Criação de obra Pop Art</h1>
     <h2 class="subtitle">Atividade de Artes</h2>
@@ -29,13 +29,13 @@ <h2 class="subtitle">Atividade de Artes</h2>
     <div id="carouselExample" class="carousel slide">
       <div class="carousel-inner">
         <div class="carousel-item active">
-          <img src="/image/ti1.PNG" class="d-block w-100" alt="...">
+          <img src="../image/ti1.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/ti2.PNG" class="d-block w-100" alt="...">
+          <img src="../image/ti2.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/ti3.PNG" class="d-block w-100" alt="...">
+          <img src="../image/ti3.PNG" class="d-block w-100" alt="...">
         </div>
       </div>
       <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
@@ -50,7 +50,7 @@ <h2 class="subtitle">Atividade de Artes</h2>
 
     <h3 class="other-title">Jingle</h3>
 
-    <audio class="audiooo" src="/image/Recording_135.mp3" controls></audio>
+    <audio class="audiooo" src="/Som/Recording_135.mp3" controls></audio>
   </section>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"

diff --git a/1work-human.html → html/1work-human.html b/1work-human.html → html/1work-human.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Portfólio</title>
-  <link rel="shortcut icon" href="image/feather-solid.svg" type="image/x-icon" />
-  <link rel="stylesheet" href="css/work-human.css" />
+  <link rel="shortcut icon" href="../image/feather-solid.svg" type="image/x-icon" />
+  <link rel="stylesheet" href="../css/work-human.css" />
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <script src="/js/index.js"></script>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -16,7 +16,7 @@
 <body class="background-body">
   <section class="section-content">
 
-    <a class="home" href="index.html"><img src="image/home.svg" alt=""></a>
+    <a class="home" href="../index.html"><img src="../image/home.svg" alt=""></a>
 
     <h1 class="title">PORTFÓLIO</h1>
     <h2 class="subtitle">Atividade Integrada de Humanas</h2>
@@ -29,19 +29,19 @@ <h2 class="subtitle">Atividade Integrada de Humanas</h2>
     <div id="carouselExample" class="carousel slide">
       <div class="carousel-inner">
         <div class="carousel-item active">
-          <img src="/image/human.PNG" class="d-block w-100" alt="...">
+          <img src="../image/human.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/human2.PNG" class="d-block w-100" alt="...">
+          <img src="../image/human2.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/human3.PNG" class="d-block w-100" alt="...">
+          <img src="../image/human3.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/human4.PNG" class="d-block w-100" alt="...">
+          <img src="../image/human4.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/human5.PNG" class="d-block w-100" alt="...">
+          <img src="../image/human5.PNG" class="d-block w-100" alt="...">
         </div>
       </div>
       <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">

diff --git a/1work-hyper.html → html/1work-hyper.html b/1work-hyper.html → html/1work-hyper.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Portfólio</title>
-  <link rel="shortcut icon" href="image/feather-solid.svg" type="image/x-icon" />
-  <link rel="stylesheet" href="css/work-human.css" />
+  <link rel="shortcut icon" href="../image/feather-solid.svg" type="image/x-icon" />
+  <link rel="stylesheet" href="../css/work-human.css" />
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <script src="/js/index.js"></script>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -16,7 +16,7 @@
 <body class="background-body">
   <section class="section-content">
 
-    <a class="home" href="index.html"><img src="image/home.svg" alt=""></a>
+    <a class="home" href="../index.html"><img src="../image/home.svg" alt=""></a>
 
     <h1 class="title">Projeto</h1>
     <h2 class="subtitle">Hyper Powered</h2>
@@ -39,16 +39,16 @@ <h2 class="subtitle">Hyper Powered</h2>
 
       Site:
 
-      <a href="https://wolke.hyperpowered.net/" target="_blank"><img class="wolke-img" src="image/wolke.png" alt="Logo da empresa Wolke"></a>
+      <a href="https://wolke.hyperpowered.net/" target="_blank"><img class="wolke-img" src="../image/wolke.png" alt="Logo da empresa Wolke"></a>
     </p>
 
     <div id="carouselExample" class="carousel slide">
       <div class="carousel-inner">
         <div class="carousel-item active">
-          <img src="/image/wolke1.png" class="d-block w-100" alt="...">
+          <img src="../image/wolke1.png" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/wolke2.PNG" class="d-block w-100" alt="...">
+          <img src="../image/wolke2.PNG" class="d-block w-100" alt="...">
         </div>
       </div>
       <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">

diff --git a/1work-jogo.html → html/1work-jogo.html b/1work-jogo.html → html/1work-jogo.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Portfólio</title>
-  <link rel="shortcut icon" href="image/feather-solid.svg" type="image/x-icon" />
-  <link rel="stylesheet" href="css/work-human.css" />
+  <link rel="shortcut icon" href="../image/feather-solid.svg" type="image/x-icon" />
+  <link rel="stylesheet" href="../css/work-human.css" />
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <script src="/js/index.js"></script>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -16,7 +16,7 @@
 <body class="background-body">
   <section class="section-content">
 
-    <a class="home" href="index.html"><img src="image/home.svg" alt=""></a>
+    <a class="home" href="../index.html"><img src="../image/home.svg" alt=""></a>
 
     <h1 class="title">Jogo</h1>
     <h2 class="subtitle">Atividade Integrada de CN</h2>
@@ -29,10 +29,10 @@ <h2 class="subtitle">Atividade Integrada de CN</h2>
     <div id="carouselExample" class="carousel slide">
       <div class="carousel-inner">
         <div class="carousel-item active">
-          <img src="/image/jogo.PNG" class="d-block w-100" alt="...">
+          <img src="../image/jogo.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/jogo1.PNG" class="d-block w-100" alt="...">
+          <img src="../image/jogo1.PNG" class="d-block w-100" alt="...">
         </div>
       </div>
       <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">

diff --git a/1work-math.html → html/1work-math.html b/1work-math.html → html/1work-math.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Portfólio</title>
-  <link rel="shortcut icon" href="image/feather-solid.svg" type="image/x-icon" />
-  <link rel="stylesheet" href="css/work-human.css" />
+  <link rel="shortcut icon" href="../image/feather-solid.svg" type="image/x-icon" />
+  <link rel="stylesheet" href="../css/work-human.css" />
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <script src="/js/index.js"></script>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -16,7 +16,7 @@
 <body class="background-body">
   <section class="section-content">
 
-    <a class="home" href="index.html"><img src="image/home.svg" alt=""></a>
+    <a class="home" href="../index.html"><img src="../image/home.svg" alt=""></a>
 
     <h1 class="title">Educação Financeira</h1>
     <h2 class="subtitle">Orçamento Familiar</h2>
@@ -30,22 +30,22 @@ <h2 class="subtitle">Orçamento Familiar</h2>
     <div id="carouselExample" class="carousel slide">
       <div class="carousel-inner">
         <div class="carousel-item active">
-          <img src="/image/math1.PNG" class="d-block w-100" alt="...">
+          <img src="../image/math1.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item active">
-          <img src="/image/math2.PNG" class="d-block w-100" alt="...">
+          <img src="../image/math2.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item active">
-          <img src="/image/math3.PNG" class="d-block w-100" alt="...">
+          <img src="../image/math3.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item active">
-          <img src="/image/math4.PNG" class="d-block w-100" alt="...">
+          <img src="../image/math4.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item active">
-          <img src="/image/math5.PNG" class="d-block w-100" alt="...">
+          <img src="../image/math5.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item active">
-          <img src="/image/math6.PNG" class="d-block w-100" alt="...">
+          <img src="../image/math6.PNG" class="d-block w-100" alt="...">
         </div>
       </div>
       <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">

diff --git a/1work-ti.html → html/1work-ti.html b/1work-ti.html → html/1work-ti.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Portfólio</title>
-  <link rel="shortcut icon" href="image/feather-solid.svg" type="image/x-icon" />
-  <link rel="stylesheet" href="css/work-human.css" />
+  <link rel="shortcut icon" href="../image/feather-solid.svg" type="image/x-icon" />
+  <link rel="stylesheet" href="../css/work-human.css" />
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <script src="/js/index.js"></script>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -16,7 +16,7 @@
 <body class="background-body">
   <section class="section-content">
 
-    <a class="home" href="index.html"><img src="image/home.svg" alt=""></a>
+    <a class="home" href="../index.html"><img src="../image/home.svg" alt=""></a>
 
     <h1 class="title">Clone da Netflix</h1>
     <h2 class="subtitle">Atividade Integrada de TI</h2>
@@ -29,13 +29,13 @@ <h2 class="subtitle">Atividade Integrada de TI</h2>
     <div id="carouselExample" class="carousel slide">
       <div class="carousel-inner">
         <div class="carousel-item active">
-          <img src="/image/ti1.PNG" class="d-block w-100" alt="...">
+          <img src="../image/ti1.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/ti2.PNG" class="d-block w-100" alt="...">
+          <img src="../image/ti2.PNG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="image/ti3.PNG" class="d-block w-100" alt="...">
+          <img src="../image/ti3.PNG" class="d-block w-100" alt="...">
         </div>
       </div>
       <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">

diff --git a/html/cienciaDeDados.html b/html/cienciaDeDados.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="pt">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Portfólio</title>
+  <link rel="shortcut icon" href="../image/feather-solid.svg" type="image/x-icon" />
+  <link rel="stylesheet" href="../css/work-human.css" />
+  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
+  <script src="/js/index.js"></script>
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
+</head>
+
+<body class="background-body">
+  <section class="section-content">
+
+    <a class="home" href="../index.html"><img src="../image/home.svg" alt=""></a>
+
+    <h1 class="title">Ciência de Dados</h1>
+
+    <p class="textin">A ciência de dados (ou data science) é uma área de estudo abrangente e multidisciplinar, que
+      compreende dados, algoritmos e tecnologias com capacidade de extrair informações valiosas de dados estruturados e
+      não estruturados.
+    </p>
+
+    <div id="carouselExample" class="carousel slide">
+      <div class="carousel-inner">
+        <div class="carousel-item active">
+          <img src="../image/cienciaDados.png" class="d-block w-100" alt="...">
+        </div>
+        <div class="carousel-item">
+          <img src="../image/cienciaDados1.png" class="d-block w-100" alt="...">
+        </div>
+        <div class="carousel-item">
+          <img src="../image/cienciaDados2.png" class="d-block w-100" alt="...">
+        </div>
+      </div>
+      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Previous</span>
+      </button>
+      <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Next</span>
+      </button>
+    </div>
+
+    <p class="textin">A extração destas informações possui como objetivo encontrar respostas para problemas e situações
+      complexas, identificar tendências e gerar insights através de diversos tipos de análises. Por exemplo, identificar
+      um grande volume de acesso em um conteúdo específico do seu site pode indicar que ele está performando bem, o que
+      pode ser uma oportunidade de explorar mais assuntos similares a ele. <br><br>
+
+      As informações obtidas com o data science, na maioria dos casos, são utilizadas para a tomada de decisões
+      importantes, como a criação de novos produtos ou serviços, atualização de produtos, mudanças nos negócios e, até
+      mesmo, qual será o futuro de uma organização.
+    </p>
+
+    <h2 class="uau">Para que serve e como funciona o Data Science?</h2>
+
+    <p class="textin">A principal função da ciência de dados é transformar dados, estruturados ou não, em conhecimento
+      para uma empresa ou projeto. Isso porque os dados isolados ou desorganizados e sem uma análise são apenas
+      informações pontuais. Portanto, precisam passar por um processo, como o da ciência de dados, para ser uma fonte de
+      conhecimento, podendo servir como base para ações e melhorias que fornecem uma vantagem competitiva para as
+      empresas.
+    </p>
+
+    <img class="realidade-img" src="../image/cienciaDados3.jpeg" alt="">
+
+    <p class="textin">Mas vale lembrar que essa vantagem competitiva está relacionada a várias áreas de uma empresa. O
+      conhecimento gerado por dados pode ser utilizado no marketing, em vendas, na área de RH, no setor de
+      desenvolvimento de produtos, na experiência do cliente, no setor financeiro e em qualquer outra área que utilize
+      as informações para suas ações de forma estratégica. <br><br>
+
+      Com isso em mente, podemos perceber que a ciência de dados não é útil apenas para um tipo de empresa, em um único
+      segmento. Ela pode ser utilizada por empresas de diversas áreas de atuação, desde que exista um processo válido de
+      captura, armazenamento e processamento de dados. <br><br>
+
+      Esse processo necessário para a execução da ciência de dados inclui também a validação das fontes e da veracidade
+      dos dados, para que os resultados sejam precisos e verdadeiros e não comprometam as tomadas de decisão a partir
+      deles.
+    </p>
+
+    <img id="img-realidade" class="realidade-img" src="../image/cienciaDados4.jpeg" alt="">
+  </section>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+  integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous">
+  </script>
+
+</html>
diff --git a/config.html → html/config.html b/config.html → html/config.html