diff --git a/src/app/components/article-preview/article-preview.scss b/src/app/components/article-preview/article-preview.scss
index 530b3b0..78cccce 100644
--- a/src/app/components/article-preview/article-preview.scss
+++ b/src/app/components/article-preview/article-preview.scss
@@ -87,5 +87,25 @@
         }
     }
 
+    .row-height {
+        border-spacing: 20px;
+    }
+
+    .col-height {
 
+        border: 1px solid #000;
+        border-radius: 3px;
+
+        @each $category, $color in $categories {
+            .#{$category} & {
+                border-color: $color;
+            }
+        }
+
+        @media (max-width: $screen-sm){
+            display: block;
+            border: none;
+        }
+
+    }
 }
diff --git a/src/app/components/event-list/event-list.directive.js b/src/app/components/event-list/event-list.directive.js
new file mode 100644
index 0000000..5458301
--- /dev/null
+++ b/src/app/components/event-list/event-list.directive.js
@@ -0,0 +1,54 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('dialoga')
+    .directive('eventList', eventList);
+
+  /** @ngInject */
+  function eventList() {
+    /** @ngInject */
+    function EventListController($scope, $rootScope, $state, $log) {
+      $log.debug('EventListController');
+
+      var vm = this;
+
+      vm.$scope = $scope;
+      vm.$rootScope = $rootScope;
+      vm.$state = $state;
+      vm.$log = $log;
+
+      vm.init();
+    }
+
+    EventListController.prototype.init = function () {
+      var vm = this;
+
+      vm.eventList = [];
+      vm.isListVisible = false;
+    };
+
+    EventListController.prototype.toggleView = function () {
+      var vm = this;
+
+      if(vm.isListVisible) {
+        // animate hide
+      } else {
+        // animate show
+      }
+
+      vm.isListVisible = !vm.isListVisible;
+    };
+
+    var directive = {
+      restrict: 'E',
+      templateUrl: 'app/components/event-list/event-list.html',
+      controller: EventListController,
+      controllerAs: 'eventListCtrl',
+      bindToController: true
+    };
+
+    return directive;
+
+  }
+})();
diff --git a/src/app/components/event-list/event-list.html b/src/app/components/event-list/event-list.html
new file mode 100644
index 0000000..6f42e7d
--- /dev/null
+++ b/src/app/components/event-list/event-list.html
@@ -0,0 +1,35 @@
+<div class="event-list">
+  <div class="event-tab--trigger" ng-click="eventListCtrl.toggleView()">
+    <div class="event-tab--header">
+      <div class="event-tab--icon">
+        <span class="glyphicon glyphicon-calendar" arria-hidden="true"></span>
+      </div>
+      <div class="event-tab--title">Bate-Papo com ministr@s</div>
+    </div>
+    <button class="btn btn-link event-tab--button">
+      <span>18 bate-papos agendados</span>
+      <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
+    </button>
+  </div>
+
+  <div class="event-list--panel ng-hide" ng-show="eventListCtrl.isListVisible">
+    <div class="event-list--header">
+      <div class="event-list--icon">
+        <div class="glyphicon glyphicon-calendar" aria-hidden="true"></div>
+      </div>
+      <h2 class="event-list--title">
+        Bate-papo com ministr@s
+      </h2>
+      <div class="event-list--minimize">
+        <button type="button" class="btn btn-link" ng-click="eventListCtrl.toggleView()">
+          <span>Minimizar</span>
+          <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
+        </button>
+      </div>
+    </div>
+    <div class="event-list--table-wrapper">
+      <table class="event-list--table">
+      </table>
+    </div>
+  </div>
+</div>
diff --git a/src/app/components/event-list/event-list.scss b/src/app/components/event-list/event-list.scss
new file mode 100644
index 0000000..76140d1
--- /dev/null
+++ b/src/app/components/event-list/event-list.scss
@@ -0,0 +1,68 @@
+.event-list {
+    position: relative;
+    background-color: #eee;
+
+    .event-list--panel {
+        height: 400px;
+        border: 1px solid #333;
+        padding: 20px;
+
+        -webkit-transition: 0.5s linear all;
+        -moz-transition: 0.5s linear all;
+        -o-transition: 0.5s linear all;
+        transition: 0.5s linear all;
+
+        &.ng-hide {
+            height: 0px;
+        }
+
+        .event-list--header {
+            border-bottom: 1px solid #333;
+        }
+
+        .event-list--icon {
+            font-size: 25px;
+            display: inline-block;
+        }
+
+        .event-list--title {
+            margin: 0 10px;
+            display: inline-block;
+        }
+
+        .event-list--minimize {
+            display: inline-block;
+            float: right;
+            width: 100px;
+        }
+    }
+
+    .event-tab--trigger {
+        $event-tab-height: 130px;
+        width: 150px;
+        height: $event-tab-height;
+        position: absolute;
+        right: 0;
+        top: -$event-tab-height;
+        padding: 5px;
+        background-color: #eee;
+        border: 1px solid #333;
+
+        text-align: center;
+    }
+
+    .event-tab--icon {
+        font-size: 25px;
+    }
+    .event-tab--title {
+        font-weight: bold;
+    }
+
+    .event-tab--button {
+        font-size: 12px;
+        margin: 10px 0 0 0;
+        padding: 0;
+        width: 100%;
+        white-space: normal;
+    }
+}
diff --git a/src/app/layout.scss b/src/app/layout.scss
index d8a54b4..1b95f90 100644
--- a/src/app/layout.scss
+++ b/src/app/layout.scss
@@ -3,7 +3,6 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-    border-spacing: 20px;
 
     @media (max-width: $screen-sm) {
         display: block;
@@ -23,20 +22,10 @@
     float: none;
     height: 100%;
     vertical-align: top;
+}
 
