-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (132 loc) · 6.8 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Estatuto do Desarmamento</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="site informativo sobre o estatuto do desarmamento no Brasil e no mundo"> <!--descrição do site-->
<meta name="keywords" content="estatuto, desamamento, porte de armas"> <!--palávras chaves-->
<meta name="robots" content="index, follow"> <!--serve para os motores de busca -->
<meta name="author" content="Allan G. Ramos / Ruan Gabriel David de Sousa / Jackeline Alves Almeida de Jesus / Jackeline Alves Almeida de Jesus"> <!--nomes dos autores da página-->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous"> <!--icons-->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="icon" href="img/pistola.png">
</head>
<body>
<!--=========================CABEÇALHO=============================-->
<header class="cabecalho">
<button class="btn-menu"><i class="fas fa-bars fa-lg"></i></button>
<a href="index.html"><h1 class="logo">Estatuto do Desarmamento</h1></a>
<!--==========================MENU=================================-->
<nav class="menu">
<a href="" class="btn-close"><i class="fa fa-times"></i></a> <!--BOTÃO DE FECHAR-->
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="html/topico1.html">O Estatuto</a></li>
<li><a href="html/topico2.html">Antes Do Estatuto</a></li>
<li><a href="html/topico3.html">Porte De Armas</a></li>
<li><a href="html/topico4.html">Cultura Das Armas</a></li>
<li><a href="html/topico5.html">Curiosidades</a></li>
<li><a href="html/topico5.html">Quem Somos</a></li>
</ul>
</nav>
</header>
<!--==========================BANNER===============================-->
<div class="banner">
<div class="title">
<h2>ESTATUTO DO DESARMAMENTO</h2>
<H3>Lei criada em 2003 que visa o controle e regulamentação do porte de armas de fogo no Brasil</H3>
</div>
</div>
<!--==========================TOPICO1==============================-->
<main class="servicos">
<article class="servico">
<a href="html/topico1.html"><img src="img/mlei.jpg" alt="ESTATUTO DO DESARMAMENTO"></a>
<div class="inner">
<a href="html/topico1.html">O ESTATUTO</a>
<h4>Tudo sobre a lei do desarmamento.</h4>
<p>Trata-se da Lei 10826 de 22 de dezembro de 2003, regulamentada pelo decreto 5123 de 1º de julho de 2004 e publicada no Diário Oficial da União no dia seguinte, que "dispõe sobre registro, posse e comercialização de armas de fogo e munição.</p>
</div>
</article>
<!--==========================TOPICO2==============================-->
<article class="servico">
<a href="html/topico2.html"><img src="img/mudanca.jpg" alt="ANTES DO ESTATUTO"></a>
<div class="inner">
<a href="html/topico2.html">ANTES DO ESTATUTO</a>
<h4>O que realmente mudou?</h4>
<p>Com 15 milhões de armas de fogo (8 para cada 100 mil habitantes), o Brasil ocupa a 75ª posição em um ranking que analisou a quantidade de armas nas mãos de civis em 184 nações.</p>
</div>
</article>
<!--==========================TOPICO3==============================-->
<article class="servico">
<a href="html/topico3.html""><img src="img/portedearmas.jpg" alt="PORTE DE ARMAS NO BRASIL"></a>
<div class="inner">
<a href="html/topico3.html">PORTE DE ARMAS NO BRASIL</a>
<h4>Passo a passo para o porte legal de armas.</h4>
<p>Para que uma pessoa física possa obter e portar armas de fogo é necessário um requerimento preenchido, além de estar de acordo com algumas condições.</p>
</div>
</article>
<!--==========================TOPICO4==============================-->
<article class="servico">
<a href="html/topico4.html""><img src="img/cultura.png" alt="CULTURA DAS ARMAS"></a>
<div class="inner">
<a href="html/topico4.html">CULTURA DAS ARMAS</a>
<h4>A culura das armas em alguns países.</h4>
<p>A cultura de armas em alguns países e inclusive no Brasil. Como era o comercio de armas no Brasil, incluindo propagandas da época, e também alguns questionamentos sobre a lei e o uso das armas.</p>
</div>
</article>
<!--==========================TOPICO5==============================-->
<article class="servico">
<a href="html/topico5.html""><img src="img/curiosidades.jpg" alt="CURIOSIDADES" ></a>
<div class="inner">
<a href="html/topico5.html">CURIOSIDADES</a>
<h4>Algumas coisas inusitadas sobre o tema uso de armas.</h4>
<p>Trata-se da Lei 10826 de 22 de dezembro de 2003, regulamentada pelo decreto 5123 de 1º de julho de 2004 e publicada no Diário Oficial da União no dia seguinte, que "dispõe sobre registro, posse e comercialização de armas de fogo e munição.</p>
</div>
</article>
<!--==========================TOPICO6==============================-->
<article class="servico">
<a href="html/topico5.html""><img src="img/quem-somos.png" alt="QUEM SOMOS"></a>
<div class="inner">
<a href="html/topico5.html">QUEM SOMOS</a>
<h4>Um pouco sobre os desenvolvesores</h4>
<p>De onde partiu a idéia, quem somos, de onde viemos, como pensamos e o que pretendemos com o site.</p>
</div>
</article>
</main>
<!--==========================NEWS LATTER==========================-->
<section class="newsletter">
<h2> Inscreva-se agora! </h2>
<h3> Receba novidades sobre o assunto </h3>
<form>
<input type="email" name="email" placeholder="Seu email">
<button>Cadastrar</button>
</form>
</section>
<!--==========================RODAPÉ==============================-->
<footer class="rodape">
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-twitter-square"></i></a>
<a href="#"><i class="fab fa-google"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fa fa-envelope-square"></i></a>
<p class="copyrigth">
UNIPAC ADS - 2018. Todos os direitos reservados.
</p>
</div>
</footer>
<!--==========================JQUERRY==============================-->
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<script>
$(".btn-menu").click(function(){
$(".menu").show();
});
$(".btn-close").click(function(){
$(".menu").hide();
});
</script>
</body>
</html>