diff --git a/src/app/components/socialShare/socialShare.directive.js b/src/app/components/socialShare/socialShare.directive.js
new file mode 100644
index 0000000..cfe2223
--- /dev/null
+++ b/src/app/components/socialShare/socialShare.directive.js
@@ -0,0 +1,33 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('dialoga')
+    .directive('socialShare', socialShare);
+
+  /** @ngInject */
+  function socialShare() {
+    var directive = {
+      restrict: 'E',
+      templateUrl: 'app/components/socialShare/socialShare.html',
+      scope: {
+        display: '='
+      },
+      controller: SocialShareController,
+      controllerAs: 'vm',
+      bindToController: true
+    };
+
+    return directive;
+
+    /** @ngInject */
+    function SocialShareController($log) {
+      $log.debug('SocialShareController');
+
+      var vm = this;
+
+      vm.displayFull = (vm.display && vm.display === 'full');
+    }
+  }
+
+})();
diff --git a/src/app/components/socialShare/socialShare.html b/src/app/components/socialShare/socialShare.html
new file mode 100644
index 0000000..efe6c79
--- /dev/null
+++ b/src/app/components/socialShare/socialShare.html
@@ -0,0 +1,43 @@
+<div class="social-share">
+
+  <p ng-if="vm.displayFull" class="social-share--description">
+    <span>COMPARTILHE</span>
+    <br>
+    <span>ESTE PROGRAMA</span>
+  </p>
+  <ul>
+    <li>
+      <a ng-href="{{vm.social.facebook.href}}"
+        data-caption="{{vm.social.facebook.caption}}"
+        data-description="{{vm.social.facebook.description}}">
+        <span class="icon icon-social-facebook"></span>
+        <span class="sr-only">Compartilhar no Facebook</span>
+      </a>
+    </li>
+    <li>
+      <a ng-href="{{vm.social.twitter.href}}" target="_blank">
+        <span class="icon icon-social-twitter"></span>
+        <span class="sr-only">Compartilhar no Twitter</span>
+      </a>
+    </li>
+    <li>
+      <a ng-href="{{vm.social.googlePlus.href}}" target="_blank">
+        <span class="icon icon-social-google-plus"></span>
+        <span class="sr-only">Compartilhar no Google Plus</span>
+      </a>
+    </li>
+    <li>
+      <a ng-href="{{vm.social.whatsapp.href}}" target="_blank">
+        <span class="icon icon-social-whatsapp"></span>
+        <span class="sr-only">Compartilhar no WhatsApp</span>
+      </a>
+    </li>
+  </ul>
+</div>
+
+<!-- <ul>
+  <li><a href="http://dialoga.gov.br/#/programas/121492/sobre-o-programa" class="fb-share icon icon-facebook" data-caption="Brasil de Todas as Telas" data-description="Apoio ao audiovisual brasileiro: ampliação da produção, da difusão e do acesso"><span class="fa fa-facebook"></span><span class="sr-only">Compartilhar no Facebook</span></a></li>
+  <li><a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fdialoga.gov.br%2F%23%2Fprogramas%2F121492%2Fsobre-o-programa&amp;text=Apoio ao audiovisual brasileiro: ampliação da produção, da difusão e do acesso" target="_blank" class="tw-share icon icon-twitter popup"><span class="fa fa-twitter"></span><span class="sr-only">Compartilhar no Twitter</span></a></li>
+  <li><a href="https://plus.google.com/share?url=http%3A%2F%2Fdialoga.gov.br%2F%23%2Fprogramas%2F121492%2Fsobre-o-programa" target="_blank" class="gp-share icon icon-gplus popup"><span class="fa fa-google-plus"></span><span class="sr-only">Compartilhar no Google Plus</span></a></li>
+  <li><a href="whatsapp://send?text=Apoio ao audiovisual brasileiro: ampliação da produção, da difusão e do acesso http%3A%2F%2Fdialoga.gov.br%2F%23%2Fprogramas%2F121492%2Fsobre-o-programa" target="_blank" class="ws-share icon icon-whatsapp"><span class="fa fa-whatsapp"></span><span class="sr-only">Compartilhar no WhatsApp</span></a></li>
+</ul> -->
diff --git a/src/app/components/socialShare/socialShare.scss b/src/app/components/socialShare/socialShare.scss
new file mode 100644
index 0000000..bbb0890
--- /dev/null
+++ b/src/app/components/socialShare/socialShare.scss
@@ -0,0 +1,28 @@
+.social-share {
+    ul {
+        display: inline-block;
+        vertical-align: middle;
+        list-style: none;
+        padding-left: 0;
+    }
+
+    li{
+        display: inline-block;
+        padding: 0 2px !important;
+        vertical-align: top;
+    }
+
+    .social-share--description {
+        display: inline-block;
+        color: #000;
+        font-size: 12px;
+        font-weight: 300;
+        padding-right: 10px;
+        text-align: right;
+        vertical-align: middle;
+    }
+
+    .icon {
+        display: block;
+    }
+}
--
libgit2 0.21.2