import React from 'react';
import Link from 'gatsby-link';
import styled from 'styled-components';

const Container = styled.div`
  display: flex;
`;

const About = styled.article`
  margin-left: 40px;
`;

// const Img = styled.img``;

class Experience extends React.Component {
  constructor() {
    super();
    this.state = { count: 0 };
  }

  render() {
    return (
      <div>
        <Container>
          <img
            src="//placehold.it/300x500"
            width="300"
            height="500"
            alt="Wojtek"
          />

          <About>
            <p>
              I've got 17 years of experience with front-end development and 7
              years of experience with leading distributed teams.
            </p>
            <p>Howdy. I am a front-end engineer based in Kraków, Poland.</p>

            <p>
              I specialize in JavaScript, web accessibility and user experience
              engineering. I’ve started the Kraków office of Xfive.co. I
              currently work with X-Team.com.
            </p>

            <p>
              Typography (especially vintage book covers) is my obsession. I
              sometimes pretend to be a public speaker. Other times I take
              photos with Instax or my phone.
            </p>
          </About>
        </Container>

        <h2>Experience</h2>
        <h3>Development</h3>
        <p>asdf</p>
        <h3>Leadership</h3>
        <p>sadf</p>
      </div>
    );
  }
}

export default Experience;

@@ -124,16 +124,19 @@
 d.div%60%0A 
+ //
  display
@@ -414,28 +414,16 @@
     %3Cimg
-%0A           
  src=%22//
@@ -439,77 +439,17 @@
 .it/
-300x500%22%0A            width=%22300%22%0A            height=%22500%22%0A           
+1400x200%22
  alt
@@ -457,26 +457,16 @@
 %22Wojtek%22
-%0A         
  /%3E%0A%0A   
@@ -574,30 +574,16 @@
 nt and 7
-%0A             
  years o
@@ -607,16 +607,30 @@
  leading
+%0A             
  distrib
@@ -831,30 +831,16 @@
 perience
-%0A             
  enginee
@@ -868,16 +868,30 @@
 e Krak%C3%B3w
+%0A             
  office 
@@ -904,30 +904,16 @@
 ve.co. I
-%0A             
  current
@@ -1047,30 +1047,16 @@
 ssion. I
-%0A             
  sometim
@@ -1089,16 +1089,30 @@
 speaker.
+%0A             
  Other t
@@ -1122,30 +1122,16 @@
 s I take
-%0A             
  photos 
@@ -1229,24 +1229,93 @@
 %3Ch2%3E
-Experience%3C/h2%3E%0A
+Interviews%3C/h2%3E%0A%0A        %3Csection%3E%0A          %3Ch2%3EExperience%3C/h2%3E%0A          %3Cdiv%3E%0A    
     
@@ -1347,16 +1347,20 @@
         
+    
 %3Cp%3Easdf%3C
@@ -1359,24 +1359,61 @@
 %3Cp%3Easdf%3C/p%3E%0A
+          %3C/div%3E%0A          %3Cdiv%3E%0A    
         %3Ch3%3E
@@ -1436,16 +1436,20 @@
         
+    
 %3Cp%3Esadf%3C
@@ -1448,24 +1448,92 @@
 %3Cp%3Esadf%3C/p%3E%0A
+          %3C/div%3E%0A        %3C/section%3E%0A%0A        %3Ch2%3ETestimonials?%3C/h2%3E%0A
       %3C/div%3E

Update about page