index.html.erb

<p id="notice"><%= notice %></p>

<h1>Posts</h1>
<% @posts.each do |post| %>
  <div class="demo-card-wide mdl-card mdl-shadow--2dp">
    <div class="mdl-card__title">
      <h2 class="mdl-card__title-text"><%= post.title %></h2>
    </div>
    <div class="mdl-card__supporting-text">
      <%= post.content %>
    </div>
    <div class="mdl-card__actions mdl-card--border">
      <%= link_to 'Show', post, class: 'mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect' %></td>
      <%= link_to 'Edit', edit_post_path(post), class: 'mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect'%></td>
      <%= link_to 'Destroy', post, method: :delete, data: { confirm: 'Are you sure?' }, class: 'mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect' %>
    </div>
  </div>
<% end %>

<div class='clearfix'>
  <%= link_to 'New Post', new_post_path, class:"mdl-button mdl-js-button mdl-button--raised mdl-button--colored" %>
</div>