-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (56 loc) · 2.29 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Encontro</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="site">
<header>
<nav>
<ul id="menu">
<li><a href="#">Brasólia</a></li>
<li><a href="#about">Quadradin?</a></li>
<li><a href="#gallery">Figuras</a></li>
<li><a href="#maps">Mapa</a></li>
<li><a href="#contact">Contatos</a></li>
</ul>
</nav>
</header>
<section id="banner"></section>
<section id="about">
<h1>Encontro de Brazucas é aqui</h1>
<p>Brasília surgiu por volta dos anos 60, planejada para ser sede do governo, mas nascida para encontros de Brasilieiros. Nordestinos, mineiros, paulistas, goianos, cariocas entre tantos. Cada estado deixou seu presente cultural para este lugar, tal como hoje chamado de "quadradin", mas de quadrado nosso povo não tem nada, não é mesmo?.</p>
</section>
<section id="gallery">
<h1>Figurinhas</h1>
<img src="folder/1.jpg" class="galeria">
<img src="folder/2.jpg" class="galeria">
<img src="folder/3.JPG" class="galeria">
<img src="folder/4.jpg" class="galeria">
<img src="folder/5.jpg" class="galeria">
<img src="folder/6.jpg" class="galeria">
</section>
<section id="maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3839.082640016316!2d-47.90158508559497!3d-15.799595927290971!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x935a3aeba64a4b85%3A0x9e9af26103859e0a!2sEDIF%C3%8DCIO%20REZENDE%20R.%20DE%20REZENDE%2C%20UDF!5e0!3m2!1spt-BR!2sbr!4v1649895789496!5m2!1spt-BR!2sbr" width="100%" style="border:0; height: 100vh;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
<section id="contact">
<h1>Vem Chegando</h1>
<form>
<label>Teu nome véi</label>
<input type="text" name="nome">
<label>Zap Zap</label>
<input type="email" name="email">
<label>Msg</label>
<textarea rows="5" name="mensagem">
</textarea>
<center>
<button type="submit">Boto fé</button>
</center>
</form>
</section>
</div>
</body>
</html>