gizi

jpgercc · Oct 26, 2024 · 25fd767 · 25fd767
1 parent 35822cf
commit 25fd767
Show file tree

Hide file tree

Showing 41 changed files with 1,095 additions and 2 deletions.
diff --git a/...esoria-imprensa-escritorios-advocacia.jpg → ...esoria-imprensa-escritorios-advocacia.jpg b/...esoria-imprensa-escritorios-advocacia.jpg → ...esoria-imprensa-escritorios-advocacia.jpg
diff --git a/assets/email.jpg → Advocacia/assets/email.jpg b/assets/email.jpg → Advocacia/assets/email.jpg
diff --git a/assets/face.jpg → Advocacia/assets/face.jpg b/assets/face.jpg → Advocacia/assets/face.jpg
diff --git a/assets/insta.jpg → Advocacia/assets/insta.jpg b/assets/insta.jpg → Advocacia/assets/insta.jpg
diff --git a/assets/linkedin.jpg → Advocacia/assets/linkedin.jpg b/assets/linkedin.jpg → Advocacia/assets/linkedin.jpg
diff --git a/assets/twitter.jpg → Advocacia/assets/twitter.jpg b/assets/twitter.jpg → Advocacia/assets/twitter.jpg
diff --git a/index.html → Advocacia/index.html b/index.html → Advocacia/index.html
diff --git a/styles/style.css → Advocacia/styles/style.css b/styles/style.css → Advocacia/styles/style.css
diff --git a/README.md b/README.md
@@ -1,2 +1,3 @@
-# Basic-Landing-Page
-![Sem título](https://github.com/jpgercc/Basic-Landing-Page/assets/115590969/844d256a-e7a9-46c5-bcd3-4b779a7c67c7)
+# RotNet
+
+[image](https://github.com/jpgercc/Landing_Page_RotNet/assets/115590969/bce2a767-4f5d-40fe-94ea-efc4cc80be60)
diff --git a/RotNet/about.html b/RotNet/about.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>História</title>
+    <link rel="icon" href="./assets/rot.ico">
+    <link rel="stylesheet" href="./styles/style.css">
+</head>
+<body>
+    <header class="cabecalho">
+        <nav class="cabecalho__menu">
+            <a class="cabecalho__menu__link" href="index.html">Início</a>
+            <a class="cabecalho__menu__link" href="about.html">Nossa História</a>
+            <a class="cabecalho__menu__link" href="projetos.html">Nossa Equipe</a>
+            <a class="cabecalho__menu__link" href="cv.html">Serviços</a>
+        </nav>
+        <!--
+        <br>
+        <a class="eng__img" href="https://translated-portfolio.vercel.app"><img src="./assets/eng.png"></a>
+        -->
+    </header>
+    <main class="apresentacao">
+        <section class="apresentacao__conteudo">
+            <h1 class="titulo-destaque">Nossa história:</h1>
+            <p class="apresentacao__conteudo__texto">A Empresa está a mais de 10 anos na área de Tecnologia de informação. A RotNet herdou o know-how da empresa BYTE INFORMÁTICA que atuou no ramo de venda e manutenutenção de computadores no período de 1995 até 2001. A RotNet especializou-se na busca de soluções informatizadas para empresas que necessitem de automatização de suas rotinas.</p>
+
+        </section>
+        <img class="imagem_eu" src="./assets/sobrenos.png" alt="SOBRE NÓS">
+    </main>
+
+    <footer class="rodape"> 
+        <p>Site desenvolvido por:</p>
+        <p> João Pedro Gershenson Costa.</p>
+        <hr>
+        <p><b>RotNet - Serviços e Tecnologias</b> © | Av. Pres. Varga, 4631 - Santana, URG - RS, 97510-431 | Telefone: <a class="nav_links" href="tel:+55 55 3411 0900">55 55 3411 0900</a></p>
+    </footer>
+</body>
+</html>
diff --git a/RotNet/assets/95.png b/RotNet/assets/95.png
diff --git a/RotNet/assets/CV_JoãoPedroGershensonCosta.pdf b/RotNet/assets/CV_JoãoPedroGershensonCosta.pdf
diff --git a/RotNet/assets/arte.png b/RotNet/assets/arte.png
diff --git a/RotNet/assets/baixare - Copy.png b/RotNet/assets/baixare - Copy.png
diff --git a/RotNet/assets/bug.png b/RotNet/assets/bug.png
diff --git a/RotNet/assets/deadbug.png b/RotNet/assets/deadbug.png
diff --git a/RotNet/assets/email.png b/RotNet/assets/email.png
diff --git a/RotNet/assets/eng - Copia.png b/RotNet/assets/eng - Copia.png
diff --git a/RotNet/assets/eng.png b/RotNet/assets/eng.png
diff --git a/RotNet/assets/github.png b/RotNet/assets/github.png
diff --git a/RotNet/assets/ico.ico b/RotNet/assets/ico.ico
diff --git a/RotNet/assets/instagram.png b/RotNet/assets/instagram.png
diff --git a/RotNet/assets/linkedin.png b/RotNet/assets/linkedin.png
diff --git a/RotNet/assets/mouse.png b/RotNet/assets/mouse.png
diff --git a/RotNet/assets/pc90.png b/RotNet/assets/pc90.png
diff --git a/RotNet/assets/rot.ico b/RotNet/assets/rot.ico
diff --git a/RotNet/assets/sobrenos.png b/RotNet/assets/sobrenos.png
diff --git a/RotNet/assets/teste.jpg b/RotNet/assets/teste.jpg
diff --git a/RotNet/assets/twitch.png b/RotNet/assets/twitch.png
diff --git a/RotNet/assets/twitter.png b/RotNet/assets/twitter.png
diff --git a/RotNet/assets/wpp.png b/RotNet/assets/wpp.png
diff --git a/RotNet/cv.html b/RotNet/cv.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head class="cabeca">
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Serviços</title>
+    <link rel="icon" href="./assets/rot.ico">
+    <link rel="stylesheet" href="./styles/cv.css">
+</head>
+
+<header class="cabecalho_cv">
+    <nav class="cabecalho__menu_cv">
+        <a class="cabecalho__menu__link" href="index.html">Início</a>
+        <a class="cabecalho__menu__link" href="about.html">Nossa História</a>
+        <a class="cabecalho__menu__link" href="projetos.html">Nossa Equipe</a>
+        <a class="cabecalho__menu__link" href="cv.html">Serviços</a>
+    </nav>
+    <!--
+    <br>
+    <a class="eng__img" href="https://translated-portfolio.vercel.app"><img src="./assets/eng.png"></a>
+    -->
+    <a class="mouse_img" onclick="scrollDown()">
+        <img src="./assets/mouse.png" alt="Botão de Rolagem">
+    </a>
+</header>
+
+<body>
+    <br>
+    <h1 class="titulo_cv">Nossos Serviços:</h1>
+    <p class="paragrafo_cv">Desenvolvimento de aplicativos com objetividade e eficiência.</p>
+
+    <br>
+
+    <main>
+                <p class="paragrafo_cv"><b>Consultoria em TI:</b></p>
+                <p class="paragrafo_cv">Devido a área de Tecnologia da informação estar em constante mudando, a RotNet sente-se na obrigação de manter seus clientes atualizados quanto a novos equipamentos, arquiteturas de rede, contato com o mundo através da internet, etc. A equipe da RotNet esta sempre em processo de atualização para oferecer e aplicar as inovações tecnologias da forma mais eficiente possível as empresas clientes.</p>    
+
+                <p class="paragrafo_cv"><b>Segurança Digital:</b></p>
+                <p class="paragrafo_cv">Busca oferecer soluções para problemas enfrentados pelas empresas quanto a invasões, contaminações por vírus, spamwares, etc. A RotNet age eliminando pragas, orientando usuarios e reforcando as barreiras para previnir novos incidentes. Devido a todos os dias surgirem novas 'técnicas' de invasores e contaminadores agirem, este é um serviço que exige muita pesquisa e dedicação da equipe técnica da RotNet, para oferecer um serviço eficiente para seus clientes.</p>    
+
+                <p class="paragrafo_cv"><b>Manutenção de Computadores e Impressoras:</b></p>
+                <p class="paragrafo_cv">E um serviço que e desenvolvido em empresas que necessitem de alta disponibilidade em seus stand de equipamentos. Os computadores e impressoras sao mantidos em funcionamento graças a um procedimento de manutenção preventiva. Tambem existem procedimentos de manutenção curativa que e feito quando o equipamento para o seu funcionamento por defeito de hardware ou software, neste caso a equipe trabalha depressa para o tempo de parada seja o menor possivel. O objetivo principal é que o equipamento volte a trabalhar o mais rápido possível.</p>
+
+                <p class="paragrafo_cv"><b>Desenvolvimento de Aplicativos:</b></p>
+                <p class="paragrafo_cv">A RotNet, desenvolve softwares para empresas que atuam na área de Comércio Exterior. Usando linguagem moderna e técnicas inovadoras, tem o principal objetivo oferecer um serviço altamente eficiente e customizado a seus clientes. Tem como principais clientes empresas Transportadoras e Comissárias de Despachos Aduaneiros, com as quais desenvolve soluções informatizadas para suas rotinas, sempre oferecendo qualidade em seus trabalhos e objetivando o máximo de satisfação em seus clientes.</p>    
+
+                <section class="apresentacao__conteudo">
+                    <div class="apresentacao__links"> 
+                        <h2 class="apresentação__links__subtitulo">Contato:</h2>
+                        <a class="apresentacao__links__link"  href="http://www.rotnet.com.br/ftp/"> <!--<img src="./assets/wpp.png">--> FTP RotNet</a>
+                        <a class="apresentacao__links__link" href="http://webmail.rotnet.com.br/index.php"> <!--<img src="./assets/email.png">--> WebMail</a>
+                        <a class="apresentacao__links__link" href="tel:+55 55 3411 0900"> <!--<img src="./assets/linkedin.png"> -->Fale Conosco</a>
+                    </div>
+                </section>
+    </main>
+
+
+    <footer class="rodape">
+    <p>Site desenvolvido por:</p>
+    <p> João Pedro Gershenson Costa.</p>
+    <hr>
+    <p><b>RotNet - Serviços e Tecnologias</b> © | Av. Pres. Varga, 4631 - Santana, URG - RS, 97510-431 | Telefone: <a class="nav_links" href="tel:+55 55 3411 0900">55 55 3411 0900</a></p>
+    </footer>
+    <script src="./script.js"></script>
+</body>
+
diff --git a/RotNet/email.html b/RotNet/email.html
@@ -0,0 +1,39 @@
+<html lang="pt-br">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Formulário de Contato</title>
+    <link rel="icon" href="./assets/ico.ico">
+    <link rel="stylesheet" href="./styles/email.css">
+  </head>
+  <body>
+    <body>
+
+    <h1 class="formulario">Formulário de Contato</h1>
+
+    <form
+      action="https://formsubmit.co/jpgercc@gmail.com"
+      method="POST"
+      class="form"
+    >
+      <label for="name">Nome</label>
+      <input type="text" name="name" id="name" required />
+      <label for="email">E-mail</label>
+      <input type="email" name="email" id="email" required />
+      <label for="message">Mensagem</label>
+      <textarea name="message" id="message" required></textarea>
+      <input type="hidden" name="_captcha" value="false" />
+      <input
+        type="hidden"
+        name="_next"
+        value="https://jpgercc.github.io/portfolio/obrigado.html"
+      />
+      <button type="submit">Enviar</button>
+    </form>
+    <footer class="rodape"> 
+      <p>Site em desenvolvimento por:</p>
+      <p> João Pedro Gershenson Costa.</p> 
+    </footer>
+  </body>
+</html>
diff --git a/RotNet/index.html b/RotNet/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head class="cabeca">
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>RotNet - Início</title>
+    <link rel="icon" href="./assets/rot.ico">
+    <link rel="stylesheet" href="./styles/style.css">
+</head>
+
+<body>
+    <header class="cabecalho">
+        <nav class="cabecalho__menu">
+            <a class="cabecalho__menu__link" href="index.html">Início</a>
+            <a class="cabecalho__menu__link" href="about.html">Nossa História</a>
+            <a class="cabecalho__menu__link" href="projetos.html">Nossa Equipe</a>
+            <a class="cabecalho__menu__link" href="cv.html">Serviços</a>
+        </nav>
+        <!--
+        <br>
+        <a class="eng__img" href="https://translated-portfolio.vercel.app"><img src="./assets/eng.png"></a>
+        -->
+    </header>
+    <main class="apresentacao">
+        <section class="apresentacao__conteudo">
+            <h1 class="titulo-destaque">RotNet</h1>
+            <p class="apresentacao__conteudo__texto"><strong class="alura">Desenvolvimento de aplicativos com objetividade e eficiência!</strong> <br><br> A RotNet, desenvolve softwares para empresas na área de Comércio Exterior. Usando linguagem moderna técinicas inovadoras, tem o principal objetivo oferecer um serviço altamente eficiente e customizado a seus clientes.</p>
+            <!--
+            <div class="apresentacao__links"> 
+                <h2 class="apresentação__links__subtitulo">Acesse minhas redes:</h2>
+                <a class="apresentacao__links__link"  href="https://wa.me/5551991823420"> <img src="./assets/wpp.png"> WhatsApp</a>
+                <a class="apresentacao__links__link" href="https://github.com/jpgercc"> <img src="./assets/github.png">GitHub</a>
+                <a class="apresentacao__links__link" href="https://www.linkedin.com/in/joão-pedro-gershenson-costa-bb0335199/"> <img src="./assets/linkedin.png">Linkedin</a>
+                <a class="apresentacao__links__link" href="./email.html"> <img src="./assets/email.png">Email</a>
+            </div>
+            -->
+        </section>
+        <img class="imagem" src="./assets/pc90.png" alt="imagem pc">
+    </main>
+    <!--
+    <div class="bug">
+        <p>Tem uma sugestão ou <b>achou um bug?</b> Me ajude a esmaga-lo!</p>
+        <a href="./email.html">
+            <img src="./assets/bug.png" alt="Imagem do Bug"
+                 onmouseover="this.src='./assets/deadbug.png'"
+                 onmouseout="this.src='./assets/bug.png'">
+          </a>
+          
+    </div>
+    -->
+
+    <footer class="rodape"> 
+        <p>Site desenvolvido por:</p>
+        <p> João Pedro Gershenson Costa.</p>
+        <hr>
+        <p><b>RotNet - Serviços e Tecnologias</b> © | Av. Pres. Varga, 4631 - Santana, URG - RS, 97510-431 | Telefone: <a class="nav_links" href="tel:+55 55 3411 0900">55 55 3411 0900</a></p>
+    </footer>
+</body>
+</html>
diff --git a/RotNet/obrigado.html b/RotNet/obrigado.html
@@ -0,0 +1,16 @@
+<html lang="pt-br">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OBRIGADO!</title>
+    <link rel="icon" href="./assets/ico.ico">
+    <link rel="stylesheet" href="./styles/style.css">
+  </head>
+  <body>
+    <main>
+        <p class="apresentacao__conteudo__titulo" style="text-align: center;">OBRIGADO!</p>
+        <p class="titulo-destaque" style="text-align: center;">Seu email foi enviado com sucesso!</p>
+    </main>
+  </body>
+  </html>
diff --git a/RotNet/projetos.html b/RotNet/projetos.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head class="cabeca">
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Equipe</title>
+    <link rel="icon" href="./assets/rot.ico">
+    <link rel="stylesheet" href="./styles/projetos.css">
+</head>
+
+<body>
+    <header class="cabecalho">
+        <nav class="cabecalho__menu">
+            <a class="cabecalho__menu__link" href="index.html">Início</a>
+            <a class="cabecalho__menu__link" href="about.html">Nossa História</a>
+            <a class="cabecalho__menu__link" href="projetos.html">Nossa Equipe</a>
+            <a class="cabecalho__menu__link" href="cv.html">Serviços</a>
+        </nav>
+        <br>
+        <!--
+        <a class="eng__img" href="https://translated-portfolio.vercel.app"><img src="./assets/eng.png"></a>
+        <p class="dev__aviso"><strong class="">PÁGINA EM CONSTANTE DESENVOLVIMENTO 😉</strong></p>
+        
+        <a class="mouse_img" onclick="scrollDown()">
+            <img src="./assets/mouse.png" alt="Botão de Rolagem">
+        </a>
+        -->
+    </header>
+    <!--
+    <img class="art" src="./assets/arte.png" alt="IAauto-paint">
+    -->
+    <main class="corpo">
+
+        <h1 class="titulo-destaque">Nossa Equipe:</h1>
+
+        <div class="div">
+            <p>Nossa Equipe de técnicos altamente qualificados e em constante processo de aperfeiçoamento e na busca  novas tecnologias. Isso permite que se ofereça o melhor  que existe e mais moderno, para seus clientes, levando as empresas a novos níveis de desenvolvimento tecnológico sem igual.</p>
+        </div>
+    </main>
+    <footer class="rodape">
+        <p>Site desenvolvido por:</p>
+        <p> João Pedro Gershenson Costa.</p>
+        <hr>
+        <p><b>RotNet - Serviços e Tecnologias</b> © | Av. Pres. Varga, 4631 - Santana, URG - RS, 97510-431 | Telefone: <a class="nav_links" href="tel:+55 55 3411 0900">55 55 3411 0900</a></p>
+        </footer>
+</body>
+</html>
diff --git a/RotNet/script.js b/RotNet/script.js
@@ -0,0 +1,17 @@
+function scrollDown() {
+    // Altura desejada a rolar em porcentagem da altura total da página
+    const scrollAmountInPercent = 90; // Agora estamos rolando 70% para baixo
+
+    // Obtém a altura total da página
+    const pageHeight = document.documentElement.scrollHeight - window.innerHeight;
+
+    // Calcula a nova posição da rolagem em pixels
+    const targetPositionInPx = (scrollAmountInPercent / 100) * pageHeight;
+
+    // Rola a página para a nova posição com animação suave (smooth scrolling)
+    window.scrollTo({
+      top: targetPositionInPx,
+      behavior: "smooth"
+    });
+  }
+