diff --git a/src/app/components/navbar/navbar.directive.js b/src/app/components/navbar/navbar.directive.js
index 3d5f375..42ee8ac 100644
--- a/src/app/components/navbar/navbar.directive.js
+++ b/src/app/components/navbar/navbar.directive.js
@@ -7,18 +7,6 @@
 
   /** @ngInject */
   function appNavbar() {
-    var directive = {
-      restrict: 'E',
-      templateUrl: 'app/components/navbar/navbar.html',
-      scope: {
-        creationDate: '='
-      },
-      controller: NavbarController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
 
     /** @ngInject */
     function NavbarController($log) {
@@ -32,6 +20,18 @@
       };
     }
 
+    var directive = {
+      restrict: 'E',
+      templateUrl: 'app/components/navbar/navbar.html',
+      scope: {
+        creationDate: '='
+      },
+      controller: NavbarController,
+      controllerAs: 'vm',
+      bindToController: true
+    };
+
+    return directive;
   }
 
 })();
diff --git a/src/app/components/show-message/message.html b/src/app/components/show-message/message.html
new file mode 100644
index 0000000..05ca563
--- /dev/null
+++ b/src/app/components/show-message/message.html
@@ -0,0 +1,18 @@
+<div id="message" class="show-message">
+	<div class="row">
+		<div class="col-sm-1 col-sm-offset-2">
+			<div ng-class="{ 'success': vm.type, 'error': !vm.type }" class="message-border">
+				<span class="glyphicon glyphicon-ok icon-white" aria-hidden="true"></span>
+			</div>
+		</div>
+		<div class="col-sm-4"><h3>{{ vm.title }}</h3></div>
+    </div>
+    <div class="row">
+        <div class="col-sm-8 col-sm-offset-3">
+		<h5>{{ vm.message }}</h5>
+        </div>
+    </div>
+</div>
+
+<!-- add the class 'text-success' if the variable 'awesome' is true -->
+<!-- <div ng-class="{ 'text-success': awesome, 'text-large': giant }"> -->
diff --git a/src/app/components/show-message/show-message.directive.js b/src/app/components/show-message/show-message.directive.js
new file mode 100644
index 0000000..24879cb
--- /dev/null
+++ b/src/app/components/show-message/show-message.directive.js
@@ -0,0 +1,35 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('dialoga')
+    .directive('showMessage', showMessage);
+
+  /** @ngInject */
+  function showMessage() {
+
+    /** @ngInject */
+    function ShowMessageController($log) {
+      $log.debug('ShowMessageController');
+
+      var vm = this;
+
+    }
+
+    var directive = {
+      restrict: 'E',
+      templateUrl: 'app/components/show-message/message.html',
+      scope: {
+        type: '=',
+        title: '=',
+        message: '='
+      },
+      controller: ShowMessageController,
+      controllerAs: 'vm',
+      bindToController: true
+    };
+
+    return directive;
+  }
+
+})();
diff --git a/src/app/components/show-message/show-message.scss b/src/app/components/show-message/show-message.scss
new file mode 100644
index 0000000..363e0da
--- /dev/null
+++ b/src/app/components/show-message/show-message.scss
@@ -0,0 +1,17 @@
+.show-message {
+
+    .message-border {
+      border-radius: 40px;
+      padding: 30px 7px;
+      width: 80px;
+      height: 80px;
+      display: inline-block;
+      background-color: #496AA0;
+    }
+    .success {
+      background-color: #8AB34D;
+    }
+    .error {
+      background-color: #C93E55;
+    }
+}
diff --git a/src/app/index.route.js b/src/app/index.route.js
index f2e8bb9..9c1ae29 100644
--- a/src/app/index.route.js
+++ b/src/app/index.route.js
@@ -35,6 +35,19 @@
           'footer': { templateUrl: 'app/pages/footer/footer.html' }
         }
       })
+      .state('mensagem', {
+        url: '/mensagem',
+        ncyBreadcrumb: {label: 'Mensagem'},
+        views: {
+          'header': { templateUrl: 'app/pages/header/header.html' },
+          'main': {
+            templateUrl: 'app/pages/auth/message.html',
+            controller: 'AuthPageController',
+            controllerAs: 'pageSignin'
+          },
+          'footer': { templateUrl: 'app/pages/footer/footer.html' }
+        }
+      })
       .state('recuperar', {
         url: '/recuperar',
         ncyBreadcrumb: {label: 'Recuperar'},
diff --git a/src/app/pages/auth/auth.scss b/src/app/pages/auth/auth.scss
index 9786733..1e38211 100644
--- a/src/app/pages/auth/auth.scss
+++ b/src/app/pages/auth/auth.scss
@@ -17,7 +17,6 @@
       &:focus {color: #fff;}
 
       &.btn-facebook {
-        // background-color: #33477a;
         background-color: #496AA0;
 
         &:hover,
@@ -111,7 +110,7 @@
       cursor:pointer;
     }
 
-    .dados-obrigatorios {
+    .text-right {
       float: right;
     }
 }
diff --git a/src/app/pages/auth/message.html b/src/app/pages/auth/message.html
new file mode 100644
index 0000000..30ce8cb
--- /dev/null
+++ b/src/app/pages/auth/message.html
@@ -0,0 +1,8 @@
+<section role="main" class="section-gray auth-content">
+  <div class="container">
+
+  <show-message type="true" title="'Cadastro efetuado com sucesso :)'" message="'Agora você faz parte do Dialoga Brasil. Você será redirecionado para a página (página) em 10 segundos'"></show-message>
+  <!-- <show-message type="false" title="'Infelizmente não conseguimos efetuar o seu cadastro :('" message="'Por favor, tente novamente mais tarde ou entre em contato através da página de Dúvidas.'"></show-message> -->
+
+  </div>
+</section>
diff --git a/src/app/pages/auth/signin.html b/src/app/pages/auth/signin.html
index 6ea3bc2..c021c00 100644
--- a/src/app/pages/auth/signin.html
+++ b/src/app/pages/auth/signin.html
@@ -116,7 +116,7 @@
           <form name="loginForm">
             <div class="form-group">
               <label for="inputNome">Nome:</label>
-              <span class="dados-obrigatorios">*Dados obrigatórios</span>
+              <span class="text-right">*Dados obrigatórios</span>
               <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus="">
             </div>
             <div class="form-group">
--
libgit2 0.21.2