fredericAerts

body {
	font-family: 'Oswald', sans-serif;
}

fredericAerts

h2 {
	margin: 70px 0 20px;

	font-size: 35px;
	font-weight: 700;
}

p {
	margin-bottom: 20px;
}

fredericAerts

<section class="content-wrapper">
	<h2>This is the website you'll build</h2>
	<p>
		And you'll build it like a pro too...
	</p>
	<p>
		In a <a href="http://www.fredericaerts.com/#/writing/series/how-to-become-a-web-developer-in-3-days?article=day-1:-what-websites-are-made-from" target="_blank"> 3 day tutorial</a>, we'll be travelling back to the future of web development. That's right! Using only our brain and a simple text editor, we're going to concoct this beautiful website, leaving you with a strong foundation to build upon during your future web development adventures.
	</p>
	<p>
		<strong>No prior web development knowledge is required</strong> for completing this tutorial successfully. On the first day we'll explain what websites are made from. In the next 2 days we'll focus on building this website you're viewing now from scratch. 

fredericAerts

.hero {
	padding: 60px 0; 

	text-align: center;

	background: #EEEEEE;
}

fredericAerts

.hero-title {
	width: 95%;
	max-width: 550px;
	margin: 0 auto;
	padding: 15px;

	background: #FFFFFF;

	border: 1px solid black;
}

fredericAerts

h1 {
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
}

fredericAerts

<section class="hero">
	<h1 class=“hero-title">How to become a web developer in 3 days</h1>
	<img class=“hero-image" src="images/logo.png">
	<a class="btn btn-success btn-lg" type="button" href="http://www.fredericaerts.com/#/writing/series/how-to-become-a-web-developer-in-3-days?article=day-1:-what-websites-are-made-from" target="_blank">
		Start building
	</a>
</section>

fredericAerts

.header {
	box-shadow: 0 0 2px 3px #EEEEEE;
}

.nav-item {
	display: inline-block;
	height: 60px;
	padding: 20px;

	color: #000000;

fredericAerts

a {
	color: #6495ED;
	text-decoration: none;
}

a:hover, a:visited, a:active, a:focus {
	color: #6495ED;
	text-decoration: none;
}

fredericAerts

.content-wrapper {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}