You have a little bit mess in your code. And the card markup isn't correct. Take a look at unnecessary paragraphs tags <p> in your code.

        <div class=&quot;col-md-6&quot;>
            <!--Mens Dress Shoes Card Reveal -->
            </p>
            <div class=&quot;card&quot;>
                <div class=&quot;card-image&quot;>
                    <div class=&quot;view overlay hm-white-slight z-depth-1&quot;>
                        <img src=&quot;http://shoehospitals.com/wp-content/uploads/2016/04/mens-dress-shoes.jpg&quot;></p>
                        <div class=&quot;mask waves-effect activator&quot;></div>
                        </p>
                    </div>
                    </p>
                </div>
                <div class=&quot;card-content&quot;>
                    <span class=&quot;card-title activator grey-text text-darken-4&quot;>Dress Shoe Repair<i class=&quot;material-icons right&quot;>more_vert</i></span></p>
                    <p>Click to learn more</p>
                    </p>
                </div>
                <div class=&quot;card-reveal&quot;>
                    <span class=&quot;card-title grey-text text-darken-4&quot;>Dress Shoe Repair<i class=&quot;material-icons right&quot;>close</i></span></p>
                    <p><a href=&quot;#&quot;>Link</a>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula.</p>
                    </p>
                </div>
                </p>
            </div>
            <p>
                <!--/.Card Reveal-->
        </div>

When I remove it, it works fine. Be sure that your card markup is the same as the markup from our documentation

---