diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
new file mode 100644
index 0000000..69015df
--- /dev/null
+++ b/src/components/TitleBlock.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="bg-grey-lighter px-4 py-5 border-b-2 border-grey flex justify-between items-center">
+    <div class="w-full md:w-auto flex flex-col">
+      <slot name="left"></slot>
+    </div>
+
+    <slot name="right"></slot>
+  </div>
+</template>
diff --git a/src/main.js b/src/main.js
index 3558060..56df248 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,10 +7,12 @@ Vue.config.productionTip = false
 import HeaderButtons from '@/components/HeaderButtons'
 import Sidebar from '@/components/Sidebar'
 import Navbar from '@/components/Navbar'
+import TitleBlock from '@/components/TitleBlock'
 
 Vue.component('header-buttons', HeaderButtons);
 Vue.component('navbar', Navbar);
 Vue.component('sidebar', Sidebar);
+Vue.component('title-block', TitleBlock);
 
 new Vue({
   render: h => h(App),