-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (143 loc) · 6.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Museu Nacional</title>
<!--Normalize CSS-->
<link rel="stylesheet" href="/assets/css/normalize.css">
<!--Estilo customizado-->
<link rel="stylesheet" type="text/css" href="/assets/css/estilo.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div id="container"><!-- Início container-->
<header><!-- Início Header-->
<div id="logo">
<h1><a href="">Museu Nacional</a></h1>
</div>
<nav><!-- Início Nav-->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Exposições</a></li>
<li><a href="#">Pesquisa</a></li>
<li><a href="#">Acervos</a></li>
<li><a href="#">Vídeos</a></li>
<li><a href="#">Fotos</a></li>
<li><a href="#">Contatos</a></li>
</ul>
</nav><!-- /fim Nav-->
</header><!-- /Fim Header-->
<div id="principal"><!-- Inicio principal -->
<div id="conteudo"><!--Inicio Conteudo-->
<section id="capa">
<img src="/assets/imagens/museu.png">
</section>
<section id="postagens">
<article id="video">
<h3>Vídeo: conheça o museu</h3>
<iframe width="310" height="170"
src="https://www.youtube-nocookie.com/embed/RGUYb-hivrc"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</article>
<article id="mapa">
<h3>Mapa: Encontre o museu</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3675.206311665319!2d-43.228717585034445!3d-22.90575998501238!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x997e58a085b7af%3A0x4d11e9a933d38ce3!2sMuseu%20Nacional%20-%20UFRJ!5e0!3m2!1spt-BR!2sbr!4v1615210818284!5m2!1spt-BR!2sbr"
width="310" height="170" style="border:0;"
allowfullscreen="" loading="lazy"></iframe>
</article>
<article id="exposicoes">
<h3>Exposições</h3>
<ul>
<li>
<a href="#"> Os assustadores Insetos</a>
</li>
<li>
<a href="#">O crânio de Luzia, a mulher
mais antiga do Brasil
</a>
</li>
<li>
<a href="#">Preguiça gigante e
trigre-dentes-de-sabre</a>
</li>
<li>
<a href="#">Plantas do Brasil Central</a>
</li>
<li>
<a href="#">Tereza Cristina: a Imperatriz
Arqueóloga
</a>
</li>
<li>
<a href="#"><strong>Veja todos (65)</strong></a>
</li>
</ul>
</article>
<article id="historia">
<h3>200 anos de história</h3>
<p>Lorem Ipsum é simplesmente uma simulação de texto da indústria
tipográfica e de impressos, e vem sendo utilizado desde o século
XVI, quando um impressor desconhecido pegou uma bandeja de tipos
e os embaralhou para fazer um livro de modelos de tipos.</p>
<a href="#"><strong>Leia mais</strong></a>
</article>
</section>
</div><!--/Fim Conteudo-->
<aside><!--Inicio aside-->
<section id="depoimento">
<img src="/assets/imagens/depoimento.png">
</section>
<section id="visita"><!--Inicio seção visita-->
<h3>Faça uma visita</h3>
<form action="">
<fieldset>
<legend>Selecione uma data</legend>
<label for="data">Data</label>
<input class="campo" type="text" id="data" value="dd/mm/aaaa">
<label for="qtd">Qtd pessoas</label>
<input class="campo" style="width: 30px;" type="text" id="qtd" value="1">
</fieldset>
<input class="botao" type="submit" value="Verificar Disponibilide">
</form>
</section><!-- /fim seção visita-->
<section id="galeria"><!--Inicio Galeria-->
<h4>Galeria de Fotos</h4>
<a href="">
<img src="/assets/imagens/imagem1.jpg" height="93" width="93">
</a>
<a href="">
<img src="/assets/imagens/imagem2.jpg" height="93" width="93">
</a>
<a href="">
<img src="/assets/imagens/imagem3.jpg" height="93" width="93">
</a>
<a href="">
<img src="/assets/imagens/imagem4.jpg" height="93" width="93">
</a>
</section><!--/Fim Galeria-->
</aside><!--/Fim aside-->
<footer >
<p>
<a href="">Home</a>
<a href="">Exposições</a>
<a href="">Pesquisa</a>
<a href="">Acervo</a>
<a href="">Vídeos</a>
<a href="">Fotos</a>
<a href="">Contatos</a>
</p>
<p>
2019 <a href="">Museu Nacional</a> - Todos os direitos
reservados.
</p>
</footer>
</div><!-- /Fim principal -->
</div><!-- Fim container-->
</body>
</html>