-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
74 lines (57 loc) · 3.27 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Do campo à cidade</title>
<link rel="stylesheet" href="style.css">
<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=Raleway:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<header class="cabeçario-1">
<div class="logo-div">
<img class="cabeçario-pricipal" src="img/rota rural.png" alt="logo do site">
</div>
</header>
<nav class="menu-hamburger">
<input id="menu-hamburguer" type="checkbox" />
<label for="menu-hamburguer">
<div class="menu">
<span class="hamburguer"></span>
</div>
</label>
<ul class="menu-hamburguer-elements show">
<li>
<a href="index.html">Home</a>
</li>
<li><a href="#">Quem Somos</a></li>
<li><a href="#">Contato</a></li>
<li><a href="index.html">Voltar</a></li>
</ul>
</nav>
<div class="começo">
<img class="lala-lu" src="img/vaca.png" alt="imagem de abertura">
</div>
<section class="vindas">
<div class="vindas-div">
<h2 class="titulolagal">Boas-vindas ao Franck's Donate</h2>
<p class="texto-1"> A doação prova que o amor vai além das palavras e se transforma em ação, uma doação é a ação de dar algo a outra pessoa, geralmente uma pessoa necessitada ou uma instituição.</p>
<p class="texto-2"> O ato de doar contribui verdadeiramente para melhorar a sociedade, as instituições e, principalmente as pessoas. Ao enxergar as necessidades do próximo e fazer algo para supri-las, nos tornamos mais justos e igualitários. É um ato de desprendimento, renúncia, entrega e amor ao próximo.</p>
<p class="texto-3"> Existem várias maneiras de fazer uma doação, mas tem gente que nem sabe por onde doar, o que é possível doar ou como fazer a doação.</p>
<img class="boas-doaçoes" src="img/imagen1-1.jpeg" alt="boas doaçaoes">
</div>
</section>
</header>
<section class="vindas">
<div class="vindas-div">
<h2 class="titulolagal">Por isso estou aqui para ajudar!</h2>
<p class="texto-4"> Criei esse site com o objetivo de informar sobre esse assunto com todos os detalhes para que você consiga realizar por que isso vai trazer benefícios para os dois lados, pois essas ações quando são feitas podem ser são seguidas por um período maior de melhoria do bem-estar e senso de autovalorização, sentimentos que por sua vez reduzem o estresse e melhoram a saúde daqueles que ajudam, e também contribuindo para a sociedade desse modo transformando o mundo e fazendo dele um lugar melhor.</p>
</div>
</section>
<footer class="rodape">
<img class="rodape-img" src="img/rodape.jpg" alt="imagem do rodapé">
</footer>
</body>
</html>