TrabalhosGratuitos.com - Trabalhos, Monografias, Artigos, Exames, Resumos de livros, Dissertações
Pesquisar

Site com Html e Css

Por:   •  8/3/2021  •  Trabalho acadêmico  •  4.893 Palavras (20 Páginas)  •  137 Visualizações

Página 1 de 20

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>

...

Baixar como (para membros premium)  txt (11.2 Kb)   pdf (45.8 Kb)   docx (10.6 Kb)  
Continuar por mais 19 páginas »
Disponível apenas no TrabalhosGratuitos.com