<!-- Modal Trigger -->
        <button type="button" class="waves-effect waves-light btn btn-default modal-trigger" href="#modal1">Click me</button>
    
        <!-- Modal Structure -->
        <div id="modal1" class="modal fade">
            <div class="modal-dialog modal-lg">
                
                <div class="modal-content">
                <h4 class="text-center">Modal Header</h4>
                <div class="container-fluid">
                    <ul class="collection">
                        <li class="collection-item avatar">
                            <img src="http://0.gravatar.com/avatar/60efa32c26a19f3ed2e42798afb705ba?s=100&d=mm&r=g" alt="" class="circle">
                            <span class="title">Title</span>
                            <p>First Line
                                <br> Second Line
                            </p>
                            <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a>
                        </li>

                        <li class="collection-item avatar">
                            <i class="material-icons circle red">play_arrow</i>
                            <span class="title">Title</span>
                            <p>First Line
                                <br> Second Line
                            </p>
                            <a href="#!" class="secondary-content"><i class="material-icons">grade</i></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <a href="#!" data-dismiss="modal1" class="btn btn-danger modal-action modal-close">Close</a>

            </div>
            </div>
        </div>