From ea8a381e0d7da685be67f1e83429c6af7898a670 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Mon, 9 Jul 2018 12:45:39 +0200
Subject: [PATCH] How We Work component and stylistic changes

---
 src/components/Header.js                    |  4 +-
 src/components/WorkStyle.js                 | 91 +++++++++++++++++++++
 src/images/code-reviews.svg                 | 54 ++++++++++++
 src/images/continuous-delivery.svg          | 25 ++++++
 src/images/high-quality-code.svg            | 31 +++++++
 src/images/modern-devops.svg                | 38 +++++++++
 src/images/unit-and-integration-testing.svg | 32 ++++++++
 src/images/ux-research.svg                  | 27 ++++++
 src/pages/index.js                          | 11 +--
 src/pages/services.js                       |  8 +-
 10 files changed, 308 insertions(+), 13 deletions(-)
 create mode 100644 src/components/WorkStyle.js
 create mode 100644 src/images/code-reviews.svg
 create mode 100644 src/images/continuous-delivery.svg
 create mode 100644 src/images/high-quality-code.svg
 create mode 100644 src/images/modern-devops.svg
 create mode 100644 src/images/unit-and-integration-testing.svg
 create mode 100644 src/images/ux-research.svg

diff --git a/src/components/Header.js b/src/components/Header.js
index d30fa5d..a1dc01d 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -30,10 +30,10 @@ class Header extends Component {
           <div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
             <ul className="list-reset text-sm">
               <Link to="/services">
-                <li className={menuClasses}>What We Do</li>
+                <li className={menuClasses}>Services</li>
               </Link>
               <Link to="/about">
-                <li className={menuClasses}>Who We Are</li>
+                <li className={menuClasses}>About Us</li>
               </Link>
               <Link to="/blog">
                 <li className={menuClasses}>Blog</li>
diff --git a/src/components/WorkStyle.js b/src/components/WorkStyle.js
new file mode 100644
index 0000000..0bf22ce
--- /dev/null
+++ b/src/components/WorkStyle.js
@@ -0,0 +1,91 @@
+import React from 'react'
+
+import SectionIntro from './SectionIntro'
+
+import HQCode from '../images/high-quality-code.svg'
+import ContDelivery from '../images/continuous-delivery.svg'
+import ModernDevops from '../images/modern-devops.svg'
+import CodeReviews from '../images/code-reviews.svg'
+import UXResearch from '../images/ux-research.svg'
+import UnitIntegration from '../images/unit-and-integration-testing.svg'
+
+const WorkStyle = ({ ...props }) => (
+  <section className="container rounded overflow-hidden shadow-md hover:shadow-lg mx-auto text-center my-12 p-4 bg-white">
+    <SectionIntro
+      headline="How We Work"
+      text="We are serving everything from Fortune 500 companies to startups and tailor our processes based on your scale and needs. We collaborate closely with our clients at each step of the development process and make sure that the solutions delivery great value and meet your specific business requirements"
+    />
+
+    <div className="mx-auto py-6 text-center border-grey-lighter">
+      <div className="flex flex-wrap pt-6 text-grey-darker">
+        <div className="w-full md:w-1/2 p-6 md:border-r-2 border-grey-light">
+          <img src={HQCode} alt="High Quality Code" />
+          <h3 className="text-xl my-2">High Quality Code</h3>
+          <p className="leading-normal">
+            We have deep understanding of software engineering & computer
+            science and we know what it takes to write high-quality, performant
+            and maintainable code. Clean, readable, robust code is something we
+            strive for.
+          </p>
+        </div>
+        <div className="w-full md:w-1/2 p-4">
+          <img src={ContDelivery} alt="High Quality Code" />
+          <h3 className="text-xl my-2">Continuous delivery</h3>
+          <p className="leading-normal">
+            Deploying new code to production should not take weeks. We know how
+            to build pipelines that allow code changes to be pushed to different
+            cloud environments automatically. Deploying to production is as easy
+            as pressing a button.
+          </p>
+        </div>
+      </div>
+      <div className="flex flex-wrap md:border-t-2 border-grey-light text-grey-darker text-grey-darker">
+        <div className="w-full md:w-1/2 p-4 md:border-r-2 border-grey-light">
+          <img src={ModernDevops} alt="High Quality Code" />
+          <h3 className="text-xl my-2">Modern DevOps</h3>
+          <p className="leading-normal">
+            We like a "release early, release often" philosophy and to achieve
+            this we use modern DevOps tools like Docker. But DevOps is not only
+            about development and operations, it is also about quality.
+            Automated testing is part of our continuous delivery process,
+            deploying code with a high confidence level
+          </p>
+        </div>
+        <div className="w-full md:w-1/2 p-4">
+          <img src={CodeReviews} alt="High Quality Code" />
+          <h3 className="text-xl my-2">Code Reviews</h3>
+          <p className="leading-normal">
+            “Two Heads are Better Than One”. Code reviews are integrated part of
+            our process which makes catching bugs early before they event get
+            merged into the code. We make sure each change is reviewed by
+            multiple people before shipping it to the production environment.
+          </p>
+        </div>
+      </div>
+      <div className="flex flex-wrap md:border-t-2 border-grey-light text-grey-darker text-grey-darker">
+        <div className="w-full md:w-1/2 p-4 md:border-r-2 border-grey-light">
+          <img src={UXResearch} alt="High Quality Code" />
+          <h3 className="text-xl my-2">UX testing/research</h3>
+          <p className="leading-normal">
+            We know it takes more than just an user video or a survey to
+            understand your user experience. We improve UX by watching how real
+            customers interact with your interface (websites, mobile devices,
+            prototypes). The research generates actionable findings to redesign
+            your site or application.
+          </p>
+        </div>
+        <div className="w-full md:w-1/2 p-4">
+          <img src={UnitIntegration} alt="High Quality Code" />
+          <h3 className="text-xl my-2">Unit & Integration testing</h3>
+          <p className="leading-normal">
+            Unit and integration testing are vital parts of the testing process.
+            Having automated unit & integration tests is the key prerequisite
+            for writing high-quality code at a fast pace.
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+)
+
+export default WorkStyle
diff --git a/src/images/code-reviews.svg b/src/images/code-reviews.svg
new file mode 100644
index 0000000..c5865f7
--- /dev/null
+++ b/src/images/code-reviews.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="164px" height="140px" viewBox="0 0 164 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Code_reviews</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Code_reviews">
+            <g id="Group-42" transform="translate(18.000000, 14.000000)">
+                <g id="Group-38">
+                    <circle id="Oval-7" fill="#B8E986" cx="55" cy="55" r="55"></circle>
+                    <g id="Group-35" transform="translate(9.000000, 2.000000)" stroke="#646EF2">
+                        <g id="Group-34">
+                            <polygon id="Path-10" fill="#FFFFFF" points="0 0 44 0 44 58 0 58"></polygon>
+                            <path d="M9,18.5 L23,18.5" id="Path-2"></path>
+                            <path d="M9,25.5 L23,25.5" id="Path-2"></path>
+                            <path d="M9,32.5 L23,32.5" id="Path-2"></path>
+                            <path d="M9,39.5 L23,39.5" id="Path-2"></path>
+                            <polyline id="Path-11" stroke-width="2" points="19 46.4386757 23.1682628 53 35 38"></polyline>
+                            <path d="M9,10.5 L23,10.5" id="Path-2"></path>
+                        </g>
+                        <g id="Group-34" transform="translate(13.000000, 9.000000)">
+                            <polygon id="Path-10" fill="#FFFFFF" points="0 0 44 0 44 58 0 58"></polygon>
+                            <path d="M9,18.5 L23,18.5" id="Path-2"></path>
+                            <path d="M9,25.5 L23,25.5" id="Path-2"></path>
+                            <path d="M9,32.5 L23,32.5" id="Path-2"></path>
+                            <path d="M9,39.5 L23,39.5" id="Path-2"></path>
+                            <polyline id="Path-11" stroke-width="2" points="19 46.4386757 23.1682628 53 35 38"></polyline>
+                            <path d="M9,10.5 L23,10.5" id="Path-2"></path>
+                        </g>
+                        <g id="Group-34" transform="translate(29.000000, 14.000000)">
+                            <polygon id="Path-10" fill="#FFFFFF" points="0 0 44 0 44 58 0 58"></polygon>
+                            <path d="M9,18.5 L23,18.5" id="Path-2"></path>
+                            <path d="M9,25.5 L23,25.5" id="Path-2"></path>
+                            <path d="M9,32.5 L23,32.5" id="Path-2"></path>
+                            <path d="M9,39.5 L23,39.5" id="Path-2"></path>
+                            <path d="M9,10.5 L23,10.5" id="Path-2"></path>
+                        </g>
+                    </g>
+                </g>
+                <g id="Group-40" transform="translate(37.000000, 43.000000)">
+                    <g id="Group-39" transform="translate(4.000000, 2.000000)" stroke="#646EF2" stroke-width="2">
+                        <ellipse id="Oval-8" fill="#FFFFFF" cx="30.2089552" cy="30.0769231" rx="30.2089552" ry="30.0769231"></ellipse>
+                        <path d="M55.1571369,47.7300713 L86.6865672,66.6923077" id="Path-19"></path>
+                    </g>
+                    <g id="ic_code">
+                        <polygon id="Bounds" points="0 0 63 0 63 63 0 63"></polygon>
+                        <path d="M29.125,42.85 L19.1013514,32.5 L29.125,22.15 L26.0743243,19 L13,32.5 L26.0743243,46 L29.125,42.85 L29.125,42.85 Z M39.875,42.85 L49.8986486,32.5 L39.875,22.15 L42.9256757,19 L56,32.5 L42.9256757,46 L39.875,42.85 L39.875,42.85 Z" id="Icon" fill="#646EF2"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/images/continuous-delivery.svg b/src/images/continuous-delivery.svg
new file mode 100644
index 0000000..67db939
--- /dev/null
+++ b/src/images/continuous-delivery.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="164px" height="140px" viewBox="0 0 164 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Continuous_delivery</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Continuous_delivery">
+            <g id="Group-44" transform="translate(30.000000, 17.000000)">
+                <g id="Group-43" transform="translate(56.000000, 6.000000)" stroke="#646EF2" stroke-width="2">
+                    <path d="M12.0187265,85.2938448 C5.33957551,91.0979483 2,94 2,94 C27.9573832,94 49,72.9573832 49,47 C49,21.0426168 27.9573832,0 2,0" id="Oval-9"></path>
+                    <path d="M15,100 L1,95" id="Path-20"></path>
+                </g>
+                <g id="Group-43" transform="translate(24.500000, 50.500000) scale(-1, -1) translate(-24.500000, -50.500000) " stroke="#646EF2" stroke-width="2">
+                    <path d="M12.0187265,85.2938448 C5.33957551,91.0979483 2,94 2,94 C27.9573832,94 49,72.9573832 49,47 C49,21.0426168 27.9573832,0 2,0" id="Oval-9"></path>
+                    <path d="M15,100 L1,95" id="Path-20"></path>
+                </g>
+                <g id="ic_swap_horiz" transform="translate(23.000000, 31.000000)" fill="#B8E986">
+                    <polygon id="Path" points="13.0581818 20 0 33 13.0581818 46 13.0581818 36.25 36 36.25 36 29.75 13.0581818 29.75"></polygon>
+                    <polygon id="Path" points="59 13 45.9418182 0 45.9418182 9.75 23 9.75 23 16.25 45.9418182 16.25 45.9418182 26"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/images/high-quality-code.svg b/src/images/high-quality-code.svg
new file mode 100644
index 0000000..7352c50
--- /dev/null
+++ b/src/images/high-quality-code.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="164px" height="140px" viewBox="0 0 164 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>High_quality_code</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="High_quality_code">
+            <g id="Group-36" transform="translate(30.000000, 1.000000)">
+                <path d="M12.6998806,55.9371087 C7.46066931,64.3461088 4.90615442,69.7649477 5.03633589,72.1936254 C5.2316081,75.8366419 36.0689195,87.1240327 38.9695721,86.2819296 C40.9033406,85.7205275 43.9538208,79.93073 48.1210129,68.912537 L12.6998806,55.9371087 Z" id="Path-17" fill="#FFFFFF"></path>
+                <path d="M56.8808839,54.9449017 C53.0904772,64.3586778 51.2603646,70.2799047 51.390546,72.7085823 C51.5858183,76.3515988 83.0752088,87.8036798 85.9758615,86.9615766 C87.9096299,86.4001745 89.982622,80.2778264 92.1948378,68.5945323 L56.8808839,54.9449017 Z" id="Path-17" fill="#FFFFFF" transform="translate(71.789450, 70.975291) rotate(-41.000000) translate(-71.789450, -70.975291) "></path>
+                <path d="M13.573053,24.6803406 C8.33384179,33.0893408 5.77932689,38.5081797 5.90950837,40.9368573 C6.10478058,44.5798738 39.5315888,55.8452812 42.4322415,55.0031781 C44.3660099,54.441776 46.1392906,48.3621808 47.7520835,36.7643924 L13.573053,24.6803406 Z" id="Path-17" fill="#FFFFFF" transform="translate(26.828429, 39.864157) rotate(142.000000) translate(-26.828429, -39.864157) "></path>
+                <path d="M59.573053,24.6803406 C54.3338418,33.0893408 51.7793269,38.5081797 51.9095084,40.9368573 C52.1047806,44.5798738 85.5315888,55.8452812 88.4322415,55.0031781 C90.3660099,54.441776 92.1392906,48.3621808 93.7520835,36.7643924 L59.573053,24.6803406 Z" id="Path-17" fill="#FFFFFF" transform="translate(72.828429, 39.864157) rotate(183.000000) translate(-72.828429, -39.864157) "></path>
+                <polygon id="Path-18" fill="#FFFFFF" points="49.0071982 69.0031765 85.5385339 55.8312266 49.8270541 44 12.9519063 55.8312266"></polygon>
+                <g id="Group-19" transform="translate(3.000000, 0.000000)">
+                    <g id="Page-1" transform="translate(0.000000, 24.000000)">
+                        <g id="Group-3">
+                            <path d="M96.8710164,106.153784 C96.9139348,106.062508 96.9570816,105.971231 97,105.880181 C95.1184376,103.349241 93.2444088,100.812442 91.3395609,98.2986314 C91.19688,98.1102196 90.8329864,97.9986599 90.5727364,98.0000122 C89.7798868,98.0038435 88.9872655,98.0849778 88.1941877,98.1275733 C87.2335453,98.1791837 85.841664,99.8185473 86.0147074,100.737619 C86.5550688,103.60797 87.1091275,106.475842 87.6700349,109.342136 C87.7065612,109.528745 87.8453612,109.695972 88.002881,110 C88.9404662,108.64686 89.8476888,107.446523 90.6266127,106.170236 C91.078626,105.42966 91.6039202,105.271673 92.4011073,105.420645 C93.8845327,105.698305 95.3802857,105.913085 96.8710164,106.153784 M73.1719668,111 C73.7625301,107.808695 74.2228387,104.945833 74.8444366,102.122709 C75.1577273,100.699058 75.0804807,99.5554935 73.8332074,98.7485106 C73.4499189,98.5007422 73.0158877,98.2857702 72.5793647,98.1981535 C72.0307094,98.0877949 71.4274604,98.228556 70.8985133,98.0707982 C70.1711259,97.8536717 69.8007497,98.1531483 69.4097591,98.7341472 C68.1208043,100.649026 66.7885823,102.531826 65.4776542,104.430187 C65.0193843,105.093776 64.5742531,105.767179 64,106.618928 C64.5432186,106.589962 64.869195,106.603607 65.1849776,106.549984 C66.2999575,106.360866 67.4165231,106.175099 68.5226683,105.936188 C69.3748736,105.752337 69.9776695,105.882086 70.4735433,106.780755 C71.2263019,108.144798 72.1414825,109.408776 73.1719668,111 M73.7205086,65.765426 C67.9045039,64.6618654 64.1488662,68.157365 64.659722,74.0103974 C64.6922163,74.3835204 64.3707554,74.9298375 64.0469735,75.1699846 C60.0058507,78.1693818 59.9666255,83.8024924 64.0358326,86.7300548 C64.6402255,87.1647837 64.7715951,87.5792873 64.6657567,88.2695066 C63.9091051,93.2042613 67.8448538,97.1458812 72.7350047,96.3475608 C73.4331667,96.2336478 73.8342384,96.3863842 74.2680365,96.9815211 C77.1941428,100.995208 82.8110041,101.007994 85.7266658,97.0087207 C86.1511798,96.4263699 86.537165,96.2336478 87.2429863,96.3391917 C92.2647389,97.0898546 96.1250545,93.2086783 95.329874,88.1758191 C95.2193936,87.4760682 95.3765265,87.1680383 95.9173235,86.7823617 C100.037361,83.8434081 100.027613,78.0987093 95.8876145,75.1776562 C95.309217,74.769662 95.238426,74.4318753 95.3424075,73.768623 C96.117163,68.8310787 92.2417608,64.8789974 87.3010117,65.6233835 C86.4245957,65.7554295 86.0908334,65.4811086 85.6510007,64.8706283 C84.4092565,63.1470559 82.707951,62.1629877 80.5726153,62.0200153 C77.523263,61.8159019 75.2999607,63.1805323 73.7205086,65.765426 M45,18.777351 C44.8965641,18.4525584 44.8647199,18.3025121 44.8031232,18.1660853 C42.6704851,13.4352393 40.5494691,8.6995457 38.3926572,3.97978007 C37.5884144,2.22008265 36.0373415,1.60350758 34.1622471,2.2505536 C24.1236233,5.71593175 14.0875563,9.18846596 4.05381375,12.6676945 C2.07319151,13.3544451 1.53276823,14.6330709 2.39930499,16.5550492 C4.43780483,21.0753686 6.52511708,25.5742198 8.50852861,30.118085 C8.92575862,31.0742265 9.33624786,31.1478646 10.2357911,30.8327673 C18.5452929,27.9220989 26.8699033,25.0532127 35.1898648,22.1723228 C38.432172,21.0497453 41.6744792,19.9280911 45,18.777351 M47,45.8028625 C49.2507264,50.920357 51.4072278,55.8491663 53.5864731,60.7673087 C54.4892701,62.8049197 55.9574177,63.4413768 58.0366359,62.7032288 C68.025888,59.15661 78.0123552,55.6024058 87.9960373,52.0391941 C89.9169759,51.3534323 90.4544767,50.0651103 89.6189833,48.1429387 C87.801553,43.9619962 85.9585938,39.7929057 84.125382,35.6188374 C83.7514987,34.7671463 83.3752946,33.9164034 82.9714727,33 C70.9517396,37.2778926 59.0480471,41.514777 47,45.8028625 M9.08284343,33 C8.87828208,33.4227848 8.71723947,33.7312777 8.5771417,34.0494926 C6.51593592,38.7269196 4.4542647,43.4041095 2.39934237,48.084382 C1.53432014,50.054374 2.06585384,51.3402752 4.07935191,52.0566144 C14.0881967,55.6193408 24.0996014,59.173768 34.1147297,62.717999 C36.1324167,63.431967 37.6229917,62.7867638 38.4956938,60.8217512 C40.6020473,56.078642 42.6846634,51.3246253 44.7703048,46.5717942 C44.8731673,46.3375197 44.9122644,46.0743166 45,45.7558646 C33.020245,41.5014595 21.1168223,37.2738489 9.08284343,33 M82.897655,31 C83.0882949,30.6501574 83.2478194,30.396665 83.3704234,30.1266553 C85.4289163,25.601413 87.4911245,21.0775472 89.5349885,16.5458816 C90.4979406,14.4105802 89.9970755,13.2915428 87.7349392,12.5117954 C77.8546376,9.10604931 67.972014,5.706956 58.087765,2.31245079 C55.8785713,1.55380859 54.456551,2.16540221 53.4973142,4.27065154 C51.4994266,8.65572737 49.5103629,13.0444737 47.5196737,17.4327612 C47.3515576,17.8027914 47.1987671,18.1794743 47,18.6431018 C59.029122,22.7838613 70.9409808,26.8842456 82.897655,31 M81,32.0710327 C80.4316256,31.8230781 80.1985898,31.7021133 79.952737,31.6168354 C68.8723496,27.7700623 57.7933605,23.9191179 46.7010883,20.1061778 C46.2084505,19.9370125 45.5473279,19.9822005 45.0437375,20.155537 C34.0630895,23.9341806 23.0933941,27.7441081 12.1234657,31.5533405 C11.8004781,31.6654994 11.4970654,31.8325791 11,32.0573605 C11.4658386,32.2478453 11.6751048,32.3451733 11.8920611,32.4202549 C22.9381922,36.2464037 33.9815269,40.0804316 45.0416402,43.8667223 C45.6337842,44.0692572 46.4242417,44.0296309 47.0261733,43.8243151 C54.9757243,41.109791 62.9075647,38.3454442 70.8438327,35.5933792 C74.1289387,34.45441 77.4138117,33.3147455 81,32.0710327 M50.5275368,6.30121629 C51.0170719,5.20906475 51.4926931,4.11064715 51.9889532,3.02197676 C53.1560919,0.462638222 55.6329863,-0.603288682 58.3415459,0.338013196 C67.2308625,3.42787838 76.1129902,6.53747006 84.9976688,9.64009945 C86.1991284,10.0596936 87.4024431,10.474182 88.5990328,10.9074687 C91.1830637,11.8438969 92.1714097,14.1235834 91.0358089,16.6926692 C88.9290226,21.4595184 86.7900025,26.2124431 84.6270971,30.9537639 C84.2762365,31.7228651 84.2713667,32.3499355 84.6291841,33.1301764 C86.7362024,37.7273778 88.792667,42.3477868 90.8519144,46.9665713 C92.2650962,50.1365029 91.3370434,52.2377226 88.0510597,53.3697913 C85.288468,54.3217687 85.2880042,54.3217687 85.2745541,57.308824 C85.2713076,58.0823347 85.3663854,58.8704661 85.2495092,59.626339 C84.9663627,61.4592784 85.6108051,62.8394367 87.1083974,63.8505936 C87.3658034,64.0246509 87.716432,64.1641288 88.0181303,64.1539174 C93.7248892,63.9622223 97.712594,67.9523119 97.4547243,73.5787721 C97.4387234,73.9261905 97.6599533,74.3843093 97.9215334,74.6300782 C102.028897,78.4832427 102.027042,84.0078214 97.9106342,87.8939407 C97.6648232,88.1260171 97.4136785,88.5286696 97.4310708,88.836635 C97.6488223,92.6480257 96.1598102,95.5062787 92.8035615,97.3635861 C92.7386303,97.3995579 92.6899319,97.4647714 92.5194874,97.6218871 C95.203466,101.286606 97.8985756,104.965945 100.797291,108.923776 C98.170591,108.507895 95.8785188,108.231028 93.62842,107.756199 C92.3274765,107.481653 91.5283587,107.686344 90.8043755,108.900104 C89.6031478,110.913831 88.1932127,112.803165 86.6979393,115 C85.7726694,110.215513 84.9007358,105.707893 84.0053806,101.078897 C81.5400811,102.110477 79.1728742,102.142967 76.7154592,101.086556 C75.8282204,105.684453 74.9595334,110.186735 74.0574532,114.86145 C73.7884524,114.545362 73.5857742,114.346009 73.4280841,114.116253 C72.1607657,112.267765 70.8440532,110.449446 69.6657834,108.545259 C69.1189697,107.661976 68.5202111,107.490008 67.5766213,107.671259 C65.4554573,108.078321 63.3189881,108.405781 61.186925,108.756449 C60.8868499,108.805649 60.5784266,108.80356 59.9854654,108.845798 C62.8085823,104.989617 65.501141,101.312134 68.1916127,97.6372042 C64.2802021,94.711417 63.9198338,94.1247278 63.1849515,89.4736847 C62.8595997,89.5637304 62.5388858,89.6342816 62.2299987,89.7401084 C58.07069,91.1659858 53.9160192,92.6053237 49.7539277,94.0235425 C47.0676301,94.9386198 44.3722886,94.9256235 41.6890058,93.9987104 C31.3359539,90.4226451 20.9831339,86.8451874 10.6319372,83.2630882 C7.73693218,82.2609823 6.22681741,80.1321455 6.22426654,77.0406558 C6.21777342,69.8474477 6.20919322,62.6542397 6.24026745,55.4612638 C6.24374591,54.64157 6.04987982,54.1873964 5.20623769,53.9864183 C4.42288885,53.8000609 3.67386079,53.4656388 2.91509305,53.1818094 C0.316220783,52.2089451 -0.663776915,49.9466644 0.459765169,47.4014825 C2.56446444,42.633705 4.68214995,37.8717293 6.84204076,33.1287839 C7.19684352,32.3494714 7.19150989,31.7230972 6.84134507,30.9523715 C4.73293545,26.3133963 2.66951388,21.6537664 0.593801769,16.9997062 C-0.723838298,14.0444454 0.204678215,11.8436649 3.24972076,10.7802908 C13.1909232,7.30982032 23.1346764,3.84840082 33.0809806,0.393247379 C35.9437519,-0.60143207 38.3258002,0.414830484 39.5657547,3.15658107 C41.4905017,7.41263016 43.3948418,11.6779623 45.310081,15.9379567 C45.4197684,16.1814049 45.5512541,16.4148737 45.7845428,16.8739208 C47.4358829,13.1934212 48.9826375,9.7477829 50.5275368,6.30121629 Z" id="Fill-1" fill="#B8E986"></path>
+                            <path d="M80.4493908,91.9992514 C74.6500807,91.9286566 69.9840203,87.0205733 70.0000411,81.0083694 C70.0162845,74.8239888 74.6814548,69.990694 80.6258422,70.0000135 C86.3730847,70.0090999 91.0102186,74.9327932 90.9999831,81.0155919 C90.9895251,87.1060792 86.2215545,92.0700791 80.4493908,91.9992514 Z" id="Fill-4" fill="#646EF2"></path>
+                        </g>
+                    </g>
+                    <circle id="Oval-3" fill="#646EF2" cx="47" cy="29" r="28"></circle>
+                    <g id="ic_code" transform="translate(17.000000, 0.000000)">
+                        <polygon id="Bounds" points="0 0 58 0 58 58 0 58"></polygon>
+                        <path d="M24,38.2 L14.6756757,29 L24,19.8 L21.1621622,17 L9,29 L21.1621622,41 L24,38.2 L24,38.2 Z M34,38.2 L43.3243243,29 L34,19.8 L36.8378378,17 L49,29 L36.8378378,41 L34,38.2 L34,38.2 Z" id="Icon" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/images/modern-devops.svg b/src/images/modern-devops.svg
new file mode 100644
index 0000000..50bbd74
--- /dev/null
+++ b/src/images/modern-devops.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="164px" height="140px" viewBox="0 0 164 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Modern_DevOps</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Modern_DevOps">
+            <g id="Group-45" transform="translate(5.000000, 29.000000)">
+                <g id="ic_settings" transform="translate(64.000000, 0.000000)">
+                    <polygon id="Bounds" points="0 0 24 0 24 24 0 24"></polygon>
+                    <path d="M19.43,12.98 C19.47,12.66 19.5,12.34 19.5,12 C19.5,11.66 19.47,11.34 19.43,11.02 L21.54,9.37 C21.73,9.22 21.78,8.95 21.66,8.73 L19.66,5.27 C19.54,5.05 19.27,4.97 19.05,5.05 L16.56,6.05 C16.04,5.65 15.48,5.32 14.87,5.07 L14.49,2.42 C14.46,2.18 14.25,2 14,2 L10,2 C9.75,2 9.54,2.18 9.51,2.42 L9.13,5.07 C8.52,5.32 7.96,5.66 7.44,6.05 L4.95,5.05 C4.72,4.96 4.46,5.05 4.34,5.27 L2.34,8.73 C2.21,8.95 2.27,9.22 2.46,9.37 L4.57,11.02 C4.53,11.34 4.5,11.67 4.5,12 C4.5,12.33 4.53,12.66 4.57,12.98 L2.46,14.63 C2.27,14.78 2.22,15.05 2.34,15.27 L4.34,18.73 C4.46,18.95 4.73,19.03 4.95,18.95 L7.44,17.95 C7.96,18.35 8.52,18.68 9.13,18.93 L9.51,21.58 C9.54,21.82 9.75,22 10,22 L14,22 C14.25,22 14.46,21.82 14.49,21.58 L14.87,18.93 C15.48,18.68 16.04,18.34 16.56,17.95 L19.05,18.95 C19.28,19.04 19.54,18.95 19.66,18.73 L21.66,15.27 C21.78,15.05 21.73,14.78 21.54,14.63 L19.43,12.98 L19.43,12.98 Z M12,15.5 C10.07,15.5 8.5,13.93 8.5,12 C8.5,10.07 10.07,8.5 12,8.5 C13.93,8.5 15.5,10.07 15.5,12 C15.5,13.93 13.93,15.5 12,15.5 L12,15.5 Z" id="Icon" fill="#646EF2"></path>
+                </g>
+                <g id="ic_settings" transform="translate(64.000000, 58.000000)">
+                    <polygon id="Bounds" points="0 0 24 0 24 24 0 24"></polygon>
+                    <path d="M19.43,12.98 C19.47,12.66 19.5,12.34 19.5,12 C19.5,11.66 19.47,11.34 19.43,11.02 L21.54,9.37 C21.73,9.22 21.78,8.95 21.66,8.73 L19.66,5.27 C19.54,5.05 19.27,4.97 19.05,5.05 L16.56,6.05 C16.04,5.65 15.48,5.32 14.87,5.07 L14.49,2.42 C14.46,2.18 14.25,2 14,2 L10,2 C9.75,2 9.54,2.18 9.51,2.42 L9.13,5.07 C8.52,5.32 7.96,5.66 7.44,6.05 L4.95,5.05 C4.72,4.96 4.46,5.05 4.34,5.27 L2.34,8.73 C2.21,8.95 2.27,9.22 2.46,9.37 L4.57,11.02 C4.53,11.34 4.5,11.67 4.5,12 C4.5,12.33 4.53,12.66 4.57,12.98 L2.46,14.63 C2.27,14.78 2.22,15.05 2.34,15.27 L4.34,18.73 C4.46,18.95 4.73,19.03 4.95,18.95 L7.44,17.95 C7.96,18.35 8.52,18.68 9.13,18.93 L9.51,21.58 C9.54,21.82 9.75,22 10,22 L14,22 C14.25,22 14.46,21.82 14.49,21.58 L14.87,18.93 C15.48,18.68 16.04,18.34 16.56,17.95 L19.05,18.95 C19.28,19.04 19.54,18.95 19.66,18.73 L21.66,15.27 C21.78,15.05 21.73,14.78 21.54,14.63 L19.43,12.98 L19.43,12.98 Z M12,15.5 C10.07,15.5 8.5,13.93 8.5,12 C8.5,10.07 10.07,8.5 12,8.5 C13.93,8.5 15.5,10.07 15.5,12 C15.5,13.93 13.93,15.5 12,15.5 L12,15.5 Z" id="Icon" stroke="#646EF2" stroke-width="2"></path>
+                </g>
+                <path d="M77,40.3414639 C95.0978212,23.1905542 108.889382,5.0277944 124.793286,5.0000346 C140.697189,4.97227479 153.73636,21.6537114 153.639164,40.3414639 C153.541967,59.0292164 140.552685,69.7626846 124.793286,69.9986108 C109.033886,70.234537 77,40.3414639 77,40.3414639 Z" id="Path-13" stroke="#646EF2" stroke-width="2" fill="#FFFFFF"></path>
+                <path d="M76.6397036,40.3414639 C58.5418824,23.1905542 44.7503214,5.0277944 28.846418,5.0000346 C12.9425147,4.97227479 -0.0966568916,21.6537114 0.000539894911,40.3414639 C0.0977366814,59.0292164 13.0870184,69.7626846 28.846418,69.9986108 C44.6058177,70.234537 76.6397036,40.3414639 76.6397036,40.3414639 Z" id="Path-13" stroke="#646EF2" stroke-width="2" fill="#FFFFFF"></path>
+                <polyline id="Path-14" stroke="#B8E986" stroke-width="2" points="42 33.85 42 28 19 28 19 54 42 54 42 48.8"></polyline>
+                <polygon id="Path" stroke="#B8E986" stroke-width="2" points="27.4210526 27.1538462 27.4210526 23 33.5789474 23 33.5789474 27.1538462 37 27.1538462 37 32 24 32 24 27.1538462"></polygon>
+                <polyline id="Path-15" stroke="#646EF2" stroke-width="2" points="28 41 35 48 49 33"></polyline>
+                <g id="Group-37" transform="translate(107.000000, 17.000000)" fill="#B8E986">
+                    <rect id="Rectangle-15" x="9" y="27" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="18" y="27" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="27" y="27" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="4" y="18" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="13" y="18" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="8" y="9" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="12" y="0" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="17" y="9" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="22" y="18" width="8" height="8"></rect>
+                    <rect id="Rectangle-15" x="0" y="27" width="8" height="8"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/images/unit-and-integration-testing.svg b/src/images/unit-and-integration-testing.svg
new file mode 100644
index 0000000..2469d5f
--- /dev/null
+++ b/src/images/unit-and-integration-testing.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="164px" height="140px" viewBox="0 0 164 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Unit_&amp;_ntegration testing</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="3.0179734e-15 57.9063985 3.0179734e-15 0.0797178081 55.9286175 0.0797178081 55.9286175 57.9063985"></polygon>
+    </defs>
+    <g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Unit_&amp;_ntegration-testing">
+            <g id="Group-41" transform="translate(22.000000, 13.000000)">
+                <g id="Page-1">
+                    <g id="Group-7" transform="translate(29.000000, 0.000000)" fill="#B8E986">
+                        <path d="M28.9458079,113.996605 C28.4057203,113.982059 27.8943001,114.05092 27.404013,113.899759 C26.7959321,113.711958 26.2273608,113.422155 25.6916836,113.086691 C24.9301582,112.609456 24.2390151,112.024512 23.6364472,111.363894 C23.1327452,110.811355 22.5709732,110.320311 22.0544076,109.782869 C21.2210299,108.915671 20.3678054,108.056758 19.4682719,107.256027 C18.505523,106.398955 17.6359434,105.451481 16.7138068,104.555745 C15.9936287,103.85591 15.2964214,103.132141 14.5789998,102.428992 C13.8520224,101.716085 13.1074035,101.020854 12.3807936,100.30721 C11.6385637,99.5781012 10.9130564,98.8318689 10.1728479,98.1007343 C8.33427131,96.2851418 6.49734865,94.4677081 4.64848122,92.6626104 C3.22815556,91.2756457 1.78008128,89.9166671 0.367290017,88.5217854 C-0.0156778524,88.1437901 -0.194298183,87.8657712 0.309036267,87.2800902 C1.01929098,86.453214 1.84623695,85.7513543 2.60059545,84.9763996 C3.80554762,83.7383868 5.02703871,82.5071864 6.30108681,81.3389545 C7.43051124,80.3036562 8.48918586,79.2007864 9.56880977,78.1183538 C10.9856439,76.6982478 11.4038948,74.9632992 11.0082471,73.0226902 C10.908646,72.5347762 10.5262294,72.1750087 10.2432302,71.7883598 C10.0504599,71.5248862 9.87239083,71.2387661 9.63864076,70.9942567 C9.23711255,70.5748348 8.69114444,70.4998986 8.21372097,70.2636745 C7.1241737,69.7245756 5.99180901,69.8411226 4.85815796,69.7917788 C4.42244932,69.7729987 3.97939004,69.6969578 3.5967897,69.4312748 C3.47550429,69.3471327 3.32022221,69.2922653 3.17339336,69.2686982 C1.85836549,69.0575143 1.25855401,68.0873939 0.974452129,66.9640869 C0.861803711,66.5179678 0.923181479,65.9190303 1.13249069,65.4001844 C1.76299106,63.8366501 2.98834123,62.7901206 4.20487064,61.7240745 C4.58085541,61.3946865 5.01932054,61.2122251 5.45760191,60.9992 C6.85936722,60.3181456 8.74057743,61.0262654 9.47031132,62.4544726 C9.84592856,63.1902101 10.0171983,63.886178 9.99091975,64.6789923 C9.97640225,65.1116707 10.0811487,65.523912 10.3163689,65.9006185 C10.4815744,66.1650127 10.5078529,66.4693605 10.5492002,66.7772067 C10.6502713,67.5335654 11.1247546,68.1166687 11.5792073,68.6802555 C12.0092192,69.2136467 12.5029979,69.7089255 13.1048308,70.0587506 C14.1058029,70.6407492 15.1571269,71.0877889 16.3389246,70.7340973 C16.7799624,70.6022685 17.2044614,70.3537085 17.5811812,70.0813972 C18.1604109,69.66308 18.6931479,69.1843719 19.2029142,68.6747319 C21.6401996,66.2375553 24.080609,63.8033247 26.5603444,61.4097842 C27.3086386,60.6873032 28.0532575,59.9605875 28.7980602,59.23424 C29.2855908,58.7592143 29.6672723,58.7560843 30.16491,59.2530201 C31.9141764,61.0004888 33.6522331,62.759741 35.4132605,64.4954261 C36.32529,65.3941085 37.2898765,66.2393965 38.2059489,67.1343965 C38.868057,67.7813889 39.4945145,68.4659415 40.1275876,69.1427611 C40.6377214,69.6883042 40.729053,70.5124186 40.4017661,71.1905271 C39.7449872,72.5507945 38.5653948,73.1344502 37.1674885,73.3785913 C36.4489644,73.5037919 35.7041617,73.5100519 35.0023602,73.6912245 C34.3804968,73.8515917 33.7527529,74.0716133 33.1981478,74.4157308 C32.3302221,74.9542774 31.5971804,75.6638701 31.0940297,76.5454294 C30.5197617,77.5512688 30.1814489,78.6263367 30.5021202,79.8302876 C31.1627581,82.310732 32.8019488,84.035554 34.7882731,85.4956137 C35.5373024,86.046128 36.4171729,86.3578407 37.2718675,86.6999328 C37.560196,86.8153751 37.9062269,86.8720836 38.212932,86.8382058 C38.9538756,86.7562731 39.7220165,86.8862607 40.4159161,86.3966897 C40.7957599,86.1287972 41.280534,86.022745 41.6741603,85.702747 C42.2283979,85.252025 42.6273534,84.720659 43.0228173,84.1320321 C43.5750335,83.3093907 43.7361961,82.3968994 43.9313553,81.4788846 C44.0745088,80.8050109 44.0919666,80.1169601 44.102625,79.4281728 C44.1171425,78.4956126 44.4492073,77.6641334 45.2202884,77.1340563 C46.3267422,76.3734628 47.3690616,76.4890892 48.5174139,77.4439277 C49.7672049,78.4829084 50.8848684,79.6590574 52.0528836,80.7825484 C52.8059558,81.5066865 53.4882781,82.3072337 54.2646885,83.0032016 C55.1331655,83.7812864 55.9275849,84.6302568 56.7622491,85.4398258 C57.2433479,85.9065662 57.7023948,86.3961373 58.1890065,86.8569859 C58.4913012,87.1434743 58.4766,87.4467175 58.2211655,87.7022739 C56.9869946,88.9369726 55.803543,90.2234085 54.4951307,91.3824345 C54.3806447,91.4838838 54.2696501,91.5893837 54.1614121,91.6976453 C52.7339196,93.1256684 51.3305004,94.5787316 49.8745242,95.9771116 C48.0126093,97.7654545 46.2230983,99.627629 44.3549354,101.407687 C42.6843208,102.999391 41.0947468,104.671555 39.42744,106.264549 C37.5177461,108.089347 35.6793533,109.986504 33.7768263,111.817378 C33.0739222,112.49383 32.2784002,113.0576 31.3772128,113.517344 C30.5550447,113.937135 29.7567662,113.974879 28.9458079,113.996605" id="Fill-1"></path>
+                        <path d="M28.8523999,0.00835843041 C29.815568,-0.0333593866 30.7375528,0.181059262 31.5764291,0.516441363 C32.249274,0.785694348 32.8386393,1.31436293 33.3814417,1.82955064 C34.1481546,2.55733527 34.8722002,3.32920597 35.6526409,4.04241668 C37.8817293,6.07912059 39.9551749,8.27067229 42.160518,10.3290549 C43.2995496,11.3920394 44.3764353,12.517874 45.5368005,13.555172 C47.0897049,14.9435191 48.4834417,16.4874427 50.0255865,17.8839876 C50.7583511,18.5478292 51.4664428,19.2375395 52.1990219,19.9015632 C52.6987859,20.3546297 53.1692394,20.8650809 53.6599134,21.3374577 C54.0593164,21.7218446 54.4548238,22.1218984 54.8835375,22.4727653 C55.6912481,23.1335099 56.3624234,23.9305206 57.1708761,24.5905366 C57.5814098,24.9253721 57.9125451,25.3571242 58.261304,25.760275 C58.4967162,26.0324428 58.4492256,26.2780132 58.1956334,26.5567392 C57.4804923,27.3428194 56.6735237,28.0356267 55.9259183,28.7870939 C55.0165482,29.7012424 53.9964286,30.5088192 53.1312098,31.4573985 C51.8404311,32.8725252 50.3344607,34.0661284 49.0217918,35.4557507 C48.2320756,36.2919288 47.4577567,37.165999 47.147955,38.2604997 C46.9346185,39.014153 46.9214473,39.8410402 47.3041544,40.6438805 C47.7454828,41.5698703 48.3124014,42.3617801 49.1256774,42.99028 C49.8775495,43.5714146 50.7678121,43.7943954 51.6879418,43.9075254 C52.616976,44.0219306 53.5545437,44.0683849 54.4828358,44.1869801 C55.4224441,44.3070327 56.1563218,44.7970804 56.7794499,45.4907985 C57.7522645,46.5732757 57.5413396,47.7060328 56.9742354,48.8575539 C56.3859832,50.0511571 55.3742115,50.8895213 54.3527933,51.6898111 C53.5717961,52.3017331 52.6494403,52.7092561 51.6274655,52.7385861 C51.0297523,52.7557104 50.4620916,52.5806413 49.9623276,52.1997158 C49.5406633,51.8783611 49.2345718,51.471749 48.9225439,51.0644082 C48.6481746,50.7062544 48.6628299,50.2681262 48.6218321,49.8500372 C48.5511528,49.1255317 48.1267059,48.4842796 48.1228102,47.7424676 C48.1213261,47.4726681 48.12819,47.178093 48.026345,46.9374413 C47.7174708,46.2078349 47.3726076,45.4871551 46.8108833,44.9027413 C46.130618,44.1957245 45.4134363,43.5289681 44.4760541,43.1500464 C43.5325502,42.7687565 42.5998058,42.712647 41.6006488,43.0316334 C40.6200428,43.3447903 39.8639039,43.9339406 39.1793719,44.6285696 C38.2061864,45.6161342 37.1647331,46.5326509 36.2514672,47.5859803 C35.4259476,48.5382031 34.3958105,49.3162677 33.5059189,50.2187571 C32.841051,50.8931648 32.0734105,51.4651907 31.443604,52.1576336 C30.9991219,52.6458596 30.5258859,53.1091278 30.0862271,53.6017259 C29.8309653,53.8879211 29.2441971,53.9735428 29.0082284,53.7090263 C28.2417009,52.8509874 27.2175001,52.2749536 26.4391,51.4456981 C25.1820841,50.1061736 23.8375075,48.8548213 22.5400504,47.5566503 C22.0439966,47.0602265 21.4639067,46.6388583 21.0069955,46.1120114 C20.1749831,45.152866 19.1574606,44.3698827 18.3670024,43.3770351 C17.9401438,42.8410796 17.9590658,42.1167562 18.2616327,41.5154003 C18.6291281,40.7854296 19.2021685,40.2287062 19.9078486,39.9303054 C20.7272464,39.5834463 21.598216,39.2726577 22.5265081,39.2664638 C24.5849274,39.2528008 26.1669568,38.326811 27.3191596,36.7182157 C28.0163063,35.745225 28.372671,34.6498135 28.1786275,33.398279 C28.0780811,32.7508331 28.1157396,32.1139532 27.5549428,31.625545 C27.4158103,31.5042172 27.4391846,31.2202082 27.3319598,31.0436817 C26.6439031,29.9131106 25.7501158,28.9614343 24.6940073,28.1500319 C24.4550703,27.9664006 24.2873693,27.6940507 24.0489889,27.5091442 C23.2229128,26.8686209 22.2673506,26.5334209 21.2659675,26.206601 C20.1241533,25.8335089 19.1227702,26.1668871 18.072227,26.3676427 C17.5121722,26.4745788 17.1116561,26.8994082 16.6584551,27.2014525 C16.2547853,27.470159 15.9243919,27.8450728 15.5626474,28.1740788 C15.4947507,28.2358358 15.3841867,28.2964997 15.3739837,28.3690049 C15.2801156,29.0237378 14.7109708,29.5001225 14.6822168,30.1805419 C14.6734978,30.3882201 14.6224826,30.6024566 14.5471655,30.797747 C14.2076821,31.6769181 14.1496175,32.5950744 14.1405275,33.5190603 C14.1336636,34.204034 13.9661481,34.8115839 13.492541,35.3484503 C12.9011351,36.0192145 11.7789849,36.4139853 11.0662554,36.0398002 C10.3425808,35.6597855 9.60833213,35.2688403 9.04197003,34.6538213 C8.07991505,33.608872 7.06981297,32.6094661 6.03986132,31.6302816 C5.43546966,31.0557052 4.77152928,30.5405174 4.17511456,29.9582897 C3.06502258,28.8752661 1.98758036,27.7601798 0.89047408,26.6644039 C0.633728207,26.4080853 0.331161359,26.2051436 0.129511963,25.8850641 C-0.0341078777,25.6256485 -0.0684272321,25.4644246 0.178486609,25.2286916 C1.19526705,24.2580692 2.19015731,23.2652216 3.19358102,22.2809362 C4.02448042,21.4655259 4.83386065,20.6275261 5.69295757,19.8414459 C6.72123963,18.9005178 7.67030891,17.8757898 8.72474789,16.968746 C9.7335514,16.1006875 10.6212169,15.1220495 11.5795616,14.2097227 C12.4709373,13.3611568 13.2916337,12.4404501 14.1876471,11.5964385 C15.3801055,10.4733366 16.6423157,9.4203716 17.7696601,8.2322336 C18.7150192,7.23556034 19.803963,6.38954487 20.7598962,5.40361987 C21.7802013,4.35138357 22.8274054,3.32210119 23.9029925,2.32451706 C24.6049624,1.67342763 25.3063758,0.976066046 26.1903311,0.584392218 C27.0249407,0.214579255 27.9241078,-0.0512124262 28.8523999,0.00835843041" id="Fill-3"></path>
+                        <path d="M59.1983497,47.5694914 C59.3300678,46.1668766 58.7535968,45.1999098 58.0328718,44.2810582 C57.2185815,43.242851 56.1635651,42.6958667 54.9156044,42.3361215 C53.9065531,42.0450057 52.9156697,41.7820504 51.8770045,41.834828 C50.1770237,41.9213608 49.6786751,41.062187 49.0607811,39.8072748 C48.6158465,38.9031562 49.3076843,38.3522555 49.6145421,37.6812533 C49.7787809,37.321881 50.1352373,37.1318445 50.3968566,36.8571402 C51.5379894,35.6576164 52.6260716,34.3980419 53.8376963,33.2790832 C54.7446434,32.4413561 55.6514089,31.6034425 56.4762366,30.6873883 C57.3186873,29.7515659 58.2167321,28.8750482 59.0775325,27.95974 C59.4461614,27.5675449 59.7677352,27.5375196 60.1287336,27.9080814 C61.6975414,29.5177035 63.2759782,31.1152035 64.7801079,32.7928956 C65.7471911,33.8715718 66.8238275,34.855323 67.8452331,35.8879354 C69.483261,37.5439943 71.1252859,39.1959504 72.7667657,40.8484659 C74.2754374,42.3674523 75.7686662,43.9034097 77.3000479,45.3979655 C78.6045111,46.671527 79.8817223,47.9726895 81.1556633,49.2775819 C82.1229282,50.2682333 83.0896481,51.2590712 84.0574581,52.2487902 C84.6709918,52.8761531 85.0730499,53.6159713 85.4509445,54.4270299 C85.9591038,55.5176416 85.9469312,56.5974368 85.7349105,57.6721966 C85.5443281,58.6395364 85.1153814,59.5677127 84.426632,60.3032415 C83.4931596,61.3002337 82.5338886,62.2724224 81.5747993,63.243492 C80.094288,64.7427102 78.5734438,66.2014594 77.1278151,67.7351788 C75.9468944,68.9878531 74.6784039,70.1495187 73.5449016,71.4516137 C73.0158491,72.0592082 72.3458129,72.540174 71.8322032,73.1597041 C70.9232576,74.2560972 69.9265605,75.2603626 68.9347687,76.2713418 C67.2678537,77.9704806 65.6042089,79.6735358 63.9024113,81.335376 C62.7541929,82.4561996 61.6308648,83.6018268 60.5049931,84.7454026 C60.0845853,85.1726584 59.8115201,85.2198411 59.3814833,84.8101157 C58.674566,84.1365026 58.0101618,83.4162662 57.3195957,82.7241902 C56.8443205,82.2477003 56.3270772,81.8124253 55.8776006,81.3124373 C54.0558941,79.2860031 52.0078142,77.499399 50.1219746,75.5401023 C49.185777,74.5673542 48.0446442,73.9094065 46.6340798,73.8892652 C45.21861,73.8689375 44.0135258,74.4202111 43.0902275,75.4431259 C42.3286245,76.2866342 41.8012071,77.3218575 41.7666879,78.5497282 C41.7299885,79.8503312 41.5911849,81.1384392 41.1097326,82.3635125 C40.9734725,82.7092708 40.7461907,82.9735315 40.4814827,83.2049695 C39.4170189,84.1363161 38.0867572,84.4347051 36.7704847,83.6344631 C35.7399951,83.0082192 34.7979837,82.2721309 34.0547304,81.3034856 C33.6394096,80.7620961 33.180849,80.2248094 33.0970945,79.4984187 C33.0571249,79.1509821 32.7555359,78.9158142 32.7729772,78.5465579 C32.8256644,77.419207 33.3895995,76.6215759 34.2522167,75.9796666 C35.0764993,75.3662907 36.0201459,75.2590572 36.9859573,75.2042282 C37.0161162,75.2023633 37.0497271,75.2113149 37.0762524,75.2008713 C37.8640173,74.8905468 38.7444392,74.8495183 39.4945964,74.504879 C40.4215283,74.0787422 41.2118368,73.3706278 41.8478989,72.5263735 C42.6349371,71.482012 43.0193722,70.3143786 42.8622189,68.9805798 C42.8375105,68.7707751 42.7811896,68.5926741 42.6523784,68.4294927 C42.5677155,68.3222591 42.4710617,68.2075659 42.435634,68.0798181 C42.1660207,67.1020347 41.4002391,66.5054432 40.7699908,65.8157916 C40.0641635,65.0431506 39.3116445,64.3139625 38.5565819,63.5909287 C37.2453965,62.33583 35.9923488,61.0203076 34.7147742,59.7301482 C33.8530655,58.8595983 32.9521138,58.0287714 32.1112982,57.1378938 C31.1556608,56.1254227 31.3751304,56.1806246 32.0844095,55.4505041 C32.6497981,54.8684591 33.2678738,54.3356482 33.8123691,53.7399892 C34.7229498,52.74337 35.7189202,51.8403703 36.6471239,50.8653843 C38.0716777,49.3689635 39.5080407,47.8846648 40.9276891,46.3835816 C41.1684152,46.1286456 41.5001631,45.9790781 41.6818432,45.6547665 C41.7232663,45.5809153 41.8642501,45.5389543 41.9636291,45.5300026 C42.6451112,45.4680869 43.2504693,45.4352641 43.9217774,45.8925453 C45.1911763,46.7573139 45.4760507,48.0422514 45.6669965,49.3872398 C45.8241498,50.4951954 45.9551412,51.6009131 46.5257984,52.5729153 C46.8326562,53.095469 47.1785751,53.6157848 47.6616625,53.9934334 C48.1245834,54.35523 48.5382691,54.7636499 49.086398,55.0377948 C50.7634871,55.8764544 52.3404705,55.6383027 53.9359852,54.8164275 C55.1665047,54.1829104 56.1844583,53.2862514 57.0870451,52.2510281 C57.3855456,51.9084403 57.6099205,51.481371 57.8844392,51.1029765 C58.4527346,50.3195189 58.7577755,49.3993619 59.1327632,48.514452 C59.2891898,48.1453821 59.1454808,47.7757528 59.1983497,47.5694914" id="Fill-5"></path>
+                    </g>
+                    <g id="Group-10" transform="translate(0.000000, 28.000000)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="Clip-9"></g>
+                        <path d="M27.0583342,38.0628823 C27.26465,40.3358855 28.0011237,42.0445543 29.7702816,43.1627794 C30.8296763,43.8324836 31.9979395,44.1433711 33.2422816,44.2009981 C34.0671763,44.2392296 34.8839658,44.3418019 35.6889658,44.5503035 C36.2679395,44.7006186 36.7059921,45.034445 37.0834395,45.479982 C37.4273605,45.885609 37.3949395,46.8725415 37.1002026,47.317519 C36.1870711,48.6964643 34.9305711,49.7551974 33.8571763,50.9821492 C32.9530711,52.015519 32.00715,53.0030109 31.0133342,53.9382842 C30.1473605,54.7530817 29.3307553,55.6154354 28.4833868,56.4473904 C28.13265,56.7920334 27.8102816,57.1655833 27.5245711,57.5702778 C27.2276237,57.9906379 26.7129395,58.0167473 26.3454395,57.6484193 C23.5128342,54.8095897 20.7093342,51.9396154 17.8338079,49.1459177 C16.0618868,47.4243807 14.4039921,45.5842328 12.58215,43.9210688 C10.8153868,42.3082585 9.33967632,40.415519 7.58967632,38.7924514 C7.08162368,38.3211781 6.63786053,37.7531138 6.06809737,37.3816154 C5.45983421,36.9849402 4.90830789,36.5017312 4.51557105,35.9528759 C3.61551842,34.6940334 2.38020263,33.7781556 1.41733421,32.5965222 C1.23146579,32.3686251 0.901728947,32.2975704 0.785676316,32.0002971 C0.260676316,30.6562264 -0.274639474,29.2903357 0.158807895,27.8257891 C0.422781579,26.9332232 0.908176316,26.1176797 1.50722895,25.3924 C1.77930789,25.062863 2.10793947,24.7933775 2.31462368,24.3924129 C2.46272895,24.1052103 2.83317632,23.9873453 3.08425526,23.7581428 C3.92720263,22.9877312 4.69554474,22.1466379 5.48820263,21.3269916 C6.58591316,20.1921685 7.69688684,19.0674161 8.88283421,18.0215511 C9.39917632,17.5663164 9.84828158,17.0331267 10.3307289,16.5381685 C11.2847553,15.5594418 12.2428342,14.5857505 13.2508342,13.6622264 C13.9731237,13.0001685 14.6561763,12.2942842 15.3685184,11.6208502 C16.1357553,10.8951974 16.8079395,10.0774161 17.5401763,9.31763473 C18.4770711,8.34580836 19.5152816,7.49147395 20.4656237,6.53605916 C21.7035184,5.29176334 22.8400974,3.94303023 24.1479921,2.77575691 C25.04565,1.97476013 25.8381237,1.06559614 26.7595447,0.292946624 C27.0968342,0.0100334405 27.3278342,-0.0110405145 27.5628868,0.349268167 C27.9324132,0.915654019 28.4830184,1.29591768 28.9324921,1.77912669 C29.6544132,2.55531961 30.4236763,3.28955113 31.2067553,4.00345466 C32.4324921,5.12112026 33.4854395,6.41297235 34.7242553,7.51870225 C35.4434132,8.16024566 36.1039921,8.87079228 36.7702816,9.57052219 C37.1282026,9.94649646 37.5911237,10.1637633 38.0043079,10.4466765 C38.6425974,10.8834482 39.3210447,11.2797505 40.1389395,11.3280527 C41.0378868,11.3810174 41.8823079,11.2862778 42.7035184,10.8470817 C43.4674395,10.4384707 44.0935711,9.85884373 44.6030974,9.2104 C45.0501763,8.64177621 45.4644658,7.98997556 45.5309658,7.18002701 C45.6064921,6.25836785 45.7907026,5.34584695 45.9248079,4.42903666 C45.9515184,4.2457119 45.9798868,4.06052219 45.9815447,3.87607846 C45.9981237,2.00851576 48.0622026,0.519165273 49.8287816,1.17637428 C51.3437289,1.7399627 52.4425447,2.83524887 53.4474132,4.07730675 C53.8497289,4.57506238 54.01165,5.16233569 54.3062026,5.69496592 C54.7105447,6.4265865 54.3662553,7.54033569 53.7399395,8.15558328 C52.8756237,9.00432283 51.8412816,9.34859293 50.6759658,9.43736463 C49.6639132,9.51420064 48.6614395,9.73967331 47.7363342,10.1268373 C46.7594658,10.5354482 45.9340184,11.2157826 45.3250184,12.1383743 C44.9844132,12.6547794 44.6832289,13.1775254 44.4409921,13.7513711 C44.0556237,14.6648244 44.1116237,15.5441492 44.4409921,16.4495833 C44.8390711,17.5444965 45.5613605,18.3870817 46.3761237,19.1808051 C47.5364658,20.3109659 48.6938605,21.4463486 49.8260184,22.6041106 C50.8903868,23.6928695 52.0440974,24.6876347 53.0777026,25.8019434 C53.8502816,26.6350174 54.7355974,27.344445 55.4860711,28.1991524 C56.0620974,28.8552424 56.0888079,28.9904514 55.4895711,29.6144643 C53.8836237,31.2871395 52.0293605,32.7039434 50.5206763,34.4722907 C48.9535974,36.3092682 47.0238079,37.7596412 45.39465,39.5289209 C44.6419658,40.3465158 43.6275184,40.2944836 42.7891763,39.5555897 C41.9027553,38.7745479 41.6080184,37.7342778 41.4617553,36.6296669 C41.3663342,35.9086765 41.2029395,35.1906701 41.0222289,34.5047408 C40.7317289,33.4021814 40.1604921,32.3936154 39.2219395,31.657146 C38.7879395,31.3167923 38.3839658,30.9029595 37.8862289,30.6946444 C36.9159921,30.2882714 35.9015447,29.859892 34.8320184,30.0946894 C34.2884132,30.2140463 33.6965447,30.2858469 33.2047026,30.5266122 C32.3473868,30.9467859 31.4782816,31.3613646 30.7309395,32.0002971 C29.8220447,32.7774225 28.9785447,33.6183293 28.3688079,34.6416283 C27.9827026,35.2898855 27.52015,35.9297505 27.4236237,36.7354096 C27.3604395,37.2650559 26.9653079,37.7309209 27.0583342,38.0628823" id="Fill-8" fill="#646EF2" mask="url(#mask-2)"></path>
+                    </g>
+                </g>
+                <g id="Group-38" transform="translate(61.000000, 71.000000)" stroke-width="7" stroke="#646EF2">
+                    <polyline id="Path-15" points="0 22.9333333 20 43 60 0"></polyline>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/images/ux-research.svg b/src/images/ux-research.svg
new file mode 100644
index 0000000..1cb8d0c
--- /dev/null
+++ b/src/images/ux-research.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="164px" height="140px" viewBox="0 0 164 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
+    <title>research</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="research">
+            <g id="Group-33" transform="translate(22.000000, 6.000000)">
+                <path d="M66.0574038,121 C89.7739448,121 109,101.300529 109,77 C109,52.699471 89.7739448,33 66.0574038,33 C64.0013188,33 61.9789837,33.1480587 60,33.4343383" id="Oval-5" stroke="#646EF2" stroke-width="2" transform="translate(84.500000, 77.000000) rotate(-345.000000) translate(-84.500000, -77.000000) "></path>
+                <polygon id="Path-6" stroke="#646EF2" stroke-width="2" fill="#FFFFFF" points="0 118 65.4246011 118 76 107 16.7687772 107"></polygon>
+                <polygon id="Path-6" fill="#B8E986" points="1 111 65.5637511 111 76 100 17.5481354 100"></polygon>
+                <polyline id="Path-7" stroke="#646EF2" stroke-width="2" points="111 81 111 120.529412 39 120.529412 39 129 111 129 111 121.941176"></polyline>
+                <ellipse id="Oval-6" stroke="#646EF2" fill="#FFFFFF" cx="110" cy="81.5" rx="6" ry="6.5"></ellipse>
+                <g id="Group-30" transform="translate(63.529704, 43.741922) rotate(-14.000000) translate(-63.529704, -43.741922) translate(36.029704, 11.241922)">
+                    <polygon id="Path-4" fill="#646EF2" transform="translate(31.764281, 29.340225) rotate(7.000000) translate(-31.764281, -29.340225) " points="12.3624949 45.7914076 29.8360551 55.6269902 51.1660663 11.7758992 32.8823038 3.05346076"></polygon>
+                    <polygon id="Path-5" stroke="#646EF2" stroke-width="2" transform="translate(15.980809, 52.410185) rotate(7.000000) translate(-15.980809, -52.410185) " points="5.14562856 42.37342 30.650452 55.6432687 27.2791797 62.4469495 1.31116628 48.7669434"></polygon>
+                    <path d="M4.68522664,49.0297043 C2.00173334,53.4481494 3.0602441,57.5291743 7.86075891,61.2727792 C12.6612737,65.0163841 17.4760068,65.0163841 22.3049582,61.2727792 L4.68522664,49.0297043 Z" id="Path-8" stroke="#646EF2" stroke-width="2" fill="#FFFFFF"></path>
+                </g>
+                <path d="M70,15.1287705 C72.2837073,1.38330388 74.2837073,-2.99567858 76,1.99182317 C77.7162927,6.97932492 79.7162927,9.24927077 82,8.8016607 L78.5884921,18 L70,15.1287705 Z" id="Path-9" stroke="#646EF2" stroke-width="2"></path>
+                <polygon id="Path-3" fill="#646EF2" points="23.3918789 97 12 106 23.3918789 106 33 97"></polygon>
+                <polygon id="Path-3" fill="#646EF2" points="36.2785544 97 27 106 38.3918789 106 48 97"></polygon>
+                <polygon id="Path-3" fill="#646EF2" points="52.5675472 97 43.139427 106 61.7214138 106 70 97"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index 2eede06..cfce76f 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -11,6 +11,7 @@ import ImgIntro from '../images/software-consulting.svg'
 import ImgDesign from '../images/ux-ui-design-agency.svg'
 import ImgFullstack from '../images/fullstack-web-development-agency.svg'
 import ImgMobile from '../images/mobile-development-agency.svg'
+
 import LogoIBM from '../images/logo-ibm-color.svg'
 import LogoRicoh from '../images/logo-ricoh-color.svg'
 import LogoKinnarps from '../images/logo-kinnarps-color.svg'
@@ -32,9 +33,9 @@ const IndexPage = ({ ...props }) => (
     <main>
       <section className="container mx-auto max-w-lg text-center my-12 p-4">
         <SectionIntro
-          intro="Services"
+          intro="We do this"
           headline="Because great code makes our heart pound"
-          text="We have a deep passion for cutting edge technologies and incredible user experiences. We create custom end-to-end solutions that will make you stand out. Our skilled team can even help you with initial analysis, architecture design, testing and deployments"
+          text="We have a deep passion for cutting edge technologies and incredible user experiences. We create custom end-to-end solutions that will make you stand out. Our experienced tech leads can even help you with initial analysis, architecture design, testing and deployments"
         />
       </section>
 
@@ -51,7 +52,7 @@ const IndexPage = ({ ...props }) => (
         <Service
           img={ImgDesign}
           title="User Experience Design"
-          text="Our approach is simple: focus on how users can use the product in the best way possible. We offer UX and interface design for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
+          text="Our approach is simple: focus on how users might use the product in the best way possible. We offer UX and interface design for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
         />
 
         <Service
@@ -65,7 +66,7 @@ const IndexPage = ({ ...props }) => (
           img={ImgMobile}
           imgClasses="max-h-sm"
           title="Mobile App Development"
-          text="We have the necessary skillset to develop iOS and Android applications using both native languages and hybrid solutions. Solutions for iOS are built with Swift & Objective-C and Android solutions with Java & Kotlin. We enjoy using technologies such as React Native to build cross-platform native apps."
+          text="We have the necessary skillset to develop iOS and Android applications using both native languages and hybrid solutions. Solutions for iOS are built with Swift & Objective-C and Android solutions are built with Java & Kotlin. We love using technologies like React Native to build cross-platform native apps."
         />
 
         <div className="py-8 text-center lg:flex justify-center">
@@ -82,7 +83,7 @@ const IndexPage = ({ ...props }) => (
         <SectionIntro
           intro="Clients"
           headline="With ambitious projects comes great responsibility"
-          text="We think big, design smart and develop fast for teams of various sizes. Currently we’re serving everything from Fortune 500 companies to startups and we tailor our processes based on your scale and needs. We have helped some of the worlds leading enterprises and businesses bring ideas to life and we’re really interested in hearing what we can help you with"
+          text="We think big, design smart and develop fast for teams of various sizes. We have helped some of the worlds leading enterprises and businesses bring ideas to life and we’re really interested in hearing what we can help you with"
         />
         <div className="p-4 md:flex items-center max-w-full justify-center">
           <img
diff --git a/src/pages/services.js b/src/pages/services.js
index eb27c2a..4b04128 100644
--- a/src/pages/services.js
+++ b/src/pages/services.js
@@ -2,6 +2,7 @@ import React from 'react'
 
 import PageIntro from '../components/PageIntro'
 import SectionIntro from '../components/SectionIntro'
+import WorkStyle from '../components/WorkStyle'
 
 const ServicesPage = () => (
   <div>
@@ -19,12 +20,7 @@ const ServicesPage = () => (
       />
     </section>
 
-    <section className="container mx-auto my-12 p-4">
-      <SectionIntro
-        headline="How we work"
-        text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
-      />
-    </section>
+    <WorkStyle />
   </div>
 )