Site com Html e Css
Por: zezintrabalho • 8/3/2021 • Trabalho acadêmico • 4.893 Palavras (20 Páginas) • 115 Visualizações
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Museu Nacional</title>
<meta charset="utf-8">
<!-- Normalize CSS -->
<link rel="stylesheet" type="text/css" href="normalize.css">
<!-- Estilo customizado -->
<link rel="stylesheet" type="text/css" href="estilo.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.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="#">Acervo</a></li>
<li><a href="#">vídeos</a></li>
<li><a href="#">fotos</a></li>
<li><a href="#">contato</a></li>
</ul>
</nav><!--/fim nav -->
</header><!--/fim header -->
<div id="principal"><!-- Início principal -->
<div id="conteudo"><!-- Início conteudo -->
<section id="capa">
<img src="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.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!1d3855041.1470371364!2d-47.76788466217111!3d-19.339313503507086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x30057e6410570127!2sMuseu%20Nacional%20de%20Ci%C3%AAncias%20Forenses%20da%20Pol%C3%ADcia%20Federal%20(em%20implanta%C3%A7%C3%A3o)!5e0!3m2!1spt-BR!2sbr!4v1610516763297!5m2!1spt-BR!2sbr" width="310" height="170" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></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></li>
<li><a href="">Preguiça gigante e tigres dentes-de-sabre</a></li>
<li><a href="">Plantas do Brasil Central</a></li>
<li><a href=""><strong>Veja Todos (65)</strong></a></li>
</ul>
</article>
<article id="historia">
<h3>200 Anos de história</h3>
...