-    border: 1px solid #000;
-    border-radius: 3px;
-
-    @each $category, $color in $categories {
-        .#{$category} & {
-            border-color: $color;
-        }
-    }
-
-    @media (max-width: $screen-sm){
-        display: block;
-        border: none;
-    }
+.col-height--align-bottom {
+    vertical-align: bottom;
 }
 
 .inside {
diff --git a/src/app/pages/inicio/inicio.html b/src/app/pages/inicio/inicio.html
index dfd3afb..c5cf8b2 100644
--- a/src/app/pages/inicio/inicio.html
+++ b/src/app/pages/inicio/inicio.html
@@ -1,15 +1,25 @@
-<section class="container video-wrapper" role="main">
-  <div class="video-player js-youtube">
-    <div class="embed-responsive embed-responsive-16by9">
-      <div class="js-iframe" ng-show="pageInicio.content" ng-bind-html="pageInicio.content"></div>
-      <div class="video-background" ng-click="pageInicio.showVideo()">
-        <div class="video-thumbnail" style="background-image:url(/assets/images/youtube-background.png)"></div>
-        <button class="video-play-button" aria-live="assertive" aria-label="Assistir o vídeo tutorial Dialoga Brasil">
-          <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path class="ytp-play-button-bg" d="m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z" fill="#1f1f1e" fill-opacity="0.9"></path><path d="m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z" fill="#fff"></path><path d="M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z" fill="#ccc"></path></svg>
-        </button>
+<section class="container" role="main">
+  <div class="row">
+    <div class="col-sm-10 col-sm-offset-1">
+      <div class="video-wrapper">
+        <div class="video-player js-youtube">
+          <div class="embed-responsive embed-responsive-16by9">
+            <div class="js-iframe" ng-show="pageInicio.content" ng-bind-html="pageInicio.content"></div>
+            <div class="video-background" ng-click="pageInicio.showVideo()">
+              <div class="video-thumbnail" style="background-image:url(/assets/images/youtube-background.png)"></div>
+              <button class="video-play-button" aria-live="assertive" aria-label="Assistir o vídeo tutorial Dialoga Brasil">
+                <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path class="ytp-play-button-bg" d="m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z" fill="#1f1f1e" fill-opacity="0.9"></path><path d="m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z" fill="#fff"></path><path d="M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z" fill="#ccc"></path></svg>
+              </button>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
+  <!-- <div class="js-event-wrapper hide" ng-show="inicio.eventListIsVisible"> -->
+  <div class="js-event-wrapper">
+    <event-list></event-list>
+  </div>
 </section>
 
 <section class="info-section" ng-if="pageInicio.loading || pageInicio.error">
diff --git a/src/app/pages/inicio/inicio.scss b/src/app/pages/inicio/inicio.scss
index 9b9d76e..a76bb92 100644
--- a/src/app/pages/inicio/inicio.scss
+++ b/src/app/pages/inicio/inicio.scss
@@ -12,7 +12,7 @@
 }
 
 .video-wrapper {
-  margin-bottom: 30px;
+  // margin-bottom: 30px;
 }
 
 .video-player {
--
libgit2 0.21.2