design nice block header

I saw this the other day and thought the color scheme looked quite nice. Ill see if i can replicate it here.

Lorem ipsum dolor sit amet
consectetur adipiscing elit

code

<style>
	@import url('https://fonts.googleapis.com/css?family=Raleway:300');
	.mid-header {
		height:300px;
		text-align: center;
		color:#FFF;
		background:#1fb4cc linear-gradient(#107182, #1fb4cc);
	}
	.top-title {
	    padding-top: 90px;
	    font-family: "Raleway", sans-serif;
	    font-weight: 300;
	    font-size: 50px;
	    letter-spacing: -1px;
	}
	.sub-title {
		font-family:"Raleway", sans-serif;
		font-weight:300;
		font-size:30px;
		color:#e0e0e0;
	}
</style>

<div class='mid-header'>
	<div class='top-title'>Lorem ipsum dolor sit amet</div>
	<div class='sub-title'>consectetur adipiscing elit</div>
</div>

Other Items in css
Page Views

This page has been viewed 333 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

âĪðŸ‘Đ‍ðŸ’ŧðŸ•đ

Random Quote
There is a qualitative and quantitative difference between a day that begins with a little exercise, a book, meditation, a good meal, a thoughtful walk, and the start of a day that begins with a smartphone in bed.
Unknown