<div class="debate-new row">

  <div class="small-12 medium-9 column">
    <%= link_to debates_path, class: "left back" do %>
      <i class="icon-angle-left left"></i>
      <%= t("debates.new.back_link") %>
    <% end %>
    <h1><%= t("debates.new.publish_new") %></h1>
    <%= render "form" %>
  </div>

  <div class="small-12 medium-3 column">
    <i class="icon-comment-quotes right"></i>
    <h2><%= t("debates.new.recommendations_title") %></h2>
    <ul class="recommendations">
      <li><%= t("debates.new.recommendation_one") %></li>
      <li><%= t("debates.new.recommendation_two") %></li>
      <li><%= t("debates.new.recommendation_three") %></li>
    </ul>
  </div>
</div>