<div id="container">
<div id="headBar"><h1 id="headText">Christopher Brown | XXX-XXX-XXXX<br>### E ##rd St<br>New York, NY 10128</h1>
</div>
<div id="background">
<div id="content">
<img src="https://scontent-mia1-1.xx.fbcdn.net/v/t1.0-9/14641954_10209046591619738_2791904295687670610_n.jpg?oh=ece116ca77cef99644b8953e6b4bb7b9&oe=58F0439C" id="bio_image">
<div id="holdMyEducationAndWorkExperience">
<div id="holdMyEducation">
<h2>Education</h2>
<ul>
<li>Longview Community College | Gen Ed</li>
<li>Kansas City, Missouri</li>
<li>2001 - 2002</li><br>
<li>Electronics Institute | Computer Science / IT</li>
<li>Kansas City, Missouri</li>
<li>2002 - 2003</li>
</ul>
</div>
<div id="holdMyWorkExperience">
<h2>Work Experience</h2>
<ul>
<li>Custom Industrial Products</li>
<li>Special Projects | Parts Sales | Tech Support</li>
<li>Melbourne, Florida</li>
<li>2016 - Current</li><br>
<li>Percepta LLC</li>
<li>Website and Application Support</li>
<li>2014 - 2016</li><br>
<li>Ace Pipe Cleaning</li>
<li>Data Manager | IT | Robot Maintenance</li>
<li>2011 - 2013</li>
</ul>
</div>
</div>
<div id="aboutMe">
<h2 id="aboutMeTitle">About Me:</h2>
<p>I'm a front end developer looking for work in New York City. I've got experience in IT and robotics. I hope to make connections with other tech-savvy individuals, do great work, make great things, and someday start my own tech company.</p>
<p>I started coding in my teens. In 2014 I started branching out by learning Python with Zed Shaw's book. I made a game in RenPy, then started experimenting with IDEs. Now I have coded apps or scripts in PHP, Java, VBA, & JavaScript. (I can also write SQL statements, but please don't tell.)</p>
<p></p>
</div>
<div id="footer"><p>©christopher brown 2016</p></div>
</div>
</div>
body {
background-color: black;
font-family: Tahoma, calibri, sans-serif;
}
#container {
width: 100%;
}
#headBar {
background-color: teal;
color: white;
padding: 4px;
}
#background {
background-color: orange;
}
#content {
width: 80%;
margin: auto;
background-color: white;
}
#bio_image {
width: 15%;
height: auto;
border-radius: 50%;
margin: 4px;
}
#holdMyEducationAndWorkExperience {
width: 100%;
text-align: center;
}
#holdMyEducation {
min-width: 250px;
width: 48%;
display: inline-block;
text-align: left;
}
#holdMyWorkExperience {
min-width: 250px;
width: 48%;
display: inline-block;
text-align: left;
}
#footer {
padding: 1px;
width: 100%;
background-color: grey;
color: white;
text-align: right;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.