About Me #4

<!DOCTYPE html>

<!----------------------

	ABOUT PAGE #4 by JAKEHELPS
		#1: Do not redistribute & claim as your own.
		#2: Do not remove the credit.

		---------------------------->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>

</head>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #505050;
	background-attachment: fixed;
	margin-bottom: 50px;
}

a {
	text-decoration: none;
	color: black;
}

#olympus img {
	position: fixed;
	width: 1369px;
	height: 780px;
	background-color: #FFFFFF;
	opacity: 0.9;
}

#about {
	position: fixed;
	display: block;
	width: 700px;
	height: 340px;
	margin-left: 350px;
	margin-top: 350px;
	background-color: transparent;
}

.title {
	color: #FFFFFF;
	font-family: fjalla one;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFFFFF;
}

.description {
	padding: 40px;
	color: #FFFFFF;
	font-family: cambria;
	font-size: 12px;
	text-align: center;
}

.navigation {
	margin-top: 5px;
	text-align: center;
}

.navigation a {
	padding: 20px 20px;
	background-color: #FFFFFF;
	color: #202020;
	display: inline-block;
	font-family: fjalla one;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.navigation a:hover {
	opacity: 1;
}


</style>
<body>
<div id="olympus">
	<img src="http://wallppaer.com/wp-content/uploads/2013/04/francisco-lachowski-shirtless.jpg" />
</div>

<div id="about">
	<div class="title">Welcome to the Agency</div>
	<div class="description">
	Welcome to Models, Inc.! One of the world's most prestigious and high ranking modeling firms you will ever come across by. Think you have what it takes to walk through our doors and become the next top model? We shall see about that. You will be tested, you will be trained, and if we see you fit, then you are welcome to apply for the agency. If not, we are terribly sorry. Good luck to all and remember, a model isn't just about the looks. You must stand for something and have something to stick by. Happy trails!
	</div>
	<div class="navigation">
		<a href="#">Featured</a>
		<a href="#">Newest Editions</a>
		<a href="#">Top Models</a>
		<a href="#">Applications</a>
		<a href="#">Contact</a>
	</div>
</div>


</body>
</html>