waseemnawaz/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>
  </head>
  <body>
    <div class="container">

    <div class="header">
        <h1>My story</h1>
    </div>
    <div class="image">
    	<img src="img/images.jpeg" alt="kitten">
    </div>
    <div class="intro column">
    	<h2>Introduction</h2>
    	<p>I am Waseem</p>
    </div>
    <div class="skills column">
    	<h3>My skills</h3>
    		<ul id="skill list">
    			<li>Languages</li>
    			<li>Development aid</li>
    			<li>Change management</li>
    			<li>Project management</li>
    			<li>Working with socially and economically disadvantaged persons in Latin America</li>
    		</ul>
    </div>
    <div class="main-text">
    	<h3>More about me</h3>
    	<p>I am 43 years old. Much of my professional life has taken place in Latin America. More specifically, I worked in Nicaragua and in Peru. My field is development aid. I have worked for NGOs, aid agencies and private companies. I also owned a restaurant once. I am fascinated by small and medium enterprises owned and run by women in Latin America. I speak several languages fluently. Currently, I am back home in Europe and I am looking for a job. I am learning how to code because I believe it would enhance my chances to find a job. Tech skills are important nowadays. Besides, coding is interesting.</p>


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


</html>

## about_styles.css
* { box-sizing: border-box;}
.container {
	width: 70%;
	margin: 0 auto;
}
.header h1 {
	text-align: center;
}
.image {
	display: inline-block;
	float: right;
}
.column {
	display: inline-block;
	float: left;
	width: 30%;
	padding: 0 20px;
}
.main-text {
	clear: both;
	padding-top: 5px;
}
.header {
	margin-bottom: 15px;
}
#skill_list {
	margin-left: 50px;
}
/*Typography*/
h1, h2, h3 {
	font-family: Futura, Helvetica, Arial, sans-serif;
}
p, li {
	font-family: Times New Roman, Baskerville, Lucida Bright, serif;
}
.intro p {
	font-family: Futura, Helvetica, Arial, sans-serif;
	font-size: 3em;
	font-weight: 100;
	-webkit-margin-before: 0;
}
.skills h3 {
	text-align: center;
	text-transform: uppercase;
}
body {
	background-color: #fffeea;
	color: #34495e;
}
.skills {
	background-color: #5AD4C2;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
	<!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>
	</head>
	<body>
	<div class="container">

	<div class="header">
	<h1>My story</h1>
	</div>
	<div class="image">
	<img src="img/images.jpeg" alt="kitten">
	</div>
	<div class="intro column">
	<h2>Introduction</h2>
	<p>I am Waseem</p>
	</div>
	<div class="skills column">
	<h3>My skills</h3>
	<ul id="skill list">
	<li>Languages</li>
	<li>Development aid</li>
	<li>Change management</li>
	<li>Project management</li>
	<li>Working with socially and economically disadvantaged persons in Latin America</li>
	</ul>
	</div>
	<div class="main-text">
	<h3>More about me</h3>
	<p>I am 43 years old. Much of my professional life has taken place in Latin America. More specifically, I worked in Nicaragua and in Peru. My field is development aid. I have worked for NGOs, aid agencies and private companies. I also owned a restaurant once. I am fascinated by small and medium enterprises owned and run by women in Latin America. I speak several languages fluently. Currently, I am back home in Europe and I am looking for a job. I am learning how to code because I believe it would enhance my chances to find a job. Tech skills are important nowadays. Besides, coding is interesting.</p>


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


	</html>
	* { box-sizing: border-box;}
	.container {
	width: 70%;
	margin: 0 auto;
	}
	.header h1 {
	text-align: center;
	}
	.image {
	display: inline-block;
	float: right;
	}
	.column {
	display: inline-block;
	float: left;
	width: 30%;
	padding: 0 20px;
	}
	.main-text {
	clear: both;
	padding-top: 5px;
	}
	.header {
	margin-bottom: 15px;
	}
	#skill_list {
	margin-left: 50px;
	}
	/Typography/
	h1, h2, h3 {
	font-family: Futura, Helvetica, Arial, sans-serif;
	}
	p, li {
	font-family: Times New Roman, Baskerville, Lucida Bright, serif;
	}
	.intro p {
	font-family: Futura, Helvetica, Arial, sans-serif;
	font-size: 3em;
	font-weight: 100;
	-webkit-margin-before: 0;
	}
	.skills h3 {
	text-align: center;
	text-transform: uppercase;
	}
	body {
	background-color: #fffeea;
	color: #34495e;
	}
	.skills {
	background-color: #5AD4C2;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	}