Init component add team members, refactor later

src/pages/about.js

@@ -8,6 +8,8 @@ import Fade from 'react-reveal/fade'
 import IntroImage from '../images/web-development-consultants.jpg'
 import MeaningSaburly from '../images/coding-tutorials-patience.svg'
 
+import Nina from '../images/ux-developer-nina.jpg'
+
 const AboutPage = () => (
   <PageTransition>
     <Fade top>
@@ -44,6 +46,35 @@ const AboutPage = () => (
           headline="The Team"
           text="We are a small company with a personal touch that knows our stuff. Our team consists of handpicked expert software developers, designers and system architects - all highly motivated to help you succeed."
         />
+
+        <div className="w-1/2 lg:flex">
+          <div
+            className="h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden"
+            style={{
+              backgroundImage: `url(${Nina})`,
+            }}
+            title="Woman holding a mug"
+          />
+          <div className="border-r border-b border-l border-grey-light lg:border-l-0 lg:border-t lg:border-grey-light bg-white rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal">
+            <div className="mb-8">
+              <div className="text-black font-bold text-xl">Nina</div>
+              <p className="text-sm text-grey-dark flex items-center">
+                UX & UI Designer
+              </p>
+              <p className="text-grey-darker text-base py-2">
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                Voluptatibus quia, nulla! Maiores et perferendis eaque,
+                exercitationem praesentium nihil.
+              </p>
+            </div>
+            <div className="flex items-center">
+              <div className="text-sm">
+                <p className="text-black leading-none">Favorite Technologies</p>
+                <p className="text-grey-dark">Sketch, Adobe</p>
+              </div>
+            </div>
+          </div>
+        </div>
       </Fade>
     </section>
   </PageTransition>