Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Junior souza limeira

Rodapé do site

Por , em Desenvolvimento frontend

Recommended Posts

guilomaker    31

guilomaker
Postado

amigo sugiro que estude um pouco sobre HTML e CSS pois ninguem vai fazer um site todo pra você. vou lhe explicar só essa ok? depois sugiro dar uma estudada no assunto.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		* {margin:0; padding: 0;}
		footer {
			background: #ccc;
			width: 100%;
			height: 200px;
			bottom: 0;
			position: absolute;
		}
		.container {
			margin: auto;
			width: 980px;
			height: auto;
		}
		#rodape {
			width: 410px;
			margin:30px  auto;
		}
		#rodape ul {
			
		}
		
		#rodape ul li {
			display: inline;
			padding: 20px;
		}
		#rodape ul li a {
			color: #333;
			text-decoration: none;
			font-family: Arial;
			
		}
		#rodape ul li a:hover {
			color: #fff;
		}
		
		footer p {
			text-align: center;
			font-family: Arial;
			font-size: 17px;
			color: #0e2f44;
		}
	</style>
</head>
<body>
	<footer>
		<div class="container">
			<nav id="rodape">
				<ul>
					<li><a href="#">Sobre</a></li>
					<li><a href="#">Termos</a></li>
					<li><a href="#">Privacidade</a></li>
					<li><a href="#">Contato</a></li>
				</ul>
			</nav>
			<p>Powered by Guilomaker</p>
		</div>
	</footer>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito