Updated Resume

index.html

<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

<div class="resume-container">
  <header id="resume-header">
    <div id="left"></div>
    <div id="title">
      <h2>Matthew Anderson</h2>
      <h4>Junior Software Engineer</h4>
    </div>
    <div id="contact">
      <div class="contact-icon"><i class="fas fa-envelope-square fa-2x"></i><div class="contact-info">m.halden.a@gmail.com</div></div>
      <div class="contact-icon"><i class="fas fa-phone-square fa-2x"></i><div class="contact-info">(970)714-1774</div></div>
      <div class="contact-icon"><a href="https://www.linkedin.com/in/mhaldena"><i class="fab fa-linkedin fa-2x"></i></a><div class="contact-info">/in/mhaldena</div></div>
      <div class="contact-icon"><a href="https://www.github.com/millerbyte"><i class="fab fa-github-square fa-2x"></i></a><div class="contact-info">/millerbyte</div></div>
      <div class="contact-icon"><a href="https://www.codepen.io/millerbyte"><i class="fab fa-codepen fa-2x"></i></a><div class="contact-info">codepen.io/millerbyte</div></div>
    </div>
  </header>
  <div class="container">
    <div class="section" id="profile">
      <h2 class="section-header">Profile</h2>
      <div class="section-body">
        <p>Talented Software Developer with over two years experience in front end web development and user interface design, one year experience in full stack development. Highly proficient with modern JavaScript, CSS3, and HTML5. Strong foundational understanding
          of Object-oriented programing, algorithms, and data structures. Extensive background in graphic design with a thorough understanding of the Adobe Creative Suite. </p>
      </div>
    </div>
    <div class="section">
      <h2 class="section-header">Work Experience</h2>
      <div class="section-highlight">
        <b>Software Developer Intern</b><br>
        <i>Encompass Technologies - Fort Collins, CO</i>
      </div>
      <div class="section-body">
        <p><i class="fas fa-angle-right bullet"></i>Resolve and reduce customer-facing bugs on the Encompass UI Team</p>
        <p><i class="fas fa-angle-right bullet"></i>Design and maintain web interfaces, presenting important customer relations and internal events with clarity</p>
        <p><i class="fas fa-angle-right bullet"></i>Consult with internal customers and deliver software that addresses and simplifies Human Resource related challenges</p>
        <p><i class="fas fa-angle-right bullet"></i>Develop interactive guides to encourage successful customer onboarding and minimize software-related support tickets</p>
        <p><i class="fas fa-angle-right bullet"></i>Coordinate with Product Managers utilizing SCRUM methods to ensure interactive guides are delivered promptly and completely, while adhering to industry standards and best practices</p>
        <p><i class="fas fa-angle-right bullet"></i>Maintain and revise previously deployed guides to respect changing software versions and needs</p>
      </div>
    </div>
    <div class="section" id="skills-section">
      <h2 class="section-header">Skill Highlights</h2>

      <div class="skill">
        <h4 class="skill-header">Highly Proficient</h4>
        <div class="skill-body">
          <p>JavaScript</p>
          <p>jQuery</p>
          <p>HTML5</p>
          <p>CSS3</p>
        </div>
      </div>

      <div class="skill">
        <h4 class="skill-header">Proficient</h4>
        <div class="skill-body">
          <p>ReactJS</p>
          <p>NodeJS</p>
          <p>C++</p>
          <p>C#</p>
          <p>Java</p>
          <p>Python</p>
          <p>SQL</p>
        </div>
      </div>

      <div class="skill">
        <h4 class="skill-header">Familiar</h4>
        <div class="skill-body">
          <p>MongoDB</p>
          <p>Git</p>
        </div>
      </div>

    </div>
    <div class="section">
      <h2 class="section-header">Core Competencies</h2>
      <div class="section-body">
        <p>Agile Software Development, Technical Documentation, Data Modeling and Design, Verbal and Written Communication Skills</p>
      </div>
    </div>
    <div class="section">
      <h2 class="section-header">Education</h2>
      <div class="section-highlight">
        <b>Bachelor of Science, Software Engineering
Bachelor of Arts Minor, Art & Design</b><br>
        <i>University of Northern Colorado - Greeley, CO</i>
      </div>
      <div class="section-body">
        <p></p>
      </div>
    </div>
  </div>
</div>

style.css

@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i,900");

* {
  font-family: "Raleway", sans-serif;
}

body {
  margin: 0;
  background-color: #69c1e8;
}

a {
  color: inherit;
}

.resume-container {
  margin: 64px auto;
  width: 1700px;
/*   height: 2200px; */
  background-color: #fff;
}

/* Header */
#resume-header {
  display: flex;
  justify-content: space-around;
}

#left {
  flex-basis: 33%;
}

#title {
  text-align: center;
  flex-basis: 33%;
}

#title > h2 {
  font-weight: 900;
  margin-bottom: 0px;
  color: #5674a8;
}

#title > h4 {
  font-weight: 400;
  margin-top: 0px;
}

#contact {
  display: flex;
  align-self: center;
  flex-basis: 33%;
  justify-content: space-between;
}

.contact-icon {
  color: #5674A8;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-info {
  color: #000;
  font-size: 12px;
}

/* Main Content */
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.section {
  flex-basis: 45%;
  margin-bottom: 24px;
  background-color: #f2f2f2;
}

.section-header {
  text-align: center;
  text-transform: uppercase;
  background-color: #5674a8;
  color: #fff;
  margin: 0;
  padding: 12px;
}

.section-highlight {
  padding: 12px 24px 0;
}

.section-body {
  padding: 12px 24px;
}

/* Profile */
#profile {
  flex: 1 auto;
}

/* Skills */
#skills-section {
  /*   background-color: orange; */
}

.skill {
  /*   background-color: green; */
  max-height: 33%;
}

.skill-header {
  text-align: center;
  text-transform: uppercase;
}

.skill-body {
  height: 100%;
  /*   background-color: pink; */
  display: flex;
  /*   flex-direction: column; */
  flex-wrap: wrap;
  justify-content: center;
}

.skill-body > p {
  margin: 0;
  flex-basis: 50%;
  /*   background-color: purple; */
  text-align: center;
}

p {
  content: "";
/*   font-size: 12px; */
}

.bullet {
  color: #5674a8;
  margin-right: 8px;
}

updated-resume.markdown

Updated Resume

A Pen by Matt Anderson on CodePen.

License.