diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index f20eb78..8c7d042 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -19,9 +19,6 @@ theme = "hyde-hyde"
     highlightjs = true
     highlightjsstyle = "github"
     # please choose either GraphComment or Disqus
-    # GraphCommentId = "your-graph-comment-id"
-    # layoutReverse = true
-    # sidebarSticky = true
 
 ## Social Accounts
 [params.social]
@@ -40,8 +37,13 @@ theme = "hyde-hyde"
     weight = 100
     identifier = "posts"
     url = "/posts/"
+[[menu.main]]
+    name = "Portfolio"
+    identifier = "portfolio"
+    weight = 200
+    url = "/portfolio/"
 [[menu.main]]
     name = "About"
     identifier = "about"
-    weight = 200
+    weight = 300
     url = "/about/"
diff --git a/exampleSite/content/portfolio/_index.md b/exampleSite/content/portfolio/_index.md
new file mode 100644
index 0000000..716316c
--- /dev/null
+++ b/exampleSite/content/portfolio/_index.md
@@ -0,0 +1,3 @@
+---
+title: 'Projects'
+---
diff --git a/exampleSite/content/portfolio/dera.md b/exampleSite/content/portfolio/dera.md
new file mode 100644
index 0000000..3314f1e
--- /dev/null
+++ b/exampleSite/content/portfolio/dera.md
@@ -0,0 +1,10 @@
+---
+title: "DERA"
+description: "Dynamic Event-Driven Actors"
+link: https://github.com/htr3n/dera
+screenshot: dera.png
+date: '2018-06-21'
+layout: 'portfolio'
+---
+
+This is a Java reference implementation of dynamic event-driven actors runtime aiming at providing adequate abstraction levels and mechanisms for modelling and developing (distributed) event-based systems. DERA leverages the intrinsic loose coupling of event-driven communication styles to support various kinds of _run-time evolution and adaptation_ (i.e., enabling run-time flexibility) while _minimizing the non-deterministic nature of traditional event-based applications_ (i.e., supporting formal analysis).
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/dera.png b/exampleSite/content/portfolio/dera.png
new file mode 100644
index 0000000..aa0ccd8
Binary files /dev/null and b/exampleSite/content/portfolio/dera.png differ
diff --git a/exampleSite/content/portfolio/hyde-hyde.md b/exampleSite/content/portfolio/hyde-hyde.md
new file mode 100644
index 0000000..e3b9936
--- /dev/null
+++ b/exampleSite/content/portfolio/hyde-hyde.md
@@ -0,0 +1,11 @@
+---
+title: "hyde-hyde"
+description: "A simple and cool Hugo theme"
+date: '2018-01-27'
+link: 'https://github.com/htr3n/hyde-hyde'
+screenshot: 'hyde-hyde.png'
+layout: 'portfolio'
+featured: 'true'
+---
+
+[_Hyde-hyde_](https://github.com/htr3n/hyde-hyde) is a responsive [Hugo](https://gohugo.io) theme inspired by @spf13's [Hyde](https://github.com/spf13/hyde.git) and its variant [Nate Finch's blog](https://npf.io). It was heavily restructured with modularised page layouts for easier maintenance and modification. _Hyde-hyde_ offers awesome features such as nice colour tone, [code highlighting](https://highlightjs.org), [Font-Awesome 5's sidebar icons](https://fontawesome.com)), a cool portfolio page, more choices for commenting (e.g. [GraphComment](https://graphcomment.com), [Disqus](https://disqus.com)).
diff --git a/exampleSite/content/portfolio/hyde-hyde.png b/exampleSite/content/portfolio/hyde-hyde.png
new file mode 100644
index 0000000..c90b6f7
Binary files /dev/null and b/exampleSite/content/portfolio/hyde-hyde.png differ
diff --git a/exampleSite/content/portfolio/laramod.md b/exampleSite/content/portfolio/laramod.md
new file mode 100644
index 0000000..328c9eb
--- /dev/null
+++ b/exampleSite/content/portfolio/laramod.md
@@ -0,0 +1,10 @@
+---
+title: "LaraMod"
+description: "A modularised Laravel framework"
+link: https://github.com/htr3n/laramod
+screenshot: laramod.png
+date: '2018-01-19'
+layout: portfolio
+---
+
+[LaraMod](https://github.com/htr3n/laramod) is another modularisation effort to systematically organising a [Laravel](https://laravel.com) based project. The idea stems from my struggle to structure a Laravel-based project so that I can work effectively on individual modules whilst keeping Laravel codebase intact as much as possible and also keeping the project's codebase separate from Laravel.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/laramod.png b/exampleSite/content/portfolio/laramod.png
new file mode 100644
index 0000000..cac4851
Binary files /dev/null and b/exampleSite/content/portfolio/laramod.png differ