Skip to content

Commit

Permalink
criação-LP-GRAVE
Browse files Browse the repository at this point in the history
  • Loading branch information
@NogueiraCleiton
NogueiraCleiton committed Jul 16, 2024
1 parent 0ddbccb commit 5c704e6
Show file tree
Hide file tree
Showing 4 changed files with 696 additions and 0 deletions.
Binary file added GraveResgate/Imagens/socorristacostas.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added GraveResgate/Logo GRAVE.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
211 changes: 211 additions & 0 deletions GraveResgate/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,211 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- GOOGLE FONTS -->
<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">
<!-- FIM GOOGLE FONTES -->
<link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon">
<!-- BOOTSTRAP ICONS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- FIM BOOTSTRAP ICONS -->
<link rel="stylesheet" href="style.css">

<script src="menu.js" defer></script>

<title>Dev Snake</title>
</head>
<body>

<header>
<div class="interface">
<div class="logo">
<a href="#">
<img src="./Logo GRAVE.png" alt="Logo da Agência BRN">
</a>
</div><!--logo-->

<nav class="menu-desktop">
<ul>
<li><a href="#">Início</a></li>
<li><a href="#">Cursos</a></li>
<li><a href="#">Sobre</a></li>
</ul>
</nav>

<div class="btn-contato">
<a href="#">
<button>Contato</button>
</a>
</div><!--btn-contato-->

<div class="btn-abrir-menu" id="btn-menu">
<i class="bi bi-list"></i>
</div>

<div class="menu-mobile" id="menu-mobile">
<div class="btn-fechar">
<i class="bi bi-x-lg"></i>
</div>

<nav>
<ul>
<li><a href="#">Início</a></li>
<li><a href="#">Especialidades</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Projetos</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>

</div><!--menu-mobile-->
<div class="overlay-menu" id="overlay-menu"></div>
</div><!--interface-->
</header>

<main>
<section class="topo-do-site">
<div class="interface">
<div class="flex">
<div class="txt-topo-site">
<h1>GRUPO DE RESGATE E APOIO VOLUNTARIO DE EMERGÊNCIA</h1>
<p>O Grupo De Resgate E Apoio Voluntário De Emergência (GRAVE) é uma
organização não governamental (ONG) sem fins lucrativos, reconhecida como
utilidade pública na cidade de Cachoeirinha (RS), com o objetivo de auxiliar
os órgãos públicos de emergência no atendimento pré-hospitalar, de forma
totalmente voluntária.
O trabalho da instituição se mantém através de doações da comunidade, de
apoiadores e de voluntários.
Atualmente, o GRAVE conta com 160 voluntários ativos que se revezam em
plantões de doze horas para atender a comunidade e dispõe de duas
ambulâncias equipadas para realizar o atendimento no município de
Cachoeirinha e Gravataí (RS), iniciando às 20h de quinta-feira e finalizando
às 8h de segunda-feira.</p>

<div class="btn-contato">
<a href="#">
<button>Entre em contato</button>
</a>
</div>
</div><!--txt-topo-site-->

<div class="img-topo-site">
<img src="Imagens/socorristacostas.jpeg" alt="">
</div><!--img-topo-site-->
</div><!--flex-->
</div><!--interface-->
</section><!--topo-do-site-->

<section class="especiliadades">
<div class="interface">
<h2> <span>SERVIÇOS</span></h2>
<div class="flex">
<div class="especialidades-box">
<i class="bi bi-code-square"></i>
<h3>REMOÇÕES</h3>
<p>Habilidades técnicas e criativas para desenvolver sites funcionais e atraentes. Estruturar, estilizar e dinamizar páginas para garantir uma experiência de usuário intuitiva. Aplicar design responsivo, acessibilidade e otimização de desempenho para sites rápidos e acessíveis. Essencial na era digital, onde a presença online é crucial para o sucesso de negócios e projetos pessoais.</p>
</div><!--especialidades-box-->

<div class="especialidades-box">
<i class="bi bi-bar-chart"></i>
<h3>EVENTOS</h3>
<p>Coletar, processar e interpretar grandes volumes de dados para obter insights valiosos. Usar técnicas de machine learning para encontrar padrões e tendências. Ajudar empresas a tomar decisões informadas e descobrir novas oportunidades. A análise de dados é essencial para estratégias eficazes e inovação contínua.</p>
</div><!--especialidades-box-->

