<!-- sample solutions to Padding-->
<!DOCTYPE html>
<head>
<style>
body {
text-align: center;
background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
font-family: Helvetica;
}
input {
border: 0;
padding: 12px;
}
p{
font-size: 24px;
}
</style>
</head>
<body>
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>
This is a picture of an indifferent owl.
</p>
<input type="email" placeholder="Facebook Handle">
<input type="submit" value="Submit">
</body>
</html>
<!-- sample solution to Bigger, Better Input -->
<!DOCTYPE html>
<head>
<style>
body {
text-align: center;
background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
font-family: Helvetica;
}
input {
border: 0;
font-size: 18px;
padding: 12px;
}
p{
font-size: 24px;
}
</style>
</head>
<body>
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>
This is a picture of an indifferent owl.
</p>
<input type="email" placeholder="Facebook Handle">
<input type="submit" value="Submit">
</body>
</html>
<!-- sample solution to Bright Buttons! -->
<!DOCTYPE html>
<head>
<style>
body {
text-align: center;
background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
font-family: Helvetica;
}
input {
border: 0;
font-size: 18px;
padding: 12px;
}
input[type="submit"] {
background: limegreen;
color: black;
}
p{
font-size: 24px;
}
</style>
</head>
<body>
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>
This is a picture of an indifferent owl.
</p>
<input type="email" placeholder="Facebook Handle">
<input type="submit" value="Submit">
</body>
</html>
No comments:
Post a Comment