diff --git a/src/components/Resume.js b/src/components/Resume.js
new file mode 100644
index 0000000..09d5a8d
--- /dev/null
+++ b/src/components/Resume.js
@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types'
+import React, { Component } from 'react'
+import { Spinner, Header } from '.'
+import '../stylesheets/globals.scss'
+import contentStyle from '../stylesheets/content.scss'
+import style from './Resume.scss'
+import MarkdownIt from 'markdown-it'
+
+export default class About extends Component {
+  static propTypes = {
+    isLoading: PropTypes.bool.isRequired,
+    resume: PropTypes.string.isRequired
+  }
+
+  render () {
+    const md = MarkdownIt()
+    const result = md.render(this.props.about)
+
+    if (this.props.isLoading) {
+      return (
+        <div className={contentStyle.content}>
+          <Spinner/>
+        </div>
+      )
+    }
+
+    return (
+      <div>
+        <Navbar config={this.props.config} />
+        <Wrapper>
+          <div className={`${contentStyle.content} ${style.column}`}>
+            <Header header={title} role="heading" aria-level="2" />
+            <div className={style.content} dangerouslySetInnerHTML={{ __html: result }} role="article">
+            </div>
+          </div>
+        </Wrapper>
+      </div>
+    )
+  }
+}
diff --git a/src/components/Resume.scss b/src/components/Resume.scss
new file mode 100644
index 0000000..74bbe2c
--- /dev/null
+++ b/src/components/Resume.scss
@@ -0,0 +1,13 @@
+@import "../stylesheets/variables.scss";
+
+.content {
+  clear: both;
+  h1,h2,h2,h4,h5,h6 {
+    color: $black;
+  }
+}
+
+.column {
+    box-sizing: border-box;
+    margin: 20px;
+  }