ben/freecodecamp
1
0
Fork 0
mirror of https://github.com/BenDWit/freecodecamp.git synced 2025-12-23 15:09:59 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

old stuff

Browse source
This commit is contained in:
bendwit 2025-07-28 14:09:47 +02:00
parent fc385a818d
commit 20c9e4212c
8 changed files with 158 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
Certified_Full_Stack_Developer/CSS/Contact_Form/index.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="form-container">
<form action="">
<h2>Leave a message</h2>
<label for="full-name">full name:</label>
<input type="text" name="full-name" id="full-name" required>
<label for="email">email: </label>
<input type="email" name="email" id="email" required>
<label for="message">type your message:</label>
<textarea name="message" id="message" required></textarea>
<button type="submit">Submit</button>
</form>
</div>
</body>
</html>

41
Certified_Full_Stack_Developer/CSS/Contact_Form/styles.css Normal file
View file

@ -0,0 +1,41 @@
* {
padding: 0;
margin: 0;
}
body {
background-color: aquamarine;
}
.form-container {
border-radius: 25px;
padding: 20px;
width: 50%;
background-color: aliceblue;
display: center;
}
label {
margin: 10px;
color: brown;
}
input {
width: 90px;
padding: 10px;
margin-bottom: 10px;
height: 10px;
}
textarea {
width: 90px;
padding: 10px;
margin-bottom: 10px;
}
button {
background-color: rgb(82, 90, 90);
font-size: 12px;
}
button:hover {
background-color: green;
}