diff --git a/src/app/components/app-navbar/app-navbar.html b/src/app/components/app-navbar/app-navbar.html
index dfe1c65..24f57bf 100644
--- a/src/app/components/app-navbar/app-navbar.html
+++ b/src/app/components/app-navbar/app-navbar.html
@@ -32,6 +32,7 @@
         <li ui-sref-active="active"><a ui-sref="propostas">Propostas</a></li>
         <li ui-sref-active="active"><a ui-sref="ranking">Ranking</a></li>
         <li ui-sref-active="active"><a ui-sref="duvidas">Dúvidas</a></li>
+        <li ui-sref-active="active"><a ui-sref="respostas">Respostas</a></li>
         <li role="separator" class="divider hidden-xs hidden-sm"><span>|</span></li>
         <li class="dropdown" style="border: none;">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Compartilhar <span aria-hidden="true" class="icon icon-social-share-small"></span></a>
diff --git a/src/app/index.route.js b/src/app/index.route.js
index 8736a14..4e4af65 100644
--- a/src/app/index.route.js
+++ b/src/app/index.route.js
@@ -148,6 +148,18 @@
           }
         }
       })
+      .state('respostas', {
+        url: '/respostas?tema&filtro&task',
+        reloadOnSearch: false,
+        ncyBreadcrumb: {label: 'Respostas'},
+        views: {
+          'main': {
+            templateUrl: 'app/pages/respostas/respostas.html',
+            controller: 'RespostasPageController',
+            controllerAs: 'pageRespostas'
+          }
+        }
+      })
       .state('sobre', {
         url: '/sobre',
         ncyBreadcrumb: {label: 'Sobre'},
diff --git a/src/app/pages/respostas/respostas.controller.js b/src/app/pages/respostas/respostas.controller.js
new file mode 100644
index 0000000..062119d
--- /dev/null
+++ b/src/app/pages/respostas/respostas.controller.js
@@ -0,0 +1,180 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('dialoga')
+    .controller('RespostasPageController', RespostasPageController);
+
+  /** @ngInject */
+  function RespostasPageController(DialogaService, $scope, $rootScope, $location, $filter, $log) {
+    var vm = this;
+
+    vm.DialogaService = DialogaService;
+    vm.$scope = $scope;
+    vm.$rootScope = $rootScope;
+    vm.$location = $location;
+    vm.$filter = $filter;
+    vm.$log = $log;
+
+    vm.init();
+    vm.loadData();
+    // vm.attachListeners(); // attach listeners after load data (SYNC)
+    vm.$rootScope.focusMainContent();
+
+    $log.debug('RespostasPageController');
+  }
+
+  RespostasPageController.prototype.init = function() {
+    var vm = this;
+
+    vm.page = 1;
+    vm.per_page = 10;
+    vm.themes = null;
+    vm.selectedTheme = null;
+    vm.filtredPrograms = null;
+    vm.filtredProposals = null;
+    vm.query = null;
+    vm.search = vm.$location.search();
+
+    vm.loading = null;
+    vm.error = null;
+  };
+
+  RespostasPageController.prototype.loadData = function() {
+    var vm = this;
+
+    vm.loading = true;
+
+    // Behaviour:
+    // 1. Load themes
+    // 1. Load Proposals per_page
+    // END.
+
+    // 1. Load themes
+    vm.loadingThemes = true;
+    vm.DialogaService.getThemes(function(themes) {
+      vm.themes = themes;
+      vm.loadingThemes = false;
+      vm.loading = false;
+
+      // REMOVED: function called twice.
+      // vm.loadProposals(function() {
+      //   vm.attachListeners();
+      // });
+      vm.attachListeners();
+    }, function(error) {
+      vm.error = error;
+      vm.$log.error(error);
+      vm.loadingThemes = false;
+      vm.loading = false;
+    });
+  };
+
+  // RespostasPageController.prototype.loadProposals = function(cb) {
+  //   var vm = this;
+
+  //   // load Proposals
+  //   vm.loadingProposals = true;
+  //   vm.DialogaService.searchProposals({
+  //     page: vm.page,
+  //     per_page: vm.per_page
+  //   }, function(data) {
+  //     vm.filtredProposals = data.articles;
+  //     vm.total_proposals = parseInt(data._obj.headers('total'));
+
+  //     vm.loadingProposals = false;
+
+  //     if (cb) {
+  //       cb();
+  //     }
+  //   }, function(error) {
+  //     vm.error = error;
+  //     vm.$log.error(error);
+  //     vm.loadingProposals = false;
+  //   });
+  // };
+
+  RespostasPageController.prototype.attachListeners = function() {
+    var vm = this;
+
+    vm.$scope.$on('change-selectedCategory', function(event, selectedCategory) {
+      vm.selectedTheme = selectedCategory;
+    });
+
+    vm.$scope.$watch('pagePropostas.selectedTheme', function(newValue/*, oldValue*/) {
+      vm.search.tema = newValue ? newValue.slug : null;
+      vm.$location.search('tema', vm.search.tema);
+      vm.filterProposals();
+    });
+
+    vm.$scope.$watch('pagePropostas.query', function(newValue/*, oldValue*/) {
+      vm.search.filtro = newValue ? newValue : null;
+      vm.$location.search('filtro', vm.search.filtro);
+      vm.filterProposals();
+    });
+  };
+
+  RespostasPageController.prototype.resetFilterValues = function() {
+    var vm = this;
+
+    vm.query = null;
+    vm.selectedTheme = null;
+  };
+
+  RespostasPageController.prototype.changePage = function(pageIndex) {
+    var vm = this;
+
+    vm.page = pageIndex;
+    vm.filterProposals(pageIndex);
+  };
+
+  RespostasPageController.prototype.filterProposals = function(_page, _per_page) {
+    var vm = this;
+
+    if (vm.loadingProposals){
+      vm.$log.debug('Content is not loaded yet.');
+      return;
+    }
+
+    var page = _page || vm.page;
+    var per_page = _per_page || vm.per_page;
+    var query = vm.query;
+    var params = {
+      page: page,
+      per_page: per_page,
+    };
+
+    if (vm.selectedTheme) {
+      params.category_ids = vm.selectedTheme.id;
+    }
+
+    if (query) {params.query = query; }
+
+    vm.loadingProposals = true;
+    vm.DialogaService.searchProposals(params, function(data){
+      vm.total_proposals = parseInt(data._obj.headers('total'));
+      vm.filtredProposals = data.articles;
+      vm.loadingProposals = false;
+    }, function (error) {
+      vm.error = error;
+      vm.$log.error(error);
+      vm.loadingProposals = false;
+    });
+  };
+
+  RespostasPageController.prototype.submitSearch = function() {
+    var vm = this;
+
+    vm.loadingFilter = true;
+
+    // scroll to result grid
+    var $searchResult = angular.element('#search-result');
+    if ($searchResult && $searchResult.length > 0) {
+      angular.element('html,body').animate({scrollTop: $searchResult.offset().top}, 'fast');
+      vm.filterProposals();
+    }else {
+      vm.$log.warn('#search-result element not found.');
+    }
+  };
+
+})();
diff --git a/src/app/pages/respostas/respostas.html b/src/app/pages/respostas/respostas.html
new file mode 100644
index 0000000..d0b3da9
--- /dev/null
+++ b/src/app/pages/respostas/respostas.html
@@ -0,0 +1,124 @@
+<div class="container">
+  <div class="row">
+    <div class="col-sm-12">
+      <div ncy-breadcrumb></div>
+    </div>
+  </div>
+</div>
+
+<div class="page--respostas" role="main">
+  <section class="section-info" ng-if="pageRespostas.loading || pageRespostas.error">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <div ng-if="pageRespostas.loading && !pageRespostas.error">
+            <div class="alert alert-info" role="alert">Carregando conteúdo...</div>
+          </div>
+
+          <div ng-if="pageRespostas.error">
+            <div class="alert alert-danger" role="alert">
+              Erro ao carregar o conteúdo principal.
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="section--header" ng-if="pageRespostas.filtredProposals || pageRespostas.themes">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12">
+          <h1>Respostas</h1>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="section--articles section-gray section-space-up" ng-if="pageRespostas.filtredProposals || pageRespostas.themes">
+    <div class="container">
+      <div id="lista-de-respostas" class="row">
+        <div class="col-sm-4 col-md-3">
+          <div class="row visible-xs">
+            <div class="col-xs-12">
+              <div class="input-group input-group-lg input-group-search">
+                <label for="articleQueryFilter" class="control-label sr-only">Buscar respostas:</label>
+                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pageRespostas.query" placeholder="Buscar respostas" aria-label="Buscar respostas">
+                <span class="input-group-btn">
+                  <button type="button" class="btn btn-default" ng-click="pageRespostas.submitSearch()">
+                    <span class="icon-circle icon-small color-theme-common-bg">
+                      <span class="glyphicon glyphicon-search"></span>
+                </span>
+                <span class="sr-only">Buscar</span>
+                </button>
+                </span>
+              </div>
+              <br/>
+            </div>
+          </div>
+          <div ng-if="pageRespostas.themes">
+            <category-list categories="pageRespostas.themes" selected-category="pageRespostas.selectedTheme"></category-list>
+          </div>
+          <div ng-if="!pageRespostas.themes && pageRespostas.loadingThemes">
+            <div class="alert alert-info" role="alert">
+              Carregando temas.
+            </div>
+          </div>
+          <div ng-if="!pageRespostas.themes && pageRespostas.themesError">
+            <div class="alert alert-danger" role="alert">
+              Não foi possível carregar a lista de temas neste momento.
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-8 col-md-9">
+          <div class="row hidden-xs" ng-if="pageRespostas.filtredProposals">
+            <div class="col-xs-12">
+              <div class="input-group input-group-lg input-group-search">
+                <label for="articleQueryFilter" class="control-label sr-only">Buscar respostas:</label>
+                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pageRespostas.query" placeholder="Buscar respostas" aria-label="Buscar respostas">
+                <span class="input-group-btn">
+                  <button type="button" class="btn btn-default" ng-click="pageRespostas.submitSearch()">
+                    <span class="icon-circle icon-small color-theme-common-bg">
+                      <span class="glyphicon glyphicon-search"></span>
+                </span>
+                <span class="sr-only">Buscar</span>
+                </button>
+                </span>
+              </div>
+            </div>
+          </div>
+
+          <div id="search-result" class="row" ng-if="pageRespostas.filtredProposals">
+            <div class="col-sm-12">
+              <header class="header">
+                <h2>Total de Respostas: "<b>{{pageRespostas.total_proposals}} respostas</b>"</h2>
+              </header>
+            </div>
+          </div>
+
+          <div class="row">
+            <div class="col-sm-12" ng-if="!pageRespostas.loadingProposals && pageRespostas.filtredProposals && pageRespostas.total_proposals">
+              <proposal-grid proposals="pageRespostas.filtredProposals"></proposal-grid>
+              <app-paginator
+                page="pageRespostas.page"
+                per-page="pageRespostas.per_page"
+                total="pageRespostas.total_proposals"
+                change-page="pageRespostas.changePage(pageIndex)"
+              ></app-paginator>
+            </div>
+            <div ng-if="pageRespostas.loadingProposals">
+              <div class="alert alert-info" role="alert">
+                Carregando respostas.
+              </div>
+            </div>
+            <div ng-if="!pageRespostas.loadingProposals && pageRespostas.proposalsError">
+              <div class="alert alert-danger" role="alert">
+                Não foi possível carregar a lista de respostas neste momento.
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</div>
diff --git a/src/app/pages/respostas/respostas.scss b/src/app/pages/respostas/respostas.scss
new file mode 100644
index 0000000..4ff0766
--- /dev/null
+++ b/src/app/pages/respostas/respostas.scss
@@ -0,0 +1,9 @@
+.page--respostas {
+    // .proposal-box--middle {
+    //     background-color: #fff;
+    // }
+
+    // .topics-select--wrapper {
+    //     margin: 20px 0;
+    // }
+}
--
libgit2 0.21.2