<div class="especialidades-box">
<i class="bi bi-robot"></i>
<h3>Automações RPA</h3>
<p>Criação de bots de software para automatizar tarefas repetitivas e baseadas em regras. A RPA aumenta a eficiência, reduz erros e libera colaboradores para atividades estratégicas. É essencial para empresas que buscam otimizar processos, reduzir custos e melhorar a produtividade.</p>
</div><!--especialidades-box-->
</div><!--flex-->
</div><!--interface-->
</section><!--especiliadades-->

<section class="sobre">
<div class="interface">
<div class="flex">
<div class="img-sobre">
<img src="Imagens/socorristacostas.jpeg" alt="">
</div><!--img-sobre-->

<div class="txt-sobre">
<h2>O GRAVE participa ativamente ações sociais, campanhas de prevenções de
acidentes, doações de sangue, doações de agasalhos e alimentos, promove e
participa de palestras, workshops, remoções e cursos.</h2>
<div class="btn-social">
<a href="#"><button><i class="bi bi-instagram"></i></button></a>
<a href="https://www.linkedin.com/in/cleiton-nogueira-5398a5152" target="_blank"><button><i class="bi bi-linkedin"></i></button></a>
<a href="https://github.com/NogueiraCleiton" target="_blank"><button><i class="bi bi-github"></i></button></a>
</div><!--btn-social-->
</div><!--txt-sobre-->
</div><!--flex-->
</div><!--interface-->
</section><!--sobre-->

<section class="portfolio">
<div class="interface">
<h2 class="titulo">MEU <span>PORTFÓLIO</span></h2>
<div class="flex">
<div class="img-port" style="background-image: url(/LP-PARALAXE/estilo/CORDEL.png)">
<a href="https://nogueiracleiton.github.io/estudos/LP-PARALAXE/" target="_blank" class="externo">
<div class="overlay">Cordel Moderno (Paralaxe)</div>
</a>
</div><!--img-port-->

<div class="img-port" style="background-image: url(/LP-PARALAXE/estilo/ANDROID.png)">
<a href="https://nogueiracleiton.github.io/estudos/LP-HISTORY-ANDROID/" target="_blank">
<div class="overlay">Artigo Android</div>
</a>
</div><!--img-port-->

<div class="img-port" style="background-image: url(imagens/Sem\ título.png)">
<a href="#">
<div class="overlay">Bucador de CEP</div>
</a>
</div><!--img-port-->
</div><!--flex-->
</div><!--interface-->
</section><!--portfolio-->


<section class="formulario">
<div class="interface">
<h2 class="titulo">FALA <span>COMIGO.</span></h2>

<form action="">
<input type="text" name="" id="" placeholder="Seu nome completo:" required>
<input type="text" name="" id="" placeholder="Seu e-mail:" required>
<input type="text" name="" id="" placeholder="Seu celular:">
<textarea name="" id="" placeholder="Sua mensagem" required></textarea>
<div class="btn-enviar"><input type="submit" value="ENVIAR"></div>
</form>
</div><!--interface-->
</section><!--formulario-->

</main>

<footer>
<div class="interface">
<div class="line-footer">
<div class="flex">
<div class="logo">
<img src="imagens/LOGODEVSNAKE.png" alt="logo.png">
</div><!--logo-footer-->
<div class="btn-social">
<a href="#"><button><i class="bi bi-instagram"></i></button></a>
<a href="https://www.linkedin.com/in/cleiton-nogueira-5398a5152" target="_blank"><button><i class="bi bi-linkedin"></i></button></a>
<a href="https://github.com/NogueiraCleiton" target="_blank"><button><i class="bi bi-github"></i></button></a>
</div><!--btn-social-->
</div><!--flex-->
</div><!--line-footer-->

<div class="line-footer borda">
<p><i class="bi bi-envelope"></i> <a href="mailto:[email protected]">[email protected]</a></p>
</div><!--line-footer-->
</div><!--interface-->
</footer>
</body>
</html>
Loading

0 comments on commit 5c704e6

Please sign in to comment.