<div id="conversations-page">
    <div class="container">
        <div class="row">
            <div class="col s12">
                <h2 class="center-align">Conversaciones con tus amigos</h2>
            </div>
        </div>
        <div class="row">
            <div class="col s12">
                <ul class="collection">
                    <%= render partial: 'conversations/conversation', collection: @conversations %>
                </ul>
            </div>
        </div>
    </div>
</div>

Create index page por display all the conversations with the user friends
Create index page por display all the conversations with the user friends

