diff --git a/_site/resume/index.html b/_site/resume/index.html
index ff7b1bb..a20d9c9 100644
--- a/_site/resume/index.html
+++ b/_site/resume/index.html
@@ -54,7 +54,7 @@
       instaURL: 'https://www.instagram.com/bchiang7/',
       githubURL: 'https://github.com/bchiang7',
       linkedinURL: 'https://www.linkedin.com/in/bchiang7',
-      resumeURL: 'http://brittanychiang.com/resume2017.pdf'
+      resumeURL: 'http://brittanychiang.com/resume.pdf'
     }
 
     var App = React.createClass({
@@ -150,7 +150,7 @@
                   <div className="exp-item">
                     <div className="job">
                       <a className="company" href="https://starry.com/" target="_blank">Starry, Inc.</a>
-                      <div className="duration">July 2016 &mdash; Present</div>
+                      <div className="duration">July &mdash; Dec 2016</div>
                     </div>
                     <div className="title">Software Engineer Co-op</div>
                     <ul className="description">
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
index 693d6f9..c593bf2 100644
--- a/_site/sitemap.xml
+++ b/_site/sitemap.xml
@@ -8,30 +8,30 @@
 </url>
 <url>
 <loc>http://brittanychiang.com/fontipsums/css/fonts/freight_text_book-demo.html</loc>
-<lastmod>2016-12-10T23:43:44-05:00</lastmod>
+<lastmod>2016-12-11T18:26:40-05:00</lastmod>
 </url>
 <url>
 <loc>http://brittanychiang.com/fontipsums/index.html</loc>
-<lastmod>2016-12-10T23:43:44-05:00</lastmod>
+<lastmod>2016-12-11T18:26:40-05:00</lastmod>
 </url>
 <url>
 <loc>http://brittanychiang.com/resume.pdf</loc>
-<lastmod>2016-12-10T23:35:26-05:00</lastmod>
+<lastmod>2016-12-11T18:26:40-05:00</lastmod>
 </url>
 <url>
 <loc>http://brittanychiang.com/resume/index.html</loc>
-<lastmod>2016-10-10T20:22:49-04:00</lastmod>
+<lastmod>2016-12-11T18:40:09-05:00</lastmod>
 </url>
 <url>
 <loc>http://brittanychiang.com/v1/404.html</loc>
-<lastmod>2016-12-10T23:36:26-05:00</lastmod>
+<lastmod>2016-12-11T18:26:40-05:00</lastmod>
 </url>
 <url>
 <loc>http://brittanychiang.com/v1/index.html</loc>
-<lastmod>2016-12-10T23:36:26-05:00</lastmod>
+<lastmod>2016-12-11T18:26:40-05:00</lastmod>
 </url>
 <url>
 <loc>http://brittanychiang.com/v1/resume2016.pdf</loc>
-<lastmod>2016-12-10T23:36:26-05:00</lastmod>
+<lastmod>2016-12-11T18:26:40-05:00</lastmod>
 </url>
 </urlset>
diff --git a/resume/css/style.css b/resume/css/style.css
new file mode 100644
index 0000000..50e9e20
--- /dev/null
+++ b/resume/css/style.css
@@ -0,0 +1,321 @@
+html, body {
+  font-family: Helvetica;
+  margin: 0;
+  padding: 0;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  font-family: 'Catamaran', sans-serif;
+  letter-spacing: 0.3px;
+}
+
+a {
+  text-decoration: none;
+}
+
+.left,
+.right {
+  width: 50%;
+  display: inline-block;
+  vertical-align: top;
+}
+
+.left {
+  color: #efefef;
+  width: 50%;
+  height: 100%;
+  float: left;
+  text-align: center;
+  overflow: hidden;
+  position: fixed;
+}
+
+.left .bg-img {
+  background: url('../img/headshot1-bw.png') center center no-repeat;
+  background-size: cover;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.left .bg-img:before{
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: #185a9d;
+  background-image: linear-gradient(to left top, #43cea2 , #185a9d);
+  opacity: 0.85;
+}
+
+.left-inner,
+.right-inner {
+  padding: 50px;
+}
+
+@media screen and (max-width: 400px) {
+  .left-inner,
+  .right-inner {
+    padding: 40px;
+  }
+}
+
+.left-inner {
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  min-height: 24em;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.left .info {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  color: #fff;
+  width: 90%;
+  margin: 0 auto;
+  margin-top: 50%;
+}
+
+@media screen and (max-width: 1000px) {
+  .left .info {
+    margin-top: 300px;
+  }
+}
+
+.left .info .name {
+  font-weight: 500;
+}
+
+.left .info .social-links {
+  margin-top: 30px;
+}
+
+.left .info .fa {
+  margin: 10px;
+  font-size: 24px;
+  color: #fff;
+}
+
+@media screen and (max-width: 1000px) {
+  .left, .right {
+    display: block;
+    width: 100%;
+  }
+  .left {
+    position: static;
+  }
+}
+
+.right {
+  float: right;
+}
+
+.right a {
+  color: #000;
+}
+
+.right h4,
+.right .content {
+  display: inline-block;
+  vertical-align: top;
+}
+
+.right h4 {
+  width: 20%;
+  margin: 0 0 20px;
+  text-transform: uppercase;
+  font-size: 14px;
+  background-color: #2A54F5;
+  background-image: -webkit-linear-gradient(45deg,#2A54F5 0%,#33E5BB 100%);
+  background-image: linear-gradient(45deg,#2A54F5 0%,#33E5BB 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.right ul {
+  padding: 0;
+  margin: 0;
+}
+
+.right .content {
+  width: 80%;
+  padding: 0;
+  margin: 0 0 50px;
+  font-weight: 300;
+  line-height: 1.5;
+}
+
+
+@media screen and (max-width: 600px) {
+  .right h4,
+  .right .content {
+    display: block;
+    vertical-align: top;
+    width: 100%;
+  }
+}
+
+.right .content ul.description {
+  padding-left: 20px;
+  margin-top: 10px;
+  font-size: 15px;
+}
+
+.right .introduction .intro-p:first-of-type {
+  margin-top: 0;
+}
+
+.right .introduction .job-pls {
+  font-weight: 500;
+  background-color: #2A54F5;
+  background-image: -webkit-linear-gradient(45deg,#2A54F5 0%,#33E5BB 100%);
+  background-image: linear-gradient(45deg,#2A54F5 0%,#33E5BB 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: inline-block;
+}
+
+
+.right .skills .skill-category {
+  margin-bottom: 10px;
+}
+
+.right .skills .skill-category:last-of-type {
+  margin-bottom: 0px;
+}
+
+.right .skills .skill-category > strong {
+  text-transform: uppercase;
+  font-size: 14px;
+}
+
+.right .education {
+  font-size: 16px;
+}
+
+.right .education .university {
+  font-weight: 700;
+  font-size: 16px;
+}
+
+.right .education .college {
+  font-weight: 700;
+  font-style: italic;
+  margin-bottom: 10px;
+}
+
+.right .education .major,
+.right .education .minor,
+.right .education .conc,
+.right .education .study-abroad {
+  font-size: 15px;
+}
+
+.right .education .major > strong,
+.right .education .minor > strong,
+.right .education .conc > strong,
+.right .education .study-abroad > strong {
+  font-weight: 500;
+}
+
+.right .education .study-abroad {
+  margin-top: 10px;
+}
+
+.right .education .grad-date {
+  text-transform: uppercase;
+  color: #aaa;
+  font-size: 13px;
+  font-weight: 500;
+  margin-top: 20px;
+}
+
+.right .experience .exp-item {
+  margin-bottom: 30px;
+}
+
+.right .experience .exp-item:last-of-type {
+  margin-bottom: 0;
+}
+
+.right .experience .exp-item .job {
+  margin: 0;
+  font-weight: 700;
+}
+
+.right .experience .exp-item .duration {
+  font-size: 13px;
+  font-weight: 500;
+  float: right;
+  color: #aaa;
+  text-transform: uppercase;
+  position: relative;
+  top: 1px;
+  margin-bottom: 5px;
+}
+
+@media screen and (max-width: 340px) {
+  .right .experience .exp-item .duration {
+    float: none;
+  }
+}
+
+.right .experience .exp-item .title {
+  font-weight: 700;
+  font-style: italic;
+}
+
+.right .projects .project-item {
+  margin-bottom: 20px;
+}
+
+.right .projects .project-title {
+  font-weight: 700;
+}
+
+.right .projects .project-desc {
+  font-size: 15px;
+  margin: 0 0 10px;
+}
+
+.right a.resume {
+  display: block;
+  width: 100%;
+  max-width: 500px;
+  margin: 0 auto;
+  text-align: center;
+  padding: 15px 0px;
+  background-color: #f5f5f5;
+  border-radius: 5px;
+  transition: all 0.3s ease;
+}
+
+.right a.resume:hover {
+  background-color: #f1f1f1;
+}
+
+.right a.resume .resume-link {
+  font-weight: 700;
+  font-size: 16px;
+  text-transform: uppercase;
+  background-color: #2A54F5;
+  background-image: -webkit-linear-gradient(45deg,#2A54F5 0%,#33E5BB 100%);
+  background-image: linear-gradient(45deg,#2A54F5 0%,#33E5BB 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
diff --git a/resume/img/headshot1-bw.png b/resume/img/headshot1-bw.png
new file mode 100644
index 0000000..88e4e56
Binary files /dev/null and b/resume/img/headshot1-bw.png differ
diff --git a/resume/img/logo-black.png b/resume/img/logo-black.png
new file mode 100755
index 0000000..95cc48a
Binary files /dev/null and b/resume/img/logo-black.png differ
diff --git a/resume/index.html b/resume/index.html
new file mode 100644
index 0000000..a20d9c9
--- /dev/null
+++ b/resume/index.html
@@ -0,0 +1,212 @@
+<html>
+<head>
+  <title>Resume | Brittany Chiang</title>
+  <meta charset="UTF-8"><!--[if IE]><![endif]-->
+  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+  <title>Brittany Chiang | Web Developer &amp; UX Enthusiast</title>
+  <link rel="shortcut icon" href="http://brittanychiang.com/img/logo-black.png" hreflang="en-us">
+
+  <meta property="og:title" content="Resume | Brittany Chiang" />
+  <meta property="og:description" content="Design-minded, detail oriented web developer passionate about combining beautiful code with beautiful design." />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="http://www.brittanychiang.com/resume" />
+  <meta property="og:site_name" content="Resume | Brittany Chiang" />
+  <meta property="og:image" content="http://brittanychiang.com/img/og.png" />
+  <meta property="og:image:width" content="1280" />
+  <meta property="og:image:height" content="672" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:locale" content="en_US">
+
+  <meta name="description" content="Design-minded, detail oriented web developer passionate about combining beautiful code with beautiful design.">
+  <meta name="keywords" content="design, development, web, bchiang7, brittany, chiang, javascript, northeastern">
+  <meta name="google-site-verification" content="DCl7VAf9tcz6eD9gb67NfkNnJ1PKRNcg8qQiwpbx9Lk" />
+
+  <meta itemprop="name" content="Resume | Brittany Chiang">
+  <meta itemprop="description" content="Design-minded, detail oriented web developer passionate about combining beautiful code with beautiful design.">
+  <meta itemprop="image" content="http://brittanychiang.com/img/og.png">
+
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:url" content="http://brittanychiang.com/resume">
+  <meta name="twitter:site" content="@bchiang7">
+  <meta name="twitter:creator" content="@bchiang7">
+  <meta name="twitter:title" content="Resume | Brittany Chiang">
+  <meta name="twitter:description" content="Design-minded, detail oriented web developer passionate about combining beautiful code with beautiful design.">
+  <meta name="twitter:image:src" content="http://brittanychiang.com/img/og.png">
+  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Catamaran:200,300,400,500,600,700" rel="stylesheet">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+  <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+  <div id="content"></div>
+  <script src="https://fb.me/react-0.14.6.js"></script>
+  <script src="https://fb.me/react-dom-0.14.6.js"></script>
+  <script src="http://fb.me/JSXTransformer-0.12.1.js"></script>
+  <script type="text/jsx">
+
+    var DATA = {
+      name: "Hey, I'm Brittany",
+      subtext: "Developer & designer based in Boston, MA",
+      jobStatus: "Software Engineer Co-op @ Starry Internet",
+      twitterURL: 'https://twitter.com/bchiang7',
+      instaURL: 'https://www.instagram.com/bchiang7/',
+      githubURL: 'https://github.com/bchiang7',
+      linkedinURL: 'https://www.linkedin.com/in/bchiang7',
+      resumeURL: 'http://brittanychiang.com/resume.pdf'
+    }
+
+    var App = React.createClass({
+      render: function() {
+        return(
+          <div className="app">
+            <Left
+              name={this.props.profileData.name}
+              subtext={this.props.profileData.subtext}
+              jobStatus={this.props.profileData.jobStatus}
+              twitterURL={this.props.profileData.twitterURL}
+              instaURL={this.props.profileData.instaURL}
+              githubURL={this.props.profileData.githubURL}
+              linkedinURL={this.props.profileData.linkedinURL}
+            />
+            <Right
+              intro={this.props.profileData.intro}
+              resumeURL={this.props.profileData.resumeURL}
+            />
+          </div>
+        );
+      }
+    });
+
+    var Left = React.createClass({
+      render: function() {
+        return(
+          <div className="left">
+            <div className="bg-img"></div>
+            <div className="left-inner">
+              <div className="info">
+                <h2 className="name">{this.props.name}</h2>
+                <div className="subtext">{this.props.subtext}</div>
+                <div className="jobStatus">{this.props.jobStatus}</div>
+                <div className="social-links">
+                  <a href={this.props.twitterURL} target="_blank"><i className="fa fa-twitter"></i></a>
+                  <a href={this.props.instaURL} target="_blank"><i className="fa fa-instagram"></i></a>
+                  <a href={this.props.githubURL} target="_blank"><i className="fa fa-github"></i></a>
+                  <a href={this.props.linkedinURL}  target="_blank"><i className="fa fa-linkedin"></i></a>
+                </div>
+              </div>
+            </div>
+          </div>
+        );
+      }
+    });
+
+    var Right = React.createClass({
+      render: function() {
+        return(
+          <div className="right">
+            <div className="right-inner">
+              <div className="introduction">
+                <h4>Intro</h4>
+                <div className="content">
+                  <p className="intro-p">I&#39;m currently in my fourth year (out of five) studying computer science and interaction design at Northeastern University.</p>
+                  <p className="intro-p">I enjoy being the bridge between engineering and design, and feel right at home as a front end engineer. I&#39;m experienced in developing and designing products for the web, from simple landing pages to full-fledged web apps.</p>
+                  <span className="intro-p job-pls">I&#39;m currently looking for my third and final co-op (from July to December 2017) before I graduate in 2018!</span>
+                </div>
+              </div>
+              <div className="skills">
+                <h4>Skills</h4>
+                <div className="content">
+                  <div className="skill-category">
+                    <strong>Languages: &nbsp;</strong>
+                    <span>JavaScript (ES6), HTML5, CSS3, Java, Python</span>
+                  </div>
+                  <div className="skill-category">
+                    <strong>Libraries &amp; Frameworks: &nbsp;</strong>
+                    <span>jQuery, Bootstrap, Foundation, Handlebars, Node, Backbone, Marionette, Cordova, MongoDB, Angular, Express, React</span>
+                  </div>
+                  <div className="skill-category">
+                    <strong>Tools: &nbsp;</strong>
+                    <span>Git &amp; Github, Command Line, Grunt, Postman, Adobe Photoshop, InDesign</span>
+                  </div>
+                </div>
+              </div>
+              <div className="education">
+                <h4>Education</h4>
+                <div className="content">
+                  <div className="university"><a href="http://www.northeastern.edu/" target="_blank">Northeastern University</a></div>
+                  <div className="college"><a href="http://www.ccis.northeastern.edu/" target="_blank">College of Computer and Information Science</a></div>
+                  <div className="major"><strong>Major:</strong> Information Science</div>
+                  <div className="minor"><strong>Minor:</strong> Interaction Design</div>
+                  <div className="conc"><strong>Concentration:</strong> Human Computer Interaction</div>
+                  <div className="study-abroad"><strong>Study Abroad:</strong> Experience Design of Travel in Budapest, Hungary</div>
+                  <div className="grad-date">Expected Graduation: May 2018</div>
+                </div>
+              </div>
+              <div className="experience">
+                <h4>Experience</h4>
+                <div className="content">
+                  <div className="exp-item">
+                    <div className="job">
+                      <a className="company" href="https://starry.com/" target="_blank">Starry, Inc.</a>
+                      <div className="duration">July &mdash; Dec 2016</div>
+                    </div>
+                    <div className="title">Software Engineer Co-op</div>
+                    <ul className="description">
+                      <li>Build out major features of Starry’s customer-facing android app with Cordova, utilizing JavaScript (ES6), Handlebars, CSS3, Node.js, and Backbone.js</li>
+                      <li>Propose and implement design and engineering solutions to ensure optimal and coherent user experiences for Starry’s iOS and android apps</li>
+                      <li>Engineer and maintain RESTful cloud services responsible for communicating with the Starry Station router</li>
+                    </ul>
+                  </div>
+                  <div className="exp-item">
+                    <div className="job">
+                      <a className="company" href="http://us.mullenlowe.com/" target="_blank">Mullen Lowe U.S.</a>
+                      <div className="duration">July &mdash; Dec 2015</div>
+                    </div>
+                    <div className="title">Creative Technologist Co-op</div>
+                    <ul className="description">
+                      <li>Developed and maintained code for in-house and client websites primarily using HTML, CSS, Sass, JavaScript, and jQuery</li>
+                      <li>Tested code in various browsers and mobile devices to ensure cross-browser compatibility and responsiveness</li>
+                      <li>Clients included JetBlue, Lovesac, U.S. Cellular, U.S. Dept. of Defense, and more</li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div className="projects">
+                <h4>Projects</h4>
+                <div className="content">
+                  <div className="project-item">
+                    <a className="project-title" href="http://brittanychiang.com/" target="_blank">brittanychiang.com</a>
+                    <p className="project-desc">Portfolio site designed and coded from scratch to showcase my skills and past work</p>
+                  </div>
+                  <div className="project-item">
+                    <div className="project-title">CourseSource</div>
+                    <p className="project-desc">Web app built on the MEAN (MongoDB, Express, Angular, Node) stack for my web development class. Created with the intention of providing students a better experience browsing the courses offered at Northeastern</p>
+                  </div>
+                  <div className="project-item">
+                    <a className="project-title" href="http://nuwit.ccs.neu.edu/" target="_blank">NU Women in Tech</a>
+                    <p className="project-desc">Club website redesigned and redeveloped as while serving as web chair on e-board</p>
+                  </div>
+                  <div className="project-item">
+                    <a className="project-title" href="http://onecardforall.mullenloweus.com/" target="_blank">One Card For All</a>
+                    <p className="project-desc">2015 Mullen Lowe U.S. holiday site built around an algorithm that generated a holiday greeting to each and every person on the planet</p>
+                  </div>
+                </div>
+              </div>
+              <a className="resume" href={this.props.resumeURL} target="_blank"><div className="resume-link">Grab a PDF of my full resume</div></a>
+            </div>
+          </div>
+        );
+      }
+    });
+
+    ReactDOM.render(
+      <App profileData={DATA}/>,
+      document.getElementById('content')
+    );
+
+
+  </script>
+</body>
+</html>