diff --git a/data/projects.json b/data/projects.json
index 1859ec3..bca86c1 100644
--- a/data/projects.json
+++ b/data/projects.json
@@ -3,6 +3,10 @@
     "title": "Ocean Protocol",
     "slug": "oceanprotocol",
     "img": "oceanprotocol",
+    "img_more": [
+      "oceanprotocol01",
+      "oceanprotocol02"
+    ],
     "links": {
       "Link": "https://oceanprotocol.com"
     },
@@ -22,6 +26,10 @@
     "title": "IPDB",
     "slug": "ipdb",
     "img": "ipdb",
+    "img_more": [
+      "ipdb01",
+      "ipdb02"
+    ],
     "links": {
       "Link": "https://ipdb.io",
       "GitHub": "https://github.com/ipdb/website"
@@ -80,7 +88,8 @@
     "img": "bigchaindb",
     "img_more": [
       "bigchaindb01",
-      "bigchaindb02"
+      "bigchaindb02",
+      "bigchaindb03"
     ],
     "links": {
       "Link": "https://www.bigchaindb.com",
diff --git a/src/components/molecules/Header.js b/src/components/molecules/Header.js
index e5ddd7b..20c6ae2 100644
--- a/src/components/molecules/Header.js
+++ b/src/components/molecules/Header.js
@@ -1,8 +1,9 @@
-import React from 'react'
+import React, { Fragment } from 'react'
 import Link from 'gatsby-link'
 import PropTypes from 'prop-types'
-import Social from './Social'
+import FadeIn from '../atoms/FadeIn'
 import { Logo } from '../atoms/Icons'
+import Social from './Social'
 import './Header.scss'
 
 const Header = ({ meta, isHomepage }) => {
@@ -10,13 +11,16 @@ const Header = ({ meta, isHomepage }) => {
 
   return (
     <header className={classes}>
-      <Link className="header__name" to={'/'}>
-        <Logo className="header__logo" />
-        <h1 className="header__title">{meta.title.toLowerCase()}</h1>
-        <p className="header__description"><span>{'{ '}</span> {meta.tagline.toLowerCase()} <span>{' }'}</span></p>
-      </Link>
-
-      <Social meta={meta} minimal={!isHomepage} hide={!isHomepage} />
+      <FadeIn>
+        <Fragment>
+          <Link className="header__name" to={'/'}>
+            <Logo className="header__logo" />
+            <h1 className="header__title">{meta.title.toLowerCase()}</h1>
+            <p className="header__description"><span>{'{ '}</span> {meta.tagline.toLowerCase()} <span>{' }'}</span></p>
+          </Link>
+          <Social meta={meta} minimal={!isHomepage} hide={!isHomepage} />
+        </Fragment>
+      </FadeIn>
     </header>
   )
 }
diff --git a/src/images/index.js b/src/images/index.js
index d09d46b..427425e 100644
--- a/src/images/index.js
+++ b/src/images/index.js
@@ -1,10 +1,15 @@
 import oceanprotocol from './portfolio-oceanprotocol.png'
+import oceanprotocol01 from './portfolio-oceanprotocol-01.png'
+import oceanprotocol02 from './portfolio-oceanprotocol-02.png'
 import ipdb from './portfolio-ipdb.png'
+import ipdb01 from './portfolio-ipdb-01.png'
+import ipdb02 from './portfolio-ipdb-02.png'
 import biv from './portfolio-biv.png'
 import ninenineeightfour from './portfolio-9984.png'
 import bigchaindb from './portfolio-bigchaindb.png'
 import bigchaindb01 from './portfolio-bigchaindb-01.png'
 import bigchaindb02 from './portfolio-bigchaindb-02.png'
+import bigchaindb03 from './portfolio-bigchaindb-03.png'
 import chartmogul from './portfolio-chartmogul.png'
 import chartmogul01 from './portfolio-chartmogul-01.png'
 import chartmogul02 from './portfolio-chartmogul-02.png'
@@ -22,12 +27,17 @@ import outofwhaleoil02 from './portfolio-outofwhaleoil-02.png'
 
 export default {
   oceanprotocol,
+  oceanprotocol01,
+  oceanprotocol02,
   ipdb,
+  ipdb01,
+  ipdb02,
   biv,
   ninenineeightfour,
   bigchaindb,
   bigchaindb01,
   bigchaindb02,
+  bigchaindb03,
   chartmogul,
   chartmogul01,
   chartmogul02,
diff --git a/src/images/portfolio-bigchaindb-03.png b/src/images/portfolio-bigchaindb-03.png
new file mode 100644
index 0000000..7ca0043
Binary files /dev/null and b/src/images/portfolio-bigchaindb-03.png differ
diff --git a/src/images/portfolio-ipdb-01.png b/src/images/portfolio-ipdb-01.png
new file mode 100644
index 0000000..04d843d
Binary files /dev/null and b/src/images/portfolio-ipdb-01.png differ
diff --git a/src/images/portfolio-ipdb-02.png b/src/images/portfolio-ipdb-02.png
new file mode 100644
index 0000000..1e846a3
Binary files /dev/null and b/src/images/portfolio-ipdb-02.png differ
diff --git a/src/images/portfolio-oceanprotocol-01.png b/src/images/portfolio-oceanprotocol-01.png
new file mode 100644
index 0000000..424d962
Binary files /dev/null and b/src/images/portfolio-oceanprotocol-01.png differ
diff --git a/src/images/portfolio-oceanprotocol-02.png b/src/images/portfolio-oceanprotocol-02.png
new file mode 100644
index 0000000..b7ed5eb
Binary files /dev/null and b/src/images/portfolio-oceanprotocol-02.png differ
diff --git a/src/layouts/index.js b/src/layouts/index.js
index e438880..aa677ef 100644
--- a/src/layouts/index.js
+++ b/src/layouts/index.js
@@ -6,15 +6,15 @@ import Header from '../components/molecules/Header'
 import Footer from '../components/molecules/Footer'
 import './index.scss'
 
-const TemplateWrapper = props => {
-  const meta = props.data.allDataJson.edges[0].node
-  const isHomepage = props.location.pathname === '/'
+const TemplateWrapper = ({ data, location, children }) => {
+  const meta = data.allDataJson.edges[0].node
+  const isHomepage = location.pathname === '/'
 
   return (
     <div className="app">
       <Head meta={meta} />
       <Header meta={meta} isHomepage={isHomepage} />
-      <FadeIn>{props.children()}</FadeIn>
+      <FadeIn>{children()}</FadeIn>
       <Footer meta={meta} />
     </div>
   )