CodePen

HTML

            
              div#wrapper>(div#header>(h1#title{Website Title})+(h3#tagline{This is our tagline.})+(nav>ul>(li>a{Page $})*5))+(div#main>(article>((h3.title{Article $})+(p.content>lorem)))*5)+(footer>form:post[action=login]>input:t[name=username value=username]+input:p[name=password value=password]+input:s[value=Login])
            
          
!
via HTML Inspector

CSS

            
              ul {
	-webkit-padding-start: 0;
}
a {
	color: #fff;
	font-weight: bold;
}
article {
	margin: 15px;
	padding: 1em;
}

#wrapper {
	width: 80%;
	margin: 10%;
	background-color: #333;
	border-radius: 15px;
	color: #ccc;
	font-family: sans-serif;
	padding: 1em;
}

nav>ul {
	list-style-type: none;
	width: 80%;
	margin: 0 10% 0 10%;
	padding: 0;
	text-align: center;
}

nav>ul>li {
	display: inline;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................