diff --git a/gatsby-config.js b/gatsby-config.js
index 8436022..34f8adb 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,8 +1,8 @@
 module.exports = {
   siteMetadata: {
-    title: "Gatsby Starter - Strata by HTML5 UP",
-    author: "Hunter Chang",
-    description: "A Gatsby.js Starter based on Strata by HTML5 UP"
+    title: "Dennis Thiessen - IT Software Development",
+    author: "Dennis Thiessen",
+    description: "Portfolio of Dennis Thiessen - IT Software Development Freelancer"
   },
   plugins: [
     'gatsby-plugin-react-helmet',
diff --git a/src/assets/images/avatar.jpg b/src/assets/images/avatar.jpg
index d33607e..dfb4d7b 100644
Binary files a/src/assets/images/avatar.jpg and b/src/assets/images/avatar.jpg differ
diff --git a/src/assets/images/fulls/01.jpg b/src/assets/images/fulls/01.jpg
index e3a54be..ef5a0cc 100644
Binary files a/src/assets/images/fulls/01.jpg and b/src/assets/images/fulls/01.jpg differ
diff --git a/src/assets/images/fulls/02.jpg b/src/assets/images/fulls/02.jpg
index e2f6900..0891c23 100644
Binary files a/src/assets/images/fulls/02.jpg and b/src/assets/images/fulls/02.jpg differ
diff --git a/src/assets/images/fulls/03.jpg b/src/assets/images/fulls/03.jpg
index be8b00a..ee700ef 100644
Binary files a/src/assets/images/fulls/03.jpg and b/src/assets/images/fulls/03.jpg differ
diff --git a/src/assets/images/fulls/04.jpg b/src/assets/images/fulls/04.jpg
index fdf9671..32f18bc 100644
Binary files a/src/assets/images/fulls/04.jpg and b/src/assets/images/fulls/04.jpg differ
diff --git a/src/assets/images/fulls/05.jpg b/src/assets/images/fulls/05.jpg
index 62bdb2e..4673b12 100644
Binary files a/src/assets/images/fulls/05.jpg and b/src/assets/images/fulls/05.jpg differ
diff --git a/src/assets/images/fulls/06.jpg b/src/assets/images/fulls/06.jpg
index e0a7da3..b91cc30 100644
Binary files a/src/assets/images/fulls/06.jpg and b/src/assets/images/fulls/06.jpg differ
diff --git a/src/assets/images/fulls/07.jpg b/src/assets/images/fulls/07.jpg
new file mode 100644
index 0000000..c1fd98b
Binary files /dev/null and b/src/assets/images/fulls/07.jpg differ
diff --git a/src/assets/images/thumbs/01.jpg b/src/assets/images/thumbs/01.jpg
index 1cdbef9..58bc210 100644
Binary files a/src/assets/images/thumbs/01.jpg and b/src/assets/images/thumbs/01.jpg differ
diff --git a/src/assets/images/thumbs/02.jpg b/src/assets/images/thumbs/02.jpg
index 65bdef5..7fe614d 100644
Binary files a/src/assets/images/thumbs/02.jpg and b/src/assets/images/thumbs/02.jpg differ
diff --git a/src/assets/images/thumbs/03.jpg b/src/assets/images/thumbs/03.jpg
index 370a168..fcd1532 100644
Binary files a/src/assets/images/thumbs/03.jpg and b/src/assets/images/thumbs/03.jpg differ
diff --git a/src/assets/images/thumbs/04.jpg b/src/assets/images/thumbs/04.jpg
index e97cff7..9f8b1fe 100644
Binary files a/src/assets/images/thumbs/04.jpg and b/src/assets/images/thumbs/04.jpg differ
diff --git a/src/assets/images/thumbs/05.jpg b/src/assets/images/thumbs/05.jpg
index 1a397f6..f5b2b6c 100644
Binary files a/src/assets/images/thumbs/05.jpg and b/src/assets/images/thumbs/05.jpg differ
diff --git a/src/assets/images/thumbs/06.jpg b/src/assets/images/thumbs/06.jpg
index 9fdcaba..d965424 100644
Binary files a/src/assets/images/thumbs/06.jpg and b/src/assets/images/thumbs/06.jpg differ
diff --git a/src/assets/images/thumbs/07.jpg b/src/assets/images/thumbs/07.jpg
new file mode 100644
index 0000000..3955db1
Binary files /dev/null and b/src/assets/images/thumbs/07.jpg differ
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 717af63..a16cff1 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -304,6 +304,10 @@
 		}
 	}
 
