As Informações Avulsas
Por: Edno Sousa • 1/7/2019 • Artigo • 846 Palavras (4 Páginas) • 128 Visualizações
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Programe Home</title>
<meta name="vieeport" content="width=device-width,initlal=scale=1"> <! - - Adpta o sit pro tamanho das telas - ->
<meta name="description" content="Compilador de programas- Programador Edno">
<meta name="keywords" content="programas,compilador,ferramentas,teste">
<meta charset="utf-8">
<meta name="robots" content="index,folow">
<link rel="stylesheet" type="text/css" href="css2.css">
<link rel="stylesheet" type="text/css" href="csscont.css">
<style type="text/css">
#programas{
height: 350px;
}
.textteste{
height:50px;
word-wrap:break-word
}
</style>
</head>
<body>
<header>
<div class="bloco1header">
<p id='logo'>Biblioteca de projetos</p>
<p>Ambiente para implementação de programas</p>
</div>
<div class="bloco2header">
<img id="logoimg" src="img/logo2.png">
</div>
</header>
<hr>
<div class="borda">
<header2>
<ul>
<li><a href="projeto.html">Home</a></li>
<li><a href="serviços.html">Serviços</a></li>
<li><a class="active" href="programas.html">Programas</a></li>
<li style="float:right"><a href="carlos.html">Gatinho Sapeca</a></li>
</ul>
</header2>
</div>
<hr>
<main style="color: #ffffff;">
<selection id="contato">
<h2>Cadrasto</h2>
<form action="/contato/" method="POST">
<label for="name">Name:</label>
<input type="text" name="nome" id="nome" placeholder="Digite seu nome aqui!"><br>
<label for="email">E-mail:</label>
<input type="text" name="email" id="email" placeholder="Digite seu email aqui!"><br>
<label for="menssagem">Sugestão:</label><br>
<textarea id="menssagem" rows="4" cols="50" placeholder="Digite sua sugestão aqui!"
></textarea><br>
<button type="submit">Enviar</button>
</form>
</selection>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3985.8415573772063!2d-44.31123328589187!3d-2.55836203905653!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7f6860324886045%3A0x1024f6caa9406aaa!2sUniversidade+Federal+do+Maranh%C3%A3o!5e0!3m2!1spt-BR!2sbr!4v1561813740857!5m2!1spt-BR!2sbr" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</main>
<hr>
<footer class="rodape">
<div class="hrefpe">
<nav>
<ul class="hrefpe2">
<li><a href="projeto.html">Home</a></li>
<li><a href="serviços.html">Serviços</a></li>
<li><a href="programas.html">Programas</a></li>
<li><a href="teste.html">Testes</a></li>
<li><a href="outros.html">Outros</a></li>
</ul>
...