Les card panel pour montrer du contenu simple :
Une carte de base :
une carte : .card
son contenu : .card-content
bandeau d'action en dessous : .card-action
pour régler sa taille, cette carte est dans une div .col .s12 .m6
Une carte avec une image :
une carte "image": .card
en haut, l'image : .card-image
en bas, du contenu : .card-content
pour régler sa taille, cette carte est dans une div .col .s12 .m6
Le bouton ici est de class .btn-floating (donc rond) et .halfway-fab pour se placer à cheval sur les 2 zones
Effet reveal avec une carte :
Une carte avec une image et effet REVEAL
une carte "image": .card
en haut, l'image : .card-image
en bas, du contenu : .card-content
caché, du contenu à révéler : .card-reveal
les déclencheurs : .activator
pour régler sa taille, cette carte est dans une div .col .s12 .m6
Cartes avec tabs :
une carte : .card, avec 3 étages
en haut, du contenu : .card-content
en bas, des onglets : .card-tabs .tabs .tabs-fixed-width
dessous, du contenu : .card-content
pour régler sa taille, cette carte est dans une div .col .s12 .m6
Le contenu de .card-content... dessous la zone .card-tabs contenant la liste ul .tabs elle même faite de li .tab