Skip to content

Commit

Permalink
fix: updating landing page styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@Beatriz-ge
Beatriz-ge committed Jul 5, 2024
1 parent cb8f55b commit 0c252d4
Show file tree
Hide file tree
Showing 5 changed files with 269 additions and 98 deletions.
Binary file added docs/img/cidade.jpg
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 docs/img/instituto.jpg
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 docs/img/sobre_projeto.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
124 changes: 102 additions & 22 deletions docs/lading page/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,45 @@
<!DOCTYPE html>
<html lang="pt">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mapa da Violência</title>
<title>Landing Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<header>
<nav>
<img src="../img/logo.png" alt="Logo Glória" class="logo-image">
<div class="logo">MAPA DA VIOLÊNCIA</div>
<ul>
<li><a href="#sobre">Sobre o projeto</a></li>
<li><a href="#como-funciona">Como Funciona</a></li>
<li><a href="#instituto-gloria">Instituto Glória</a></li>
<li><a href="#contato">Entre em contato</a></li>
</ul>
</nav>
</header>
<main>
<section id="hero">
<div class="hero-content">
<h2>Mapa da Violência</h2>
<p>Uma iniciativa do Instituto Glória.</p>
<section class="hero">
<div class="content">
<h1>Construindo um futuro sem violência</h1>
<p> A violência contra a mulher é um problema grave e persistente que afeta milhões de mulheres em todo o mundo. Neste contexto, o Mapa da Violência é uma ferramenta que coleta, analisa e apresenta dados sobre os diferentes tipos de violência cometidos contra mulheres pela cidade.</p>
<div class="buttons">
<a href="https://residenciaticbrisa.github.io/T2G1-IA-Gloria" class="btn">Conheça nossa GitPage</a>
</div>
</div>
<img src="../img/logo.png" alt="Logo Glória" class="hero-image">
</section>

<section id="sobre">
<div class="text">
<h2>Sobre o Projeto</h2>
<p>O Mapa da Violência é uma ferramenta desenvolvida para ajudar a combater a violência em nossa sociedade, especialmente contra mulheres. Através deste site, qualquer pessoa pode denunciar anonimamente casos de violência, ajudando a mapear áreas onde incidentes ocorrem com mais frequência.</p>
<div class="content-about">
<img src="../img/sobre_projeto.jpg" class="side-image">
<p class="sobre"> Mapa da Violência é uma ferramenta desenvolvida para ajudar a combater a violência em nossa sociedade, especialmente contra mulheres. Através deste site, qualquer pessoa pode registrar anonimamente casos de violência, ajudando a mapear áreas onde incidentes ocorrem com mais frequência. Nosso objetivo é construir uma base sólida para a conscientização, prevenção e erradicação da violência de gênero.</p>
</div>
</div>
</section>

<section id="como-funciona">
<div class="text">
<h2>Como Funciona</h2>
Expand Down Expand Up @@ -55,23 +71,87 @@ <h3>Visualize o Mapa</h3>
<section id="instituto-gloria">
<div class="text">
<h2>Instituto Glória</h2>
<p>O Mapa da Violência é uma iniciativa do Instituto Glória. O Instituto é comprometido com a promoção da igualdade e combate à violência, especialmente contra mulheres. Saiba mais sobre o nosso trabalho em <a href="https://eusouagloria.com.br/home" target="_blank">Instituto Glória</a>.</p>
</div>
<div class="content-contact"></div>
<img src="../img/instituto.jpg" class="other-side-image">
<p class="instituto"> Instituto Glória é a organização por trás do Mapa da Violência. Com uma missão focada na defesa dos direitos das mulheres e na promoção da igualdade de gênero, a ONG realiza pesquisas e campanhas educativas sobre o combate a violência contra mulher. A equipe é composta por especialistas dedicados a criar um impacto positivo e duradouro na sociedade. </p>
</div>
</section>

<section id="participe">
<section id="contato">
<div class="text">
<h2>Participe!</h2>
<p>Ajude-nos a construir uma sociedade mais segura e consciente. Use o Mapa da Violência para registrar casos de violência e visualizar áreas de risco. Juntos, podemos fazer a diferença.</p>
</div>
</section>

<section id="github">
<div class="btn">
<a href="https://residenciaticbrisa.github.io/T2G1-IA-Gloria" class="button">Acesse nossa GitPages</a>
<h2>Entre em contato</h2>
<p class="contato"> Estamos aqui para ouvir você. Se você tem perguntas ou sugestões sobre a plataforma Mapa da Violência, não hesite em entrar em contato conosco. Acreditamos na importância do diálogo e da colaboração para construir uma sociedade mais segura e justa para todas as mulheres.</p>
</div>

<table class="github-table">
<tr>
<td>
<a href="https://github.com/anajbsouza">
<img src="https://github.com/anajbsouza.png" width="100px;" alt="Ana Júlia" />
<br/>
<sub><b>Ana Júlia</b></sub>
</a>
</td>
<td>
<a href="https://github.com/barbarabea">
<img src="https://github.com/barbarabea.png" width="100px;" alt="Bárbara" />
<br/>
<sub><b>Bárbara</b></sub>
</a>
</td>
<td>
<a href="https://github.com/Beatriz-ge">
<img src="https://github.com/Beatriz-ge.png" width="100px;" alt="Beatriz Lins" />
<br/>
<sub><b>Beatriz Lins</b></sub>
</a>
</td>
<td>
<a href="https://github.com/catlenc">
<img src="https://github.com/catlenc.png" width="100px;" alt="Catlen Cleane" />
<br/>
<sub><b>Catlen Cleane</b></sub>
</a>
</td>
<td>
<a href="https://github.com/izabellerivas">
<img src="https://github.com/izabellerivas.png" width="100px;" alt="Izabelle Rivas" />
<br/>
<sub><b>Izabelle Rivas</b></sub>
</a>
</td>
<td>
<a href="https://github.com/Kec3-Lin3">
<img src="https://github.com/Kec3-Lin3.png" width="100px;" alt="Kece Oliveira" />
<br/>
<sub><b>Kece Oliveira</b></sub>
</a>
</td>
</tr>
</table>

</section>
</main>

<script>
document.addEventListener("DOMContentLoaded", function() {
const links = document.querySelectorAll(".navbar a");

links.forEach(link => {
link.addEventListener("click", function(e) {
e.preventDefault();

const targetId = this.getAttribute("href").substring(1);
const targetElement = document.getElementById(targetId);

if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop,
behavior: "smooth"
});
}
});
});
});
</script>
</body>
</html>
Loading

0 comments on commit 0c252d4

Please sign in to comment.