Skip to content

Instantly share code, notes, and snippets.

@michhub-dev
Created May 26, 2020 13:48
Show Gist options
  • Save michhub-dev/d2fe3fcd3092e4a3d67f3381066067b7 to your computer and use it in GitHub Desktop.
Save michhub-dev/d2fe3fcd3092e4a3d67f3381066067b7 to your computer and use it in GitHub Desktop.
first html page // source https://jsbin.com/sezerew
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>first html page</title>
<style>
#one {
background: yellow;
}
.lon {
background: pink;
}
.tee {
background: skyblue;
}
footer {
background: green;
}
input[type=text]{
background: purple;
}
input[type=password]{
background: 1px orange;
}
input[type=submit]{
background: 2px brown;
}
}
</style>
</head>
<body>
<header id ="one">
<h1> Good Morning, my neighbour!</h1>
</header>
<section>
<img src= "https://placehold.it/280x80" alt="company logo"<br>
<p class ="lon">
I haven't seen you in a awhile now, hope you are good?</p>
<br>
<p>Login</p>
<form>
<input type="text" placeholder="your login"><br>
<input type= "password" placeholder="password"><br>
<input type="submit" value="login">
</form>
</section>
<p class= "tee">hey, are you there? </P>
<footer id="foo">
&copy, 2014 copy right
</footer>
</body>
</html>
@michhub-dev
Copy link
Author

HTML/ CSS practice class

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment