bmikol/about.html

## about.html
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/about_styles.css">
		<title>About Me</title>
		<!--[if lt IE 9]>
			<script src="dist/html5shiv.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="container">
			<div class="header">
				<h1>About Me</h1>
			</div><!-- end header -->
			<div class="image column">
				<img src="img/kitten.jpg" alt="Kittens wearing frog hats" />
				<p>(<a href="http://www.totalgirl.com.au/gallery/your-space-pets-cutest-kitten-photos">Source</a>)</p>
		</div><!-- end image -->
			<div class="intro column">
				<h2>Introduction</h2>
				<p>All about me.</p>
			</div><!-- end intro -->
			<div class="skills column">
				<h3>My Skills</h3>
				<ul id="skill-list">
					<li>Product Management</li>
					<li>Project Management</li>
					<li>Marketing</li>
					<li>HTML &amp; CSS</li>
				</ul>
			</div><!-- end skills -->
			<div class="main-text">
				<h3>More About Me</h3>
				<p>Bacon ipsum dolor amet turducken cupim corned beef venison prosciutto shankle. Biltong shankle pancetta shank, sausage fatback porchetta ground round. Pork chop ground round bresaola porchetta fatback tongue sausage cupim sirloin kielbasa pancetta landjaeger capicola strip steak bacon. Kevin shoulder andouille, sirloin prosciutto shankle swine venison.</p>

				<p>Boudin kielbasa ham bresaola alcatra pig cupim brisket frankfurter tenderloin swine capicola leberkas shankle pork belly. Venison spare ribs hamburger, beef ribs shank alcatra ball tip. Tri-tip bacon short ribs meatball, short loin cow shank drumstick t-bone ball tip. Venison corned beef landjaeger frankfurter rump short ribs pork ball tip alcatra pork belly pancetta strip steak bacon sausage. Meatball alcatra tenderloin, rump pastrami turducken swine tongue pork chop corned beef pig spare ribs meatloaf beef ribs salami. Landjaeger alcatra jerky venison, jowl filet mignon bresaola porchetta drumstick rump boudin.</p>

				<p>Pork biltong filet mignon turkey frankfurter short ribs strip steak. Tail ribeye strip steak short ribs capicola. Shoulder pancetta cupim tri-tip salami, chuck chicken meatloaf prosciutto pork ham hock corned beef. Pork chop tongue spare ribs turducken pork belly bresaola ribeye salami sausage picanha fatback pork loin meatloaf turkey corned beef.</p>

				<p>Salami doner t-bone tail, tongue kevin pork picanha pastrami short loin ball tip andouille bacon tenderloin flank. Pork loin beef capicola drumstick jerky doner corned beef venison tail swine sausage kielbasa tri-tip. Sausage alcatra ball tip, strip steak bacon shankle pork chop pancetta brisket. Turducken hamburger corned beef, shoulder ball tip landjaeger sirloin kevin. Turkey t-bone landjaeger hamburger pork chop capicola. Kielbasa tenderloin filet mignon, chuck bacon ham hock sirloin swine shoulder ball tip picanha short ribs.</p>

				<p>Shank cupim cow, pastrami short loin turducken beef ribs jowl. Boudin beef fatback meatloaf rump filet mignon. Rump biltong sausage leberkas turducken. Strip steak short ribs prosciutto, pastrami andouille spare ribs hamburger tongue tail brisket ham swine ball tip pork loin meatloaf. Cupim flank picanha, beef leberkas short loin pork loin doner kielbasa tongue. Pork chop alcatra ribeye brisket, doner salami shank shankle pork loin cow strip steak sausage tri-tip.</p>
			</div><!-- end main-text -->
		</div><!-- end container -->
	</body>
</html>

## about_styles.css
* {
	box-sizing: border-box;
}

.container {
	width: 80%;
	margin: 0 auto;
}

.header h1 {
	text-align: center;
}

.image {
	display: inline;
	float: left;
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

.image p {
	margin-top: -85%;
	text-align: center;
}

.column {
	display: inline-block;
	float: left;
	width: 30%;
	padding: 0 20px;
	margin-top: 15px;
}

.main-text {
	clear: both;
	padding: 60px 20px;
	position: relative;
	border: 1px black dotted;
}
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/about_styles.css">
	<title>About Me</title>
	<!--[if lt IE 9]>
	<script src="dist/html5shiv.js"></script>
	<![endif]-->
	</head>
	<body>
	<div class="container">
	<div class="header">
	<h1>About Me</h1>
	</div><!-- end header -->
	<div class="image column">
	<img src="img/kitten.jpg" alt="Kittens wearing frog hats" />
	<p>(<a href="http://www.totalgirl.com.au/gallery/your-space-pets-cutest-kitten-photos">Source</a>)</p>
	</div><!-- end image -->
	<div class="intro column">
	<h2>Introduction</h2>
	<p>All about me.</p>
	</div><!-- end intro -->
	<div class="skills column">
	<h3>My Skills</h3>
	<ul id="skill-list">
	<li>Product Management</li>
	<li>Project Management</li>
	<li>Marketing</li>
	<li>HTML & CSS</li>
	</ul>
	</div><!-- end skills -->
	<div class="main-text">
	<h3>More About Me</h3>
	<p>Bacon ipsum dolor amet turducken cupim corned beef venison prosciutto shankle. Biltong shankle pancetta shank, sausage fatback porchetta ground round. Pork chop ground round bresaola porchetta fatback tongue sausage cupim sirloin kielbasa pancetta landjaeger capicola strip steak bacon. Kevin shoulder andouille, sirloin prosciutto shankle swine venison.</p>

	<p>Boudin kielbasa ham bresaola alcatra pig cupim brisket frankfurter tenderloin swine capicola leberkas shankle pork belly. Venison spare ribs hamburger, beef ribs shank alcatra ball tip. Tri-tip bacon short ribs meatball, short loin cow shank drumstick t-bone ball tip. Venison corned beef landjaeger frankfurter rump short ribs pork ball tip alcatra pork belly pancetta strip steak bacon sausage. Meatball alcatra tenderloin, rump pastrami turducken swine tongue pork chop corned beef pig spare ribs meatloaf beef ribs salami. Landjaeger alcatra jerky venison, jowl filet mignon bresaola porchetta drumstick rump boudin.</p>

	<p>Pork biltong filet mignon turkey frankfurter short ribs strip steak. Tail ribeye strip steak short ribs capicola. Shoulder pancetta cupim tri-tip salami, chuck chicken meatloaf prosciutto pork ham hock corned beef. Pork chop tongue spare ribs turducken pork belly bresaola ribeye salami sausage picanha fatback pork loin meatloaf turkey corned beef.</p>

	<p>Salami doner t-bone tail, tongue kevin pork picanha pastrami short loin ball tip andouille bacon tenderloin flank. Pork loin beef capicola drumstick jerky doner corned beef venison tail swine sausage kielbasa tri-tip. Sausage alcatra ball tip, strip steak bacon shankle pork chop pancetta brisket. Turducken hamburger corned beef, shoulder ball tip landjaeger sirloin kevin. Turkey t-bone landjaeger hamburger pork chop capicola. Kielbasa tenderloin filet mignon, chuck bacon ham hock sirloin swine shoulder ball tip picanha short ribs.</p>

	<p>Shank cupim cow, pastrami short loin turducken beef ribs jowl. Boudin beef fatback meatloaf rump filet mignon. Rump biltong sausage leberkas turducken. Strip steak short ribs prosciutto, pastrami andouille spare ribs hamburger tongue tail brisket ham swine ball tip pork loin meatloaf. Cupim flank picanha, beef leberkas short loin pork loin doner kielbasa tongue. Pork chop alcatra ribeye brisket, doner salami shank shankle pork loin cow strip steak sausage tri-tip.</p>
	</div><!-- end main-text -->
	</div><!-- end container -->
	</body>
	</html>
	* {
	box-sizing: border-box;
	}

	.container {
	width: 80%;
	margin: 0 auto;
	}

	.header h1 {
	text-align: center;
	}

	.image {
	display: inline;
	float: left;
	width: 100%;
	}

	img {
	max-width: 100%;
	height: auto;
	}

	.image p {
	margin-top: -85%;
	text-align: center;
	}

	.column {
	display: inline-block;
	float: left;
	width: 30%;
	padding: 0 20px;
	margin-top: 15px;
	}

	.main-text {
	clear: both;
	padding: 60px 20px;
	position: relative;
	border: 1px black dotted;
	}