tclain/index.html

## index.html
<!-- your html code here !-->
<html>
	<head>
		<link href="https://fonts.googleapis.com/css?family=PT+Sans|Roboto+Slab" rel="stylesheet">
		<title>TESTING!!</title>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>

	<body>
		<div class="banner">
			<div class="banner-content block-centered">
				<h1>How to copy Medium</h1>
				<p>This is the cheap version of course</p>
			</div>
		</div>

		<div class="post-content block-centered">
		<h2>Some title</h2>
		<p>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptas, quod ex atque, blanditiis veniam harum, quia omnis eius iure unde ullam rerum esse. Nulla assumenda atque temporibus, ab nam.
		</p>
		<h2>Some title</h2>
		<p>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptas, quod ex atque, blanditiis veniam harum, quia omnis eius iure unde ullam rerum esse. Nulla assumenda atque temporibus, ab nam.
			<a href="https://www.google.com" target="_blank">LINK</a>
		</p>
		<h2>Some title</h2>
		<p>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptas, quod ex atque, blanditiis veniam harum, quia omnis eius iure unde ullam rerum esse. Nulla assumenda atque temporibus, ab nam.
		</p>
	</div>
	</body>
</html>

## style.css
body {
	margin: 0px;
	font-family: 'PT Sans', sans-serif;
}

.banner {
	background-image: url(https://picsum.photos/1000/500);
	background-size: cover;
	padding-bottom: 200px;
	padding-top: 200px;
}

.banner-content {
	width: 300px;
	color: white;
}
.post-content{
	width: 50%;
}
h2{
	color: rgb(50,50,50);
}

.block-centered{
    margin: 0 auto;

}
.post-content {
	line-height: 2;

}

h1, h2{
	font-family: 'Roboto Slab', serif;
}

a {
	color: green;
}

a:hover {
	color: lightgreen;
}
	<!-- your html code here !-->
	<html>
	<head>
	<link href="https://fonts.googleapis.com/css?family=PT+Sans\|Roboto+Slab" rel="stylesheet">
	<title>TESTING!!</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	</head>

	<body>
	<div class="banner">
	<div class="banner-content block-centered">
	<h1>How to copy Medium</h1>
	<p>This is the cheap version of course</p>
	</div>
	</div>

	<div class="post-content block-centered">
	<h2>Some title</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptas, quod ex atque, blanditiis veniam harum, quia omnis eius iure unde ullam rerum esse. Nulla assumenda atque temporibus, ab nam.
	</p>
	<h2>Some title</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptas, quod ex atque, blanditiis veniam harum, quia omnis eius iure unde ullam rerum esse. Nulla assumenda atque temporibus, ab nam.
	<a href="https://www.google.com" target="_blank">LINK</a>
	</p>
	<h2>Some title</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptas, quod ex atque, blanditiis veniam harum, quia omnis eius iure unde ullam rerum esse. Nulla assumenda atque temporibus, ab nam.
	</p>
	</div>
	</body>
	</html>
	body {
	margin: 0px;
	font-family: 'PT Sans', sans-serif;
	}

	.banner {
	background-image: url(https://picsum.photos/1000/500);
	background-size: cover;
	padding-bottom: 200px;
	padding-top: 200px;
	}

	.banner-content {
	width: 300px;
	color: white;
	}
	.post-content{
	width: 50%;
	}
	h2{
	color: rgb(50,50,50);
	}

	.block-centered{
	margin: 0 auto;

	}
	.post-content {
	line-height: 2;

	}

	h1, h2{
	font-family: 'Roboto Slab', serif;
	}

	a {
	color: green;
	}

	a:hover {
	color: lightgreen;
	}