+	.displayErrors input:invalid {
+	  border-color: #f73772;
+	}
+
 	input[type="text"],
 	input[type="password"],
 	input[type="email"],
@@ -1500,4 +1504,30 @@
 	.\34 u24 {
 		width: 100%;
 	}
+}
+
+@keyframes bounce {
+  from, 20%, 53%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    transform: translate3d(0,-4px,0);
+  }
+}
+
+.bounce {
+  animation: bounce 0.5s;
+  transform-origin: center bottom;
 }
\ No newline at end of file
diff --git a/src/components/Footer.js b/src/components/Footer.js
index 3c8998e..157cba7 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -6,10 +6,9 @@ class Footer extends React.Component {
             <div id="footer">
                 <div className="inner">
                     <ul className="icons">
-                        <li><a href="#" className="icon fa-twitter"><span className="label">Twitter</span></a></li>
-                        <li><a href="#" className="icon fa-github"><span className="label">Github</span></a></li>
-                        <li><a href="#" className="icon fa-dribbble"><span className="label">Dribbble</span></a></li>
-                        <li><a href="#" className="icon fa-envelope-o"><span className="label">Email</span></a></li>
+			<li><a href="#" className="icon fa-gitlab"><span className="label">Github</span></a></li>
+                        <li><a href="https://www.linkedin.com/in/dennis-thiessen" className="icon fa-linkedin"><span className="label">Linkedin</span></a></li>
+                        <li><a href="mailto:dennis@thiessen.io" className="icon fa-envelope-o"><span className="label">Email</span></a></li>
                     </ul>
                     <ul className="copyright">
                         <li>&copy; Gatsby Starter Strata</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
diff --git a/src/components/Gallery.js b/src/components/Gallery.js
index 0bbaddf..a8184b6 100644
--- a/src/components/Gallery.js
+++ b/src/components/Gallery.js
@@ -64,7 +64,7 @@ class Gallery extends Component {
                         href={obj.src}
                         onClick={(e) => this.openLightbox(i, e)}
                     >
-                        <img src={obj.thumbnail} />
+                        <img src={obj.thumbnail} alt={obj.caption}/>
                     </a>
 
                     <h3>{obj.caption}</h3>
diff --git a/src/components/Header.js b/src/components/Header.js
index d2992a1..a40a99d 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -8,10 +8,9 @@ class Header extends React.Component {
         return (
             <header id="header">
                 <div className="inner">
-                    <a href="#" className="image avatar"><img src={avatar} alt="" /></a>
-                    <h1><strong>I am Strata</strong>, a super simple<br />
-                    responsive site template freebie<br />
-                    crafted by <a href="http://html5up.net">HTML5 UP</a>.</h1>
+                    <a href="#" className="image avatar"><img src={avatar} alt="Dennis Thießen" /></a>
+                    <h1><strong>I&apos;m Dennis Thießen</strong>, a Hamburg-based <br />
+                    freelance software developer.</h1>
                 </div>
                 <Footer />
             </header>
diff --git a/src/pages/index.js b/src/pages/index.js
index 496a2e2..d9178fa 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -11,6 +11,7 @@ import thumb03 from '../assets/images/thumbs/03.jpg'
 import thumb04 from '../assets/images/thumbs/04.jpg'
 import thumb05 from '../assets/images/thumbs/05.jpg'
 import thumb06 from '../assets/images/thumbs/06.jpg'
+import thumb07 from '../assets/images/thumbs/07.jpg'
 
 import full01 from '../assets/images/fulls/01.jpg'
 import full02 from '../assets/images/fulls/02.jpg'
@@ -18,14 +19,16 @@ import full03 from '../assets/images/fulls/03.jpg'
 import full04 from '../assets/images/fulls/04.jpg'
 import full05 from '../assets/images/fulls/05.jpg'
 import full06 from '../assets/images/fulls/06.jpg'
+import full07 from '../assets/images/fulls/07.jpg'
 
 const DEFAULT_IMAGES = [
-    { id: '1', src: full01, thumbnail: thumb01, caption: 'Photo 1', description: 'Lorem ipsum dolor sit amet nisl sed nullam feugiat.'},
-    { id: '2', src: full02, thumbnail: thumb02, caption: 'Photo 2', description: 'Lorem ipsum dolor sit amet nisl sed nullam feugiat.'},
-    { id: '3', src: full03, thumbnail: thumb03, caption: 'Photo 3', description: 'Lorem ipsum dolor sit amet nisl sed nullam feugiat.'},
-    { id: '4', src: full04, thumbnail: thumb04, caption: 'Photo 4', description: 'Lorem ipsum dolor sit amet nisl sed nullam feugiat.'},
-    { id: '5', src: full05, thumbnail: thumb05, caption: 'Photo 5', description: 'Lorem ipsum dolor sit amet nisl sed nullam feugiat.'},
-    { id: '6', src: full06, thumbnail: thumb06, caption: 'Photo 6', description: 'Lorem ipsum dolor sit amet nisl sed nullam feugiat.'}
+    { id: '6', src: full06, thumbnail: thumb06, caption: 'Fraunhofer CML, Hamburg, Germany', description: 'Currently working as Software Engineer and Research Associate with development tasks in C#, .NET and Python for workforce scheduling and machine learning.'},
+    { id: '7', src: full07, thumbnail: thumb07, caption: 'Risk.Ident, Hamburg, Germany', description: 'Worked as IT Consultant with development tasks in Scala. Applying CI & CD using Jenkins, Docker and Kubernetes as well as Google Cloud.'},
+    { id: '5', src: full05, thumbnail: thumb05, caption: 'Vizrt, Bergen, Norway', description: 'Worked as DevOps-Engineer with development tasks in Python and C++ for a backend transcoding engine. Video & Audio Output Test Automation as well as CI & CD with Jenkins.'},
+    { id: '4', src: full04, thumbnail: thumb04, caption: 'Generali, Hamburg, Germany', description: 'Worked as Software-Developer and IT Consultant for a web-based workflow application written in Java, using OracleDB while migrating from BPM Process Engine to Camunda BPM. Moreover doing a (successful) PoC with Behaviour Driven Development.'},
+    { id: '3', src: full03, thumbnail: thumb03, caption: 'Capgemini, Hamburg, Germany', description: 'Worked as Software-Developer in a multi-national distributed team for a international logistics client. Development of a package track & trace application in Java and with great focus on Test Automation.'},
+    { id: '1', src: full01, thumbnail: thumb01, caption: 'Freelance - RiskAhead.net', description: 'Side-project where I developed a native android app in Java using REST services in PHP with access to a MySQL database. Huge focus on performance and scalability.'},
+    { id: '2', src: full02, thumbnail: thumb02, caption: 'Freelance - MyIdealAd.com', description: 'Freelance side-project with process automation in ZAPIER, Python scripting, development and hosting of a Wordpress Web-Site.'}
 ];
 
 class HomeIndex extends React.Component {
@@ -37,7 +40,8 @@ class HomeIndex extends React.Component {
             lightboxIsOpen: false,
             currentImage: 0,
         };
-
+	
+	    this.handleSubmit = this.handleSubmit.bind(this);
         this.closeLightbox = this.closeLightbox.bind(this);
         this.gotoNext = this.gotoNext.bind(this);
         this.gotoPrevious = this.gotoPrevious.bind(this);
@@ -45,6 +49,44 @@ class HomeIndex extends React.Component {
         this.handleClickImage = this.handleClickImage.bind(this);
     }
 
+    handleSubmit(event) {
+    	event.preventDefault();
+    	if (!event.target.checkValidity()) {
+    		this.setState({
+        	invalid: true,
+        	displayErrors: true,
+      	});
+      	return;
+    }
+    const form = event.target;
+    const data = new FormData(form);
+
+    for (let name of data.keys()) {
+      const input = form.elements[name];
+      const parserName = input.dataset.parse;
+      console.log('parser name is', parserName);
+      if (parserName) {
+        const parsedValue = inputParsers[parserName](data.get(name))
+        data.set(name, parsedValue);
+      }
+    }
+
+    data.append('token', 'gdfgdfashdf');
+    data.append('receiver', 'dennis@thiessen.io');
+    data.append('subject', 'Contact from www.thiessen.io');
+
+    this.setState({
+    	res: stringifyFormData(data),
+      invalid: false,
+      displayErrors: false,
+    });
+
+    fetch('https://www.riskahead.net/api/v1/web/sendcustommail', {
+       method: 'POST',
+       body: data,
+     });
+    }
+
     openLightbox (index, event) {
         event.preventDefault();
         this.setState({
@@ -75,28 +117,66 @@ class HomeIndex extends React.Component {
     }
 
     render() {
-        const siteTitle = "Gatsby Starter - Strata"
-        const siteDescription = "Site description"
+        const siteTitle = "Dennis Thiessen - IT Software Development"
+        const siteDescription = "Portfolio of Dennis Thiessen - IT Software Developer"
+	    const { res, invalid, displayErrors } = this.state;
 
         return (
             <Layout>
                 <Helmet>
                         <title>{siteTitle}</title>
-                        <meta name="description" content={siteDescription} />
+                        <meta name="description" content={siteDescription}/>
+                        <html lang="en" />
+                        <meta charset="utf-8"/>
                 </Helmet>
 
                 <div id="main">
 
                     <section id="one">
                         <header className="major">
-                            <h2>Ipsum lorem dolor aliquam ante commodo<br />
-                            magna sed accumsan arcu neque.</h2>
+                            <h3>Are you looking for a freelance Full-Stack Developer / Consultant? <br />Look no more!</h3>
                         </header>
-                        <p>Accumsan orci faucibus id eu lorem semper. Eu ac iaculis ac nunc nisi lorem vulputate lorem neque cubilia ac in adipiscing in curae lobortis tortor primis integer massa adipiscing id nisi accumsan pellentesque commodo blandit enim arcu non at amet id arcu magna. Accumsan orci faucibus id eu lorem semper nunc nisi lorem vulputate lorem neque cubilia.</p>
-                        <ul className="actions">
-                            <li><a href="#" className="button">Learn More</a></li>
+                        <p>I&apos;m a <b>Software Developer</b> and <b>IT Consultant</b> who has work experience in <b>Java</b>, <b>C#</b> and <b>Python</b>. I did multiple projects for various companies and below you can find a short resume and project portfolio. 
+                        If you are looking for a passionate <b>IT Freelancer</b>, don&apos;t hesitate to contact me. I mostly work in the D-A-CH area but I am also available for international remote work.</p>
+                    
+                		<p>Here is a short enumeration of my skills & tools. Further below you can find the project & companies I have worked with. For a full CV, or if you need further information, just contact me.</p>
+                		
+                        <p><strong>Programming &amp; Script &amp; Markup Languages: </strong></p>
+                        <ul>
+                        <li>Python</li>
+                        <li>Java, J2EE</li>
+                        <li>JavaScript</li>
+                        <li>C# &amp; .NET</li>
+                        <li>PHP</li>
+                        <li>HTML &amp; CSS</li>
+                        <li>XML &amp; JSON</li>
                         </ul>
-                    </section>
+                        <p><strong>Databases</strong>:</p>
+                        <ul>
+                        <li>MySQL</li>
+                        <li>MS SQL</li>
+                        <li>PostgreSQL</li>
+                        <li>CouchDB</li>
+                        </ul>
+                        <p><strong>Tools &amp; Frameworks:</strong></p>
+                        <ul>
+                        <li>IDEs: Eclipse, IntelliJ, Android Studio</li>
+                        <li>Versioning: git, mercurial, SVN</li>
+                        <li>Project Management: JIRA, Confluence, GitLab</li>
+                        <li>RPA: UIPath</li>
+                        <li>Test Automation: JUnit, Selenium, Serenity BDD</li>
+                        <li>Frameworks: .NET, Entity, Spring, PyMath, Pandas, TensorFlow</li>
+                        <li>Build &amp; Virtualization: Jenkins, Docker, Kubernetes</li>
+                        <li>Web: Apache, RESTless Web-Services</li>
+                        </ul>
+                        <p><strong>Spoken Languages:</strong></p>
+                        <ul>
+                        <li>German (mother tongue)</li>
+                        <li>English (Fluent)</li>
+                        <li>Russian (Basic)</li>
+                        <li>Norwegian (Intermediate)</li>
+                        </ul>
+		            </section>
 
                     <section id="two">
                         <h2>Recent Work</h2>
@@ -108,53 +188,93 @@ class HomeIndex extends React.Component {
                             description
                         }))} />
 
-                        <ul className="actions">
-                            <li><a href="#" className="button">Full Portfolio</a></li>
-                        </ul>
                     </section>
 
                     <section id="three">
-                        <h2>Get In Touch</h2>
-                        <p>Accumsan pellentesque commodo blandit enim arcu non at amet id arcu magna. Accumsan orci faucibus id eu lorem semper nunc nisi lorem vulputate lorem neque lorem ipsum dolor.</p>
+                        <h2>Send request</h2>
+                        <p>You can contact me via this contact form. <br />I will get in touch with you <b>ASAP</b>.</p>
                         <div className="row">
                             <div className="8u 12u$(small)">
-                                <form method="post" action="#">
+                                <form onSubmit={this.handleSubmit} noValidate className={displayErrors ? 'displayErrors' : ''}>
                                     <div className="row uniform 50%">
-                                        <div className="6u 12u$(xsmall)"><input type="text" name="name" id="name" placeholder="Name" /></div>
-                                        <div className="6u 12u$(xsmall)"><input type="email" name="email" id="email" placeholder="Email" /></div>
-                                        <div className="12u"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
+                                        <div className="6u 12u$(xsmall)"><input type="text" name="name" id="name" placeholder="Name" required/></div>
+                                        <div className="6u 12u$(xsmall)"><input type="email" name="email" id="email" placeholder="Email" required/></div>
+                                        <div className="12u"><textarea name="text" id="text" placeholder="Message" rows="4" required></textarea></div>
                                     </div>
-                                </form>
                                 <ul className="actions">
-                                    <li><input type="submit" value="Send Message" /></li>
+                                    <br />
+                                   <li><input type="submit" value="Send Message" /></li>
                                 </ul>
+		    		            </form>
+
+                                <div className="res-block">
+                                  {invalid && (
+                                    <ShakingError text="Form is not valid, please check your input." />
+                                  )}
+                                  {!invalid && res && (
+                                    <ShakingError text="Message sent successfully." />
+                                  )}
+                                </div>
                             </div>
+
+                            
+
+
                             <div className="4u 12u$(small)">
                                 <ul className="labeled-icons">
                                     <li>
                                         <h3 className="icon fa-home"><span className="label">Address</span></h3>
-                                        1234 Somewhere Rd.<br />
-                                        Nashville, TN 00000<br />
-                                        United States
+                                        Hamburg-Area<br />
+                                        Germany
                                     </li>
                                     <li>
                                         <h3 className="icon fa-mobile"><span className="label">Phone</span></h3>
-                                        000-000-0000
+                                        (on request)
                                     </li>
                                     <li>
                                         <h3 className="icon fa-envelope-o"><span className="label">Email</span></h3>
-                                        <a href="#">hello@untitled.tld</a>
+                                        <a href="mailto:dennis@thiessen.io">dennis@thiessen.io</a>
                                     </li>
                                 </ul>
                             </div>
                         </div>
                     </section>
 
-                </div>
+                    
 
+                </div>
             </Layout>
         )
     }
 }
 
-export default HomeIndex
\ No newline at end of file
+const inputParsers = {
+  uppercase(input) {
+    return input.toUpperCase();
+  },
+  number(input) {
+    return parseFloat(input);
+  },
+};
+
+class ShakingError extends React.Component {
+	constructor() { super(); this.state = { key: 0 }; }
+
+	componentWillReceiveProps() {
+  	this.setState({ key: ++this.state.key });
+  }
+  
+  render() {
+  	return <div key={this.state.key} className="bounce">{this.props.text}</div>;
+  }
+}
+
+function stringifyFormData(fd) {
+  const data = {};
+	for (let key of fd.keys()) {
+  	data[key] = fd.get(key);
+  }
+  return JSON.stringify(data, null, 2);
+}
+
+export default HomeIndex