gustavoguanabara · 302781 · Sep 16, 2024 · Dec 26, 2024 · Dec 26, 2024 · Dec 27, 2024
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use o IntelliSense para saber mais sobre os atributos possíveis.
+    // Focalizar para exibir as descrições dos atributos existentes.
+    // Para obter mais informações, acesse: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
diff --git a/Aula 26/08/index.html b/Aula 26/08/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/Git/site1 b/Git/site1
diff --git a/Portifolio/img/Cafe.jpeg b/Portifolio/img/Cafe.jpeg
diff --git a/Portifolio/img/MariaVitoria.jpeg b/Portifolio/img/MariaVitoria.jpeg
diff --git a/Portifolio/img/Viagem.jpg b/Portifolio/img/Viagem.jpg
diff --git a/Portifolio/img/carro.jpg b/Portifolio/img/carro.jpg
diff --git a/Portifolio/img/home-img.jpeg b/Portifolio/img/home-img.jpeg
diff --git a/Portifolio/img/logo.png b/Portifolio/img/logo.png
diff --git a/Portifolio/index.html b/Portifolio/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles.css">
+    <title>Portifolio</title>
+</head>
+<body>
+    <nav class="navegaçao">
+        <ul class="menu">
+            <li>
+                <a href="#inicio" class="menu-link">Inicio</a>
+            </li>
+            <li>
+                <a href="#sobre" class="menu-link">Sobre</a>
+            </li>
+            <li>
+              <a href="#projetos" class="menu-link">Projetos</a>
+            </li>
+            <li>
+                <a href="#contatos" class="menu-link">Contatos</a>
+            </li>
+        </ul>
+    </nav>
+    <main id="Inicio" class="cabeçalho">
+            <img src="./img/MariaVitoria.jpeg" alt="Foto de MariaVitoria" class="Foto de Perfil">
+            <h1>Maria Vitoria</h1>
+            <p>Programadora de Front-end e Backend.</p>
+
+    </main>
+    <section id="sobre" class="sobre">
+        <h2 class="sobre-titulo">Sobre Mim</h2>
+        <div class="minhas-experiencias">
+            <p0 class="sobre-paragrafo">Sou programadora com experiencia intermediaria.</p0><br><br>
+            <p1>
+                Estágio(Suporte Técnico)<br>
+Atuei  no Núcleo de Tecnologia da Informação(NTI), onde desempenhei um papel fundamento suporte técnico de redes, incluindo monitoramento contínuo, manutenção preventiva e resolução de problemas. Durante minha atuação, desenvolvi habilidades essenciais para garantir a estabilidade e o bom funcionamento das infraestrutura tecnologias, além de ser responsável por otimizar processos e implementar melhorias.
+            </p1><br><br>
+            <p2>
+                Assistente administrativo (Jovem Aprendiz)<br>
+Atuei como assistente administrativo e no suporte a gestão de pessoas. Fui responsável por organizar e otimizar processos administrativos, garantindo a eficiência nas operações diárias. Além disso, forneci suporte na gestão de equipes, auxiliando na coordenação de tarefas, e no controle de documentos e na comunicação interna.<br>
+            </p2>
+        </div>
+    </section>
+    <section id="projetos" class="projetos">
+        <h2 class="projetos-titulo">Meus Projetos</h2>
+        <div class="minhas-experiencias">
+
+            <div class="projetos-cafe">
+                <img src="./img/Cafe.jpeg" alt="projeto 1" class="projetos-imagem">
+                <h3 class="info-projetos">Cafeteria</h3>
+                <p class="paragrafo-projetos">Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, aliquam minima nesciunt consectetur quae odit ullam tempora, dicta corporis quis, velit aperiam laborum? Veniam quod consectetur architecto commodi cupiditate. Deserunt!</p>
+            </div>
+            <div class="projetos-card">
+                <img src="./img/carro.jpg" alt="projeto 2" class="projetos-imagem">
+                <h3 class="info-projetos">Loja de Carro</h3>
+                <p class="paragrafo-projetos">Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, aliquam minima nesciunt consectetur quae odit ullam tempora, dicta corporis quis, velit aperiam laborum? Veniam quod consectetur architecto commodi cupiditate. Deserunt!</p>
+            </div>
+            <div class="projetos-cafe">
+                <img src="./img/Viagem.jpg" alt="projeto 1" class="projetos-imagem">
+                <h3 class="info-projetos">Viagens</h3>
+                <p class="paragrafo-projetos">Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, aliquam minima nesciunt consectetur quae odit ullam tempora, dicta corporis quis, velit aperiam laborum? Veniam quod consectetur architecto commodi cupiditate. Deserunt!</p>
+            </div>
+        </div>
+    </section>
+    <section id="contatos" class="contatos">
+        <h2 class="contatos-titulos">Contatos</h2>
+        <form class="formulario-contato" id="formulario">
+            <div class="grupo-form">
+            <input placeholder="Nome" class="campo-form">
+        </div>
+            <div class="grupo-form">
+            <textarea class="text-form" placeholder="Digite sua Mensagem"></textarea></div>
+        </form>
+    </section>
+</body>
+</html>
diff --git a/Portifolio/styles.css b/Portifolio/styles.css
@@ -0,0 +1,76 @@
+*{
+    margin: 0;
+    padding:0;
+    box-sizing: border-box;
+    font-family:'Cherolina';
+    src: url('Cherolina.ttf') format('truetype'), url('Cherolina.ttf') format('opentype');
+}
+html{
+    scroll-behavior: smooth;
+}
+:root{
+    --primaria:#4f46e5;
+    --secondaria: #f9f9f9;
+    --escuro:#000000;
+    --maisEscuro: #0af1c;
+    --claro:#ffffff;
+    --vidro: rgba(255,255,255,0.1);
+    }
+body{
+    background-color: var(--escuro);
+    color: var(--claro);
+    font-size: 1rem;
+    line-height: 1.6;
+    font-weight: 400;
+    font-family: 'Cherolina', sans-serif;
+    overflow-x: hidden;
+}
+.navegaçao{
+    position: fixed;
+    top: 0;
+    padding: 1.5rem;
+    width: 100%;
+    z-index: 100;
+    background-color: rgba(15,23,42,0.8);
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+.menu{
+    display: flex;
+    list-style: none;
+    gap:3rem;
+    justify-content:center;
+
+}
+.menu-link{
+    color: var(--claro);
+    text-decoration: none;
+    font-size: 1.2rem;
+    font-weight: 500;
+    position: relative;
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+    transition: all 0.3s ease;
+}
+.menu-link:before{
+    content:'';
+    height:2xp;
+    width: 0;
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    background-color: linear-gradient(90deg,  var(--primaria),  var(--secundaria));
+    transition:width 0.5s ease;
+}
+.menu-link:hover:after{
+    width: 100%;
+}
+
+.foto-perfil{
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    object-fit: cover;
+    border: 2px solid var(--primaria);
+    margin: 0 auto;
+    display: block;
+}
diff --git a/Praticar/meu-site.html b/Praticar/meu-site.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <botton>Clique Aqui</botton>
+</body>
+</html>
diff --git a/Site Animado/img/arrows.jpeg b/Site Animado/img/arrows.jpeg
diff --git a/Site Animado/img/calça.jpeg b/Site Animado/img/calça.jpeg
diff --git a/Site Animado/img/camisa.jpeg b/Site Animado/img/camisa.jpeg
diff --git a/Site Animado/img/ima (3).jpeg b/Site Animado/img/ima (3).jpeg
diff --git a/Site Animado/img/ima (4).jpeg b/Site Animado/img/ima (4).jpeg
diff --git a/Site Animado/img/ima (5).jpeg b/Site Animado/img/ima (5).jpeg
diff --git a/Site Animado/img/logo.jpeg b/Site Animado/img/logo.jpeg
diff --git a/Site Animado/img/vestido.jpeg b/Site Animado/img/vestido.jpeg
diff --git a/Site Animado/index.html b/Site Animado/index.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
+    <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=League+Gothic&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+    <title>Fashion Modas</title>
+</head>
+
+<body>
+    <header>
+        <img src="./img/logo.jpeg" alt=" 'logo md">
+        <nav>
+            <ul>
+                <li>Home</li>
+                <li>Roupas</li>
+                <li>Fale Conosco</li>
+            </ul>
+        </nav>
+    </header>
+    <section class="container">
+        <div class="list">
+            <div class="Item Ativo">
+                <div class="moda-img">
+                    <img src="./img/vestido.jpeg" alt="Roupas">
+                </div>
+                <div class="content">
+                    <p class="informaçao-roupa">
+                        Roupa Unica
+                    </p>
+                    <h2>
+                        Macacão
+                    </h2>
+                    <p class="descriçao">
+                        fgnhkgjfdsadfghdsadfghjkhg
+                    </p>
+                    <button class="informaçao">
+                        Saiba Mais
+                    </button>
+                </div>
+            </div>
+            <div class="Item Ativo">
+                <div class="moda-img">
+                    <img src="./img/vestido.jpeg" alt="Roupas">
+                </div>
+                <div class="content">
+                    <p class="informaçao-roupa">
+                        Roupa Unica
+                    </p>
+                    <h2>
+                        Calça
+                    </h2>
+                    <p class="descriçao">
+                        Macacão feminino elegante e sexy sem mangas com estampa de listras e contraste de cores
+                        Multicolorido Casual Sem Mangas Poliéster Bloco de cores,Gráfico,Estampa total,Estampa
+                        aleatória,Padrão Texturizado Collant Elasticidade alta Todos Women Clothing, size features
+                        are:Bust: ,Length: ,Sleeve Length:
+                    </p>
+                    <button class="informaçao">
+                        Saiba Mais
+                    </button>
+                </div>
+            </div>
+            <div class="Item Ativo">
+                <div class="moda-img">
+                    <img src="./img/camisa.jpeg" alt="Roupas">
+                </div>
+                <div class="content">
+                    <p class="informaçao-roupa">
+                        Roupa Unica
+                    </p>
+                    <h2>
+                        Camisa
+                    </h2>
+                    <p class="descriçao">
+                        Macacão feminino elegante e sexy sem mangas com estampa de listras e contraste de cores
+                        Multicolorido Casual Sem Mangas Poliéster Bloco de cores,Gráfico,Estampa total,Estampa
+                        aleatória,Padrão Texturizado Collant Elasticidade alta Todos Women Clothing, size features
+                        are:Bust: ,Length: ,Sleeve Length:
+                    </p>
+                    <button class="informaçao">
+                        Saiba Mais
+                    </button>
+                </div>
+            </div>
+        </div>
+        <div class="arrows">
+            <button id="prev"><img src="./img/arrows.jpeg" alt="seta esquerda" </button>
+                <button id="next"><img src="./img/arrows.jpeg" alt="seta direita" </button>
+        </div>
+        <div class="indicadores">
+            <div clas="numero">01</div>
+            <ul>
+                <li class="Ativo"></li>
+                <li></li>
+                <li></li>
+            </ul>
+        </div>
+    </section>
+    <script src="./scripts.js"></script>
+</body>
+
+</html>
diff --git a/Site Animado/scripts.js b/Site Animado/scripts.js
@@ -0,0 +1,37 @@
+let prevButton = document.getElementById('prev')
+let nextButton = document.getElementById('next')
+let container = document.querySelector('.conteiner')
+let items = container.querySelectorAll('.list .item')
+let indicadores = document.querySelector('.indicadores')
+let dots = indicadores.querySelectorAll('ul li')
+let list = container.querySelector('.list')
+
+let ativo = 0
+let firstPosition = 0
+let lastPosition = items.length - 1
+
+function setSlider(){
+    let itemOld = container.querySelector('.list .item.ativo')
+    itemOld.classList.remove('ativo')
+
+    let dtsOld = indicator.querySelector('ul li.ativo')
+    dotsOld.classList.remove('ativo')
+    dots[ativo].class.add('ativo')
+
+    indicadores.querySelector('.number').innerHTML = '0' + (ativo + 1)
+}
+
+nextButton.onclick = () => {
+    list.style.setProperty('--calculation', 1)
+    ativo = ativo + 1 > lastPosition ? 0 : ativo + 1
+    items[ativo].classList.add('ativo')
+
+}
+
+prevButton.onclink = () => {
+    list.style.setProperty('--calculation', -1)
+    ativo = ativo - 1 > firstPosition ? lastPosition : ativo - 1
+    items[ativo].classList.add('ativo')
+
+}
+
diff --git a/Site Animado/style.css b/Site Animado/style.css
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
diff --git a/node_modules/tailwindcss/LICENSE b/node_modules/tailwindcss/LICENSE