Skip to content

Instantly share code, notes, and snippets.

@matgargano
Last active March 5, 2019 18:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save matgargano/bf4db296e84f917a49e86457208782c8 to your computer and use it in GitHub Desktop.
Save matgargano/bf4db296e84f917a49e86457208782c8 to your computer and use it in GitHub Desktop.
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>CSS Review</title>
<!-- make sure you put style.css in a css/style.css, not the root -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<article>
<h1>An Amazingly Awesome Title</h1>
<p>Why can’t there be better content</p>
<h2>Subsection</h2>
<p>I <strong>should</strong> be underlined</p>
<p><i>There</i> is no more text</p>
</article>
<footer>
<ul>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Use</a></li>
<li>Copyright 2019 All Rights Reserved</li>
</ul>
</footer>
</body>
</html>
p {
color:#333;
}
nav li {
display:inline;
}
nav li a:hover {
text-decoration:none;
}
header nav a {
color:#ff6347;
}
article p:nth-of-type(2) {
text-decoration:underline;
}
footer li {
list-style-type:none;
}
footer li:nth-child(3){
font-weight:bold;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment