HTML Básico
HTML
Publicado el 14 de Marzo del 2017 por Vanessa
4.697 visualizaciones desde el 14 de Marzo del 2017
esta es una simple pagina web para aquellos que lo necesiten.
Iniciar sesiónCrear cuenta
Crear cuentaCrear cuenta(1)<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="author" content="Vanessa Rangel"/>
<meta name="description" content="Pagina Web Oficial de la intendencia Municipal Francisco Javier Pulgar"/>
<meta name="keywords" content="intendencia, gobernaciòn, zulia, municipal, Francisco Javier Pulgar"/>
<title>Intendencia FJP</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=PT+Serif');
*{
font-family: 'PT Serif', sans-serif;
font-weight: 400;
margin: 0; padding: 0; }.menu{ /*es el contenedor del titulo*/
background: #870000;
padding: 10px 80px;-webkit-box-shadow: 0px 1px 18px -1px rgba(51,51,51,1);
-moz-box-shadow: 0px 1px 18px -1px rgba(51,51,51,1);
box-shadow: 0px 1px 18px -1px rgba(51,51,51,1);
background: #a90329;
background: -moz-linear-gradient(top, #a90329 8%, #8f0222 59%, #8f0222 59%, #8f0222 68%, #6d0019 90%);
background: -webkit-linear-gradient(top, #a90329 8%,#8f0222 59%,#8f0222 59%,#8f0222 68%,#6d0019 90%);
background: linear-gradient(to bottom, #a90329 8%,#8f0222 59%,#8f0222 59%,#8f0222 68%,#6d0019 90%);
}.menu h1, .menu h4{ /*este el el titulo y el subtitulo*/
color: #fff;
letter-spacing: 1px
}.contenedor {
width: 80%;
clear: both; margin: 80px auto 0 auto; }.informacion{
margin: 10px auto;width: 80%;
} .informacion a{ /*el registrador*/
float: right;text-decoration: none;
margin-left: 10px;
}.informacion a:hover{
color: #870000;
}.img-eslogan{
width: 50%;
display: table; margin: 0 auto; }.separador {
width: 20%;
clear: both; margin: 20px auto 0 auto; }</style>
</head>
<body>
<div class="menu">
<h1>Intendencia del Municipio Francisco Javier Pulgar</h1>
<h4>Somos un ente pùblico comprometivo con nuestro municipio</h4>
</div>
<div class="informacion">
<a href="#" title="Registrarse en la página web" style="border-left: 2px solid #870000; padding-left: 10px;">Registrarse</a>
<a href="#" title="Iniciar sesión">Iniciar Sesión</a>
</div>
<div class = "contenedor"> </div>
<img src="http://www.zuliapordentro.com/wp-content/uploads/2015/04/Logo-GobZulia.png" alt= "Logo de las intendencias Zulianas" style="border-left: 50px solid #fff; padding-left: 10px;" class="img-eslogan">
<div class = "separador"> </div>
<p align="center"><a href="#">Más información...</a></p>
</body>
</html>
Comentarios sobre la versión: 1 (1)