waseemnawaz/contact.html

## contact.html
!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Contact me</title>
		<link rel="stylesheet" href="css/normalize.css">
    	<link rel="stylesheet" href="css/contact_styles.css">
	</head>
<body>
	<div class="jumbotron">
		<div class="container">
			<div class="header">
				<h1>Contact me</h1>
			</div>
			<div class="links">
				<h1><a href="file://localhost/Users/waseemnawaz/Downloads/my_cf_project_final/index.html">Index</a></h1>

			</div>
			<div class="link2">
				<h1><a href="file://localhost/Users/waseemnawaz/Downloads/my_cf_project_final/about.html">About<a/></h1>
			</div>
			<div class="write"
				<h1>Please feel free to write or call whenever you want to. I usually call or write back as soon as possible.</h1>
			</div>

			<div class="image">
				<img src="img/IMG_0284.jpg">
			</div>
			<div class="email">
				<h2>Send me an email: info@waseemnawaz.com</h2>
    		</div>
    		<div class="phone">
    			<h3> My telephone number: 621269747</h3>
    		</div>


		</div><!-- end container -->
	</div><!-- end jumbotron -->
</body>
</html>

## contact_styles.css
* {box-sizing: border-box;}
.container {
	width: 80%;
	margin: 0 auto;
	float: center;
	margin: 20px;
}
.header {
	display: inline-block;
	margin: 20px;
}
.write {
	text-align: center;
}
.email {
	text-align: center;
}
.phone {
	text-align: center;
	display: inline;
	margin-bottom: 40px;
}
.image {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.links {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.link2 {
	display: inline-block;
}
/*topography*/
h1, h2, h3 {
	font-family: Futura, Helvetica, Arial, sans-serif;
}
.write {
	font-size: 1.5em;
}
.header h1 {
	text-transform: uppercase;
	background-color: #FFA9A9;
}
.links {
	text-transform: uppercase;
	background-color: #FFA9A9;
}
.link2 {
	text-transform: uppercase;
	background-color: #FFA9A9;
}
h3 {
	font-size: 1.5em;
}
body {
	background-color: #FFF5F5;
}
	!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Contact me</title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/contact_styles.css">
	</head>
	<body>
	<div class="jumbotron">
	<div class="container">
	<div class="header">
	<h1>Contact me</h1>
	</div>
	<div class="links">
	<h1><a href="file://localhost/Users/waseemnawaz/Downloads/my_cf_project_final/index.html">Index</a></h1>

	</div>
	<div class="link2">
	<h1><a href="file://localhost/Users/waseemnawaz/Downloads/my_cf_project_final/about.html">About<a/></h1>
	</div>
	<div class="write"
	<h1>Please feel free to write or call whenever you want to. I usually call or write back as soon as possible.</h1>
	</div>

	<div class="image">
	<img src="img/IMG_0284.jpg">
	</div>
	<div class="email">
	<h2>Send me an email: info@waseemnawaz.com</h2>
	</div>
	<div class="phone">
	<h3> My telephone number: 621269747</h3>
	</div>






	</div><!-- end container -->
	</div><!-- end jumbotron -->
	</body>
	</html>
	* {box-sizing: border-box;}
	.container {
	width: 80%;
	margin: 0 auto;
	float: center;
	margin: 20px;
	}
	.header {
	display: inline-block;
	margin: 20px;
	}
	.write {
	text-align: center;
	}
	.email {
	text-align: center;
	}
	.phone {
	text-align: center;
	display: inline;
	margin-bottom: 40px;
	}
	.image {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	.links {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	.link2 {
	display: inline-block;
	}
	/topography/
	h1, h2, h3 {
	font-family: Futura, Helvetica, Arial, sans-serif;
	}
	.write {
	font-size: 1.5em;
	}
	.header h1 {
	text-transform: uppercase;
	background-color: #FFA9A9;
	}
	.links {
	text-transform: uppercase;
	background-color: #FFA9A9;
	}
	.link2 {
	text-transform: uppercase;
	background-color: #FFA9A9;
	}
	h3 {
	font-size: 1.5em;
	}
	body {
	background-color: #FFF5F5;
	}