diff --git a/.gitignore b/.gitignore
index 84e06be..c10be87 100644
--- a/.gitignore
+++ b/.gitignore
@@ -18,4 +18,7 @@ novo.css
 novo.html
 sass/novo.scss
 sass/novo
-.bundle
\ No newline at end of file
+.bundle
+proposal_detail/
+slick-theme.css
+slick.css
\ No newline at end of file
diff --git a/images/icons/icon-facebook-contrast.png b/images/icons/icon-facebook-contrast.png
new file mode 100644
index 0000000..f3ce6fc
Binary files /dev/null and b/images/icons/icon-facebook-contrast.png differ
diff --git a/images/icons/icon-facebook-disabled.png b/images/icons/icon-facebook-disabled.png
new file mode 100644
index 0000000..1c2aa40
Binary files /dev/null and b/images/icons/icon-facebook-disabled.png differ
diff --git a/images/icons/icon-facebook.png b/images/icons/icon-facebook.png
new file mode 100644
index 0000000..08bb715
Binary files /dev/null and b/images/icons/icon-facebook.png differ
diff --git a/images/icons/icon-gplus-contrast.png b/images/icons/icon-gplus-contrast.png
new file mode 100644
index 0000000..513ffeb
Binary files /dev/null and b/images/icons/icon-gplus-contrast.png differ
diff --git a/images/icons/icon-gplus-disabled.png b/images/icons/icon-gplus-disabled.png
new file mode 100644
index 0000000..781661d
Binary files /dev/null and b/images/icons/icon-gplus-disabled.png differ
diff --git a/images/icons/icon-gplus.png b/images/icons/icon-gplus.png
new file mode 100644
index 0000000..5bb7b88
Binary files /dev/null and b/images/icons/icon-gplus.png differ
diff --git a/images/icons/icon-twitter-contrast.png b/images/icons/icon-twitter-contrast.png
new file mode 100644
index 0000000..d0c9734
Binary files /dev/null and b/images/icons/icon-twitter-contrast.png differ
diff --git a/images/icons/icon-twitter-disabled.png b/images/icons/icon-twitter-disabled.png
new file mode 100644
index 0000000..471a1bd
Binary files /dev/null and b/images/icons/icon-twitter-disabled.png differ
diff --git a/images/icons/icon-twitter.png b/images/icons/icon-twitter.png
new file mode 100644
index 0000000..7c4144c
Binary files /dev/null and b/images/icons/icon-twitter.png differ
diff --git a/images/icons/icon-whatsapp-contrast.png b/images/icons/icon-whatsapp-contrast.png
new file mode 100644
index 0000000..c384a8b
Binary files /dev/null and b/images/icons/icon-whatsapp-contrast.png differ
diff --git a/images/icons/icon-whatsapp-disabled.png b/images/icons/icon-whatsapp-disabled.png
new file mode 100644
index 0000000..bf4a785
Binary files /dev/null and b/images/icons/icon-whatsapp-disabled.png differ
diff --git a/images/icons/icon-whatsapp.png b/images/icons/icon-whatsapp.png
new file mode 100644
index 0000000..a7a04d1
Binary files /dev/null and b/images/icons/icon-whatsapp.png differ
diff --git a/index.html b/index.html
index bc8637d..d221bce 100644
--- a/index.html
+++ b/index.html
@@ -96,7 +96,12 @@
         <h1><a href="#">{{article.title}}</a></h1>
         <a id="display-contrast" href="#">Alto Contraste</a>
         <div class="social">
-          <a href="#" class="fb-share" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar</a>
+          <ul>
+            <li><a href="#" class="fb-share icon icon-facebook" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar no Facebook</a></li>
+            <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>
+            <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>
+            <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
+          </ul>
         </div>
       </header>
 
diff --git a/sass/_share.scss b/sass/_share.scss
new file mode 100644
index 0000000..dbd82a3
--- /dev/null
+++ b/sass/_share.scss
@@ -0,0 +1,45 @@
+.social {
+	margin-top: 45px;
+	position: relative;
+	z-index: 1;
+	ul {
+		list-style: none;
+		padding-left: 0;
+	}
+	li {
+		display: inline-block;
+		padding: 0 2px;
+	}
+	.icon {
+		background-repeat: no-repeat;
+		background-position: 50%;
+		display: inline-block;
+		height: 36px;
+		text-indent: -999999px;
+		width: 36px;
+		&-facebook {
+			background-image: url(images/icons/icon-facebook.png);
+			&.disabled {
+				background-image: url(images/icons/icon-facebook-disabled.png);
+			}
+		}
+		&-twitter {
+			background-image: url(images/icons/icon-twitter.png);
+			&.disabled {
+				background-image: url(images/icons/icon-twitter-disabled.png);
+			}
+		}
+		&-gplus {
+			background-image: url(images/icons/icon-gplus.png);
+			&.disabled {
+				background-image: url(images/icons/icon-gplus-disabled.png);
+			}
+		}
+		&-whatsapp {
+			background-image: url(images/icons/icon-whatsapp.png);
+			&.disabled {
+				background-image: url(images/icons/icon-whatsapp-disabled.png);
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/sass/style.scss b/sass/style.scss
index 781820f..64f5054 100755
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -10,6 +10,7 @@
 @import 'accessibility';
 @import 'slick';
 @import 'slick-theme';
+@import 'share';
 
 @import 'proposal_detail/proposal-detail-base';
 @import 'proposal_detail/urgencia-e-emergencia';
--
libgit2 0.21.2