diff --git a/pages/chats/_calls/2col.en.md b/pages/chats/_calls/2col.en.md
new file mode 100644
index 00000000..8a47d336
--- /dev/null
+++ b/pages/chats/_calls/2col.en.md
@@ -0,0 +1,20 @@
+---
+title: Calls
+bgcolor: '#FFF'
+fontcolor: '#1F5C60'
+body_classes: modular
+wider_column: left
+---
+
+# Jitsi Calls
+### Audio/video conference calls.
+
+Disroot's Calls service is a videoconferencing software, powered by **Jitsi-Meet**. It provides you high quality video and audio conferences, with as many partners as you want. It also allows to stream your desktop or only some windows to other participants in the call.
+
+<a class="button button2" href="https://calls.disroot.org/">Start a conference</a>
+
+---
+
+<br><br>
+![jitsi_screenshot](jitsi.png?lightbox=1024)
+
diff --git a/pages/chats/_calls/jitsi.png b/pages/chats/_calls/jitsi.png
new file mode 100644
index 00000000..8cf64738
Binary files /dev/null and b/pages/chats/_calls/jitsi.png differ
diff --git a/pages/chats/_calls/jitsi_logo.png b/pages/chats/_calls/jitsi_logo.png
new file mode 100644
index 00000000..cadef65e
Binary files /dev/null and b/pages/chats/_calls/jitsi_logo.png differ
diff --git a/pages/chats/_chat-intro/2col.en.md b/pages/chats/_chat-intro/2col.en.md
new file mode 100644
index 00000000..ccf4c24e
--- /dev/null
+++ b/pages/chats/_chat-intro/2col.en.md
@@ -0,0 +1,14 @@
+---
+title: Email
+bgcolor: '#1F5C60'
+fontcolor: '#FFF'
+body_classes: modular
+wider_column: right
+---
+
+<br><br><br>
+## Chat
+
+**Disroot** provides several different chat and conference services...
+
+---
diff --git a/pages/chats/_delta-chat/2col.en.md b/pages/chats/_delta-chat/2col.en.md
new file mode 100644
index 00000000..5eb6ce9a
--- /dev/null
+++ b/pages/chats/_delta-chat/2col.en.md
@@ -0,0 +1,21 @@
+---
+title: Deltachat
+bgcolor: '#FFF'
+fontcolor: '#1F5C60'
+body_classes: modular
+wider_column: left
+---
+
+# Delta Chat
+
+### Messaging over e-mail. 
+
+Delta Chat is an end-to-end encrypted messaging app that works over e-mail. Message anyone with an e-mail addres even if they don't use Delta Chat.
+
+To know more about visit Delta Chat's [website](https://delta.chat).
+
+---
+
+<br>
+![deltachat_screenshot](deltachat_screen.png?lightbox=1024)
+
diff --git a/pages/chats/_delta-chat/deltachat.png b/pages/chats/_delta-chat/deltachat.png
new file mode 100644
index 00000000..f7693cc8
Binary files /dev/null and b/pages/chats/_delta-chat/deltachat.png differ
diff --git a/pages/chats/_delta-chat/deltachat_screen.png b/pages/chats/_delta-chat/deltachat_screen.png
new file mode 100644
index 00000000..66fcf1ac
Binary files /dev/null and b/pages/chats/_delta-chat/deltachat_screen.png differ
diff --git a/pages/chats/_mumble/2col.en.md b/pages/chats/_mumble/2col.en.md
new file mode 100644
index 00000000..351e48e7
--- /dev/null
+++ b/pages/chats/_mumble/2col.en.md
@@ -0,0 +1,20 @@
+---
+title: Audio
+bgcolor: '#FFF'
+fontcolor: '#1F5C60'
+body_classes: modular
+wider_column: right
+---
+
+<br>
+![mumble_screenshot](mumble_screen.png?lightbox=1024)
+
+---
+
+# Mumble.
+
+### Audio conference calls. 
+
+Mumble is a free, open source, low latency, high quality voice chat application. It was originally intended for gamers, but it can be use to organize audio conferences and meetings.
+
+<a class="button button1" href="https://mumble.disroot.org/">Connect</a>
diff --git a/pages/chats/_mumble/mumble.png b/pages/chats/_mumble/mumble.png
new file mode 100644
index 00000000..ef067834
Binary files /dev/null and b/pages/chats/_mumble/mumble.png differ
diff --git a/pages/chats/_mumble/mumble_screen.png b/pages/chats/_mumble/mumble_screen.png
new file mode 100644
index 00000000..0004a76b
Binary files /dev/null and b/pages/chats/_mumble/mumble_screen.png differ
diff --git a/pages/chats/_nextcloud-talk/2col.en.md b/pages/chats/_nextcloud-talk/2col.en.md
new file mode 100644
index 00000000..b98ecead
--- /dev/null
+++ b/pages/chats/_nextcloud-talk/2col.en.md
@@ -0,0 +1,21 @@
+---
+title: 'Talk'
+bgcolor: '#FFF'
+fontcolor: '#1F5C60'
+text_align: left
+wider_column: right
+---
+
+<br><br>
+![](en/call-in-action.png?lightbox=1024)
+
+---
+
+# Nextcloud Talk
+### Audio/video conference calls. 
+
+Securely communicate with your friends and family using rich audio and video from your browser. All calls are peer 2 peer.
+
+You can create a public link that you can share with people that don't have a **Nextcloud** account.
+
+<a class="button button2" href="https://cloud.disroot.org/apps/spreed/">Talk</a>
diff --git a/pages/chats/_nextcloud-talk/en/call-in-action.png b/pages/chats/_nextcloud-talk/en/call-in-action.png
new file mode 100644
index 00000000..a8666663
Binary files /dev/null and b/pages/chats/_nextcloud-talk/en/call-in-action.png differ
diff --git a/pages/chats/_nextcloud-talk/en/talk_logo.png b/pages/chats/_nextcloud-talk/en/talk_logo.png
new file mode 100644
index 00000000..4351bdb5
Binary files /dev/null and b/pages/chats/_nextcloud-talk/en/talk_logo.png differ
diff --git a/pages/chats/_nextcloud-talk/nextcloud-calls.png b/pages/chats/_nextcloud-talk/nextcloud-calls.png
new file mode 100644
index 00000000..f8bd63a7
Binary files /dev/null and b/pages/chats/_nextcloud-talk/nextcloud-calls.png differ
diff --git a/pages/chats/_xmpp/2col.en.md b/pages/chats/_xmpp/2col.en.md
new file mode 100644
index 00000000..24db114f
--- /dev/null
+++ b/pages/chats/_xmpp/2col.en.md
@@ -0,0 +1,20 @@
+---
+title: XMPP
+bgcolor: '#FFF'
+fontcolor: '#1F5C60'
+body_classes: modular
+wider_column: left
+---
+
+# XMPP
+### Decentralized and Federated Instant Messaging.
+
+Communicate using an open and federated chat protocol, with the ability to encrypt your communication. With XMPP you are not bound to one service provider (e.g. Disroot server) but can freely communicate with contacts from other Xmpp/Jabber [servers](https://compliance.conversations.im/), just like you would communicate between different email servers.
+
+<a class="button button2" href="https://webchat.disroot.org">Chat</a>
+
+---
+
+<br>
+![xmpp_conversations_client](conversations.png?lightbox=1024)
+
diff --git a/pages/chats/_xmpp/conversations.png b/pages/chats/_xmpp/conversations.png
new file mode 100644
index 00000000..6e1aa7ab
Binary files /dev/null and b/pages/chats/_xmpp/conversations.png differ
diff --git a/pages/chats/_xmpp/xmpp_logo.png b/pages/chats/_xmpp/xmpp_logo.png
new file mode 100644
index 00000000..ecf0497a
Binary files /dev/null and b/pages/chats/_xmpp/xmpp_logo.png differ
diff --git a/pages/chats/chat-overview/services.en.md b/pages/chats/chat-overview/services.en.md
new file mode 100644
index 00000000..54eb6474
--- /dev/null
+++ b/pages/chats/chat-overview/services.en.md
@@ -0,0 +1,43 @@
+---
+title: Chat Overview
+section_id: chats
+bgcolor: '#FFF'
+fontcolor: '#555'
+text_align: left
+services:
+    -
+        title: XMPP Chat  
+        icon: xmpp.png
+        link: 'https://webchat.disroot.org'
+        text: "Decentralized instant messaging."
+        button: 'https://howto.disroot.org/en/tutorials/chat'
+        buttontext: "Learn more"
+    -
+        title: Nextcloud Talk
+        icon: cloud.png
+        link: 'https://cloud.disroot.org/apps/spreed/'
+        text: "??"
+        button: 'https://howto.disroot.org/en/tutorials/cloud/apps/talk/web'
+        buttontext: "Learn more"
+    -
+        title: 'Calls'
+        icon: calls.png
+        link: 'https://calls.disroot.org'
+        text: "A videoconferencing tool."
+        button: 'https://disroot.org/services/calls'
+        buttontext: "Learn more"
+    -
+        title: 'Audio'
+        icon: mumble.png
+        link: 'https://mumble.disroot.org'
+        text: "A low latency, high quality voice chat application."
+        button: 'https://howto.disroot.org/en/tutorials/office/mumble'
+        buttontext: "Learn more"
+    -
+        title: 'Delat chat'
+        icon: email.png
+        link: 'https://disroot.org/services/delta'
+        text: "??"
+        button: ''
+        buttontext: "Learn more"
+---
diff --git a/pages/chats/green-bar/fullbar.en.md b/pages/chats/green-bar/fullbar.en.md
new file mode 100644
index 00000000..722df717
--- /dev/null
+++ b/pages/chats/green-bar/fullbar.en.md
@@ -0,0 +1,8 @@
+---
+title: 'Green bar'
+bgcolor: '#8EB726'
+fontcolor: '#FFF'
+text_align: center
+---
+
+<br>
diff --git a/pages/chats/modular.en.md b/pages/chats/modular.en.md
new file mode 100644
index 00000000..dd950ff1
--- /dev/null
+++ b/pages/chats/modular.en.md
@@ -0,0 +1,18 @@
+---
+title: Disroot Chats
+bgcolor: '#fff'
+content:
+    items: '@self.modular'
+    order:
+        by: default
+        dir: asc
+        custom:
+            - _chat-intro
+            - _xmpp
+            - _nextcloud-talk
+            - _calls
+            - _mumble
+            - _delta-chat
+body_classes: modular
+header_image: 'none'
+---