<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>&copy;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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.