Scribd
Upload
12 views2 pages

Site Shop

The document is an HTML page with CSS styling for a personal website. It includes a header with navigation links, a main section introducing the developer, and a footer. The CSS styles the text, links, and positions site elements like the header and footer.

Uploaded by

Victor Hugo Sousa Lima
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
12 views2 pages

Site Shop

The document is an HTML page with CSS styling for a personal website. It includes a header with navigation links, a main section introducing the developer, and a footer. The CSS styles the text, links, and positions site elements like the header and footer.

Uploaded by

Victor Hugo Sousa Lima
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

SITE SHOP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Página Pessoal</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Bem-vindo ao Meu Site</h1>
<nav>
<ul>
<li><a href="#">Início</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>Sobre Mim</h2>
<p>Sou um desenvolvedor web iniciante, aprendendo HTML e CSS.</p>
</section>
</main>
<footer>
<p>&copy; 2024 Meu Site. Todos os direitos reservados.</p>
</footer>
</body>
</html>

body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}

nav ul {
list-style: none;
padding: 0;
}

nav ul li {
display: inline;
margin: 0 10px;
}

nav ul li a {
color: #fff;
text-decoration: none;
}

main {
padding: 20px;
}

footer {
background: #333;
color: #fff;
text-align: center;
padding: 10px 0;
position: fixed;
bottom: 0;
width: 100%;
}

You might also like