diff --git a/src/app/components/proposal-list/proposal-list.directive.js b/src/app/components/proposal-list/proposal-list.directive.js
index 4b1eeaf..f10b2b4 100644
--- a/src/app/components/proposal-list/proposal-list.directive.js
+++ b/src/app/components/proposal-list/proposal-list.directive.js
@@ -46,7 +46,7 @@
       // requeue to wait until DOM be created
       vm.$timeout(function(){
         attachPopover.call(vm);
-      }, 100);
+      }, 1000);
     };
 
     function attachPopover(){
diff --git a/src/app/components/proposal-list/proposal-list.html b/src/app/components/proposal-list/proposal-list.html
index c013470..28576c5 100644
--- a/src/app/components/proposal-list/proposal-list.html
+++ b/src/app/components/proposal-list/proposal-list.html
@@ -9,8 +9,7 @@
         <tr>
           <th>
             Colocação
-            <!-- <button type="button" class="btn btn-link btn-question">?</button> -->
-            <a tabindex="0" class="btn btn-link btn-questionr" role="button" data-toggle="popover" data-trigger="focus">?</a>
+            <a tabindex="0" class="btn btn-link btn-question" role="button" data-toggle="popover" data-trigger="focus">?</a>
           </th>
           <th>123 PROPOSTAS</th>
         </tr>
diff --git a/src/app/index.route.js b/src/app/index.route.js
index c684542..5d2d687 100644
--- a/src/app/index.route.js
+++ b/src/app/index.route.js
@@ -130,6 +130,19 @@
           'footer': { templateUrl: 'app/pages/footer/footer.html' }
         }
       })
+      .state('ranking', {
+        url: '/ranking',
+        ncyBreadcrumb: {label: 'Propostas'},
+        views: {
+          'header': { templateUrl: 'app/pages/header/header.html' },
+          'main': {
+            templateUrl: 'app/pages/propostas/ranking.html',
+            controller: 'PropostasPageController',
+            controllerAs: 'pageRanking'
+          },
+          'footer': { templateUrl: 'app/pages/footer/footer.html' }
+        }
+      })
       // apenas para teste do cadastro das propostas
       .state('cadastro-propostas', {
         url: '/cadastro-propostas',
diff --git a/src/app/pages/propostas/propostas.controller.js b/src/app/pages/propostas/propostas.controller.js
index f73e244..b5bb584 100644
--- a/src/app/pages/propostas/propostas.controller.js
+++ b/src/app/pages/propostas/propostas.controller.js
@@ -1,3 +1,8 @@
+/**
+ * Controlador das páginas:
+ * - Propostas
+ * - Ranking
+ */
 (function() {
   'use strict';
 
diff --git a/src/app/pages/propostas/ranking.html b/src/app/pages/propostas/ranking.html
new file mode 100644
index 0000000..8564e5a
--- /dev/null
+++ b/src/app/pages/propostas/ranking.html
@@ -0,0 +1,98 @@
+<div class="container">
+  <div class="row">
+    <div class="col-sm-12">
+      <div ncy-breadcrumb></div>
+    </div>
+  </div>
+</div>
+
+<div class="page--propostas">
+  <section class="section--info">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12">
+          <h1>Ranking</h1>
+        </div>
+      </div>
+    </div>
+  </section>
+  <section class="section--articles section-gray section-space-up" ng-if="pageRanking.proposals">
+    <div class="container">
+      <div id="lista-de-propostas" 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 propostas:</label>
+                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pageRanking.query" placeholder="Buscar propostas" aria-label="Buscar propostas" >
+                <span class="input-group-btn">
+                  <button type="button" class="btn btn-default" ng-click="pageRanking.search()">
+                    <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="pageRanking.themes">
+            <category-list categories="pageRanking.themes" selected-category="pageRanking.selectedTheme"></category-list>
+          </div>
+          <div ng-if="!pageRanking.themes && pageRanking.loadingThemes">
+            <div class="alert alert-info" role="alert">
+              Carregando temas.
+            </div>
+          </div>
+          <div ng-if="!pageRanking.themes && pageRanking.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">
+            <div class="col-xs-12">
+              <div class="input-group input-group-lg input-group-search">
+                <label for="articleQueryFilter" class="control-label sr-only">Buscar propostas:</label>
+                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pageRanking.query" placeholder="Buscar propostas" aria-label="Buscar propostas" >
+                <span class="input-group-btn">
+                  <button type="button" class="btn btn-default" ng-click="pageRanking.search()">
+                    <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 class="row">
+            <div class="col-sm-12">
+              <header class="header">
+                <h2>Total de Propostas as propostas: "<span>{{::pageRanking.proposals.length}} propostas</span>"</h2>
+              </header>
+            </div>
+          </div>
+
+          <div class="row">
+            <div class="col-sm-12" ng-if="pageRanking.proposals">
+              <proposal-list proposals="pageRanking.filtredProposals"></proposal-list>
+            </div>
+            <div ng-if="!pageRanking.proposals && pageRanking.loadingProposals">
+              <div class="alert alert-info" role="alert">
+                Carregando propostas.
+              </div>
+            </div>
+            <div ng-if="!pageRanking.proposals && pageRanking.proposalsError">
+              <div class="alert alert-danger" role="alert">
+                Não foi possível carregar a lista de propostas neste momento.
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</div>
--
libgit2 0.21.2