Scribd
Upload
5 views

Index.html 2

The document contains an HTML file for a personal website titled 'Meu Site' with sections for home, about, and contact information. It includes a navigation menu, personal details about the author, and a contact form for user interaction. The associated CSS file styles the website with a specific color scheme and layout for improved visual presentation.

Uploaded by

Leticia Guarnieri
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views

Index.html 2

The document contains an HTML file for a personal website titled 'Meu Site' with sections for home, about, and contact information. It includes a navigation menu, personal details about the author, and a contact form for user interaction. The associated CSS file styles the website with a specific color scheme and layout for improved visual presentation.

Uploaded by

Leticia Guarnieri
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

index.

html

<DOCTYPE html>
<html>
<head>
<title>Meu Site </title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="home" > Home></a></li>
<li><a href="about" > Sobre></a></li>
<li><a href="contact" > Contato></a></li>
</ul>
</nav>
</header>
<section id="home">
<h2>Minha Prova P2</h2>
<p>Aluno: Joziel de Jesus Souza RA: 2306444.</p>
</section>
<section id="about" class="cor_destaque">
<h2>Sobre Mim</h2>
<ol>
<li>Sou estudante</li>
<li>Já toquei violão</li>
<li>Sou confeiteiro</li>
</ol>
</section>
<section id="contact">
<h2>Entre em contato</h2>
<form id="contactForm" action="submit_Form" method="post">
<label for="name">Nome:</label><br>
<input type="text" id="name" name="name"><br>
<label for="age">Idade:</label><br>
<input type="text" id="age" name="age"><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email"><br>
<label for="message">Mensagem</label><br>
<textarea id="message" name="message" rows="3"
cols="35"></textarea><br>
<input type="submit" value="Enviar"
onclick="validateForm(event)">
</form>
</section>
</body>
</html>

styles.css

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;

}
header {
background-color: rgb(24, 24, 133);
color: aliceblue;
padding: 20px;
}
nav ul{
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li{
display: inline;
margin-right: 10px;
}
nav ul li a{
color: #fff;
text-decoration: none;
}
section{
padding: 20px;
}
section h2 {
margin-bottom: 10px;
}
.cor_destaque {
background-color: gray;

}
input[type="submit"] {
background-color: blue;
color: #fff;
}

You might also like