kasiapryczek/about.html

## about.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">

	<style type="text/css">
    .introduction {
      color: black;
      font-weight: bold;
    }
	</style>

	<title>About</title>
	<!--[if lt IE 9]>
	<script src="dist/html5shiv.js"></script>
	<![endif]-->

	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/about_styles.css">
</head>

<body>
	<div class="container">
		<div class="header">
			<h1>ABOUT ME</h1></div>

		<div class="image">
			<img src="img/eyes.jpg" alt="eyes" width="340px"></div>

		<div class="intro column">
			<h3>HELLO</h3>
			<p>Hello! My name is Kasia and I am on a journey to become a full-stack web developer. Take a minute to get to know me better...</p> </div>

		<div class="skills column">
			<h3>MY SKILLS</h3>
			<ul id="skill list">
				<li>soon Html, CSS, JavaScript, Ruby on Rails</li>
				<li>web design</li>
				<li>photography</li>
			</ul></div>

		<div class="main_text">
			<h3>MY STORY</h3>
			<p><span class="introduction">From zero to hero - on how I decided to become a web developer...</span><br><!-- <added some style to practice> -->
				After graduating Social Psychology from the Warsaw's School of Social Sciences I moved to the sin city Berlin. My humanistic skills and creative thinking dominated my career path and I founded an International School of Dance, to promote arts and integrate communities. Due to the lack of workforce I ended up working as a Marketing Manager for more than 5 years. Marketing slowly narrowed to Online Marketing and there, for the first time, I discovered the power of the code. I discovered another side of me, the one with attention to details, logical thinking and passion for challenges of today's tech industry. Living next to Berlin's Sillicon Valley, I had an opportunity to connect with people and companies that have put me on the new career path... and here I am!  </p></div>

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

</body>
</html>

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

.container {
	width: 80%;
	margin: 0 auto ;
}
.header h1 {
	text-align: center;
	margin-bottom: 60px
}
.image {
	display: inline-block;
	float: left;
}
.column {
	display: inline-block;
	float: left;
	padding: 0 20px;
	width: 30%
}
.column h3 {
	margin-top: 0
}
.main_text {
	clear: both;
	padding-top: 30px
}
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">

	<style type="text/css">
	.introduction {
	color: black;
	font-weight: bold;
	}
	</style>

	<title>About</title>
	<!--[if lt IE 9]>
	<script src="dist/html5shiv.js"></script>
	<![endif]-->

	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/about_styles.css">
	</head>

	<body>
	<div class="container">
	<div class="header">
	<h1>ABOUT ME</h1></div>

	<div class="image">
	<img src="img/eyes.jpg" alt="eyes" width="340px"></div>

	<div class="intro column">
	<h3>HELLO</h3>
	<p>Hello! My name is Kasia and I am on a journey to become a full-stack web developer. Take a minute to get to know me better...</p> </div>

	<div class="skills column">
	<h3>MY SKILLS</h3>
	<ul id="skill list">
	<li>soon Html, CSS, JavaScript, Ruby on Rails</li>
	<li>web design</li>
	<li>photography</li>
	</ul></div>

	<div class="main_text">
	<h3>MY STORY</h3>
	<p><span class="introduction">From zero to hero - on how I decided to become a web developer...</span><br><!-- <added some style to practice> -->
	After graduating Social Psychology from the Warsaw's School of Social Sciences I moved to the sin city Berlin. My humanistic skills and creative thinking dominated my career path and I founded an International School of Dance, to promote arts and integrate communities. Due to the lack of workforce I ended up working as a Marketing Manager for more than 5 years. Marketing slowly narrowed to Online Marketing and there, for the first time, I discovered the power of the code. I discovered another side of me, the one with attention to details, logical thinking and passion for challenges of today's tech industry. Living next to Berlin's Sillicon Valley, I had an opportunity to connect with people and companies that have put me on the new career path... and here I am! </p></div>

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

	</body>
	</html>
	*{box-sizing: border-box;}

	.container {
	width: 80%;
	margin: 0 auto ;
	}
	.header h1 {
	text-align: center;
	margin-bottom: 60px
	}
	.image {
	display: inline-block;
	float: left;
	}
	.column {
	display: inline-block;
	float: left;
	padding: 0 20px;
	width: 30%
	}
	.column h3 {
	margin-top: 0
	}
	.main_text {
	clear: both;
	padding-top: 30px
	}