diff --git a/app/assets/images/custom/example_horizontal.jpg b/app/assets/images/custom/example_horizontal.jpg
new file mode 100644
index 000000000..634e432ac
Binary files /dev/null and b/app/assets/images/custom/example_horizontal.jpg differ
diff --git a/app/assets/images/custom/example_vertical.jpg b/app/assets/images/custom/example_vertical.jpg
new file mode 100644
index 000000000..11743cc18
Binary files /dev/null and b/app/assets/images/custom/example_vertical.jpg differ
diff --git a/app/views/polls/_gallery.html.erb b/app/views/polls/_gallery.html.erb
new file mode 100644
index 000000000..b025bcebd
--- /dev/null
+++ b/app/views/polls/_gallery.html.erb
@@ -0,0 +1,42 @@
+<div class="orbit margin-bottom" role="region" aria-label="Answer 1" data-orbit data-auto-play="false">
+  <a data-toggle="answer_1" class="zoom-link show-for-medium-up">
+    <span class="icon-search-plus"></span>
+    <span class="show-for-sr"><%= t("polls.show.zoom_plus") %></span>
+  </a>
+
+  <ul class="orbit-container">
+    <li>
+      <button class="orbit-previous">
+        <span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;
+      </button>
+    </li>
+    <li>
+      <button class="orbit-next">
+        <span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;
+      </button>
+    </li>
+    <!-- each image do -->
+    <li class="is-active orbit-slide">
+      <%= link_to "/assets/example_vertical.jpg", target: "_blank" do %>
+        <%= image_tag "example_horizontal.jpg", class: "orbit-image" %>
+      <% end %>
+      <span class="orbit-caption">Image title 1</span>
+    </li>
+    <!-- end -->
+    <li class="orbit-slide">
+      <%= link_to "/assets/example_vertical.jpg", target: "_blank" do %>
+        <%= image_tag "example_vertical.jpg", class: "orbit-image" %>
+      <% end %>
+      <span class="orbit-caption">Image title 2</span>
+    </li>
+  </ul>
+
+  <nav class="orbit-bullets">
+    <button class="is-active" data-slide="0">
+      <span class="show-for-sr">Image title 1</span>
+    </button>
+    <button data-slide="1">
+      <span class="show-for-sr">Image title 2</span>
+    </button>
+  </nav>
+</div>
diff --git a/app/views/polls/show.html.erb b/app/views/polls/show.html.erb
index 890e8c56f..1d4153356 100644
--- a/app/views/polls/show.html.erb
+++ b/app/views/polls/show.html.erb
@@ -64,4 +64,31 @@
       </aside>
     </div>
   </div>
+
+  <div class="expanded poll-more-info-answers">
+    <div class="row padding">
+
+      <!-- EACH ANSWER DO -->
+      <div class="small-12 medium-6 column end" id="answer_1" data-toggler=".medium-6">
+
+        <!-- REPLACE THIS WITH answer title -->
+        <h3>Answer 1</h3>
+        <!-- /. REPLACE THIS WITH answer title -->
+
+        <!-- If Answer have images render this:
+          Maybe something like <%# render "gallery", gallery: answer.gallery %> -->
+        <%= render "gallery" %>
+        <!-- If Answer have images render this -->
+
+        <!-- REPLACE THIS WITH answer description -->
+        <div class="margin-top">
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        </div>
+        <!-- /. REPLACE THIS WITH answer description -->
+
+      </div>
+    </div>
+    <!-- /. EACH ANSWER DO -->
+
+  </div>
 </div>