Another little thing from the Foundation websites. A different way of displaying information, looking more or less like an upside-down accordion.. To edit the 'back side' of the card, look in the element tree for the container with the class 'card-reveal'. It is set to overflow: hidden. Make that overflow visible while editing the contents of it, and remember to set it back to hidden when done. It is best to complete the card back side before adding elements below it (like this paragraph), or else those elements will have to be hidden too. That can be done under Visibility in the Design pane.
To make a component select the container 'card-reveal-wrapper'. There is also a bit of styling and scripts in the Settings, which must not be forgotten.
","name":"Index","outline":{"nodes":{"Body@0":{"c":["Container@14","Container@1","Container@16"],"p":null},"Container@1":{"c":["Picture@2","Container@3"],"p":"Body@0"},"Container@14":{"c":["Heading 1@15"],"p":"Body@0"},"Container@16":{"c":["Paragraph@17"],"p":"Body@0"},"Container@3":{"c":["Heading 3@6","Font Icon@4","Paragraph@5","Container@7"],"p":"Container@1"},"Container@7":{"c":["Heading 3@8","Font Icon@9","Paragraph@10"],"p":"Container@3"},"Font Icon@4":{"c":[],"p":"Container@3"},"Font Icon@9":{"c":[],"p":"Container@7"},"Heading 1@15":{"c":[],"p":"Container@14"},"Heading 3@6":{"c":[],"p":"Container@3"},"Heading 3@8":{"c":[],"p":"Container@7"},"Paragraph@10":{"c":[],"p":"Container@7"},"Paragraph@17":{"c":[],"p":"Container@16"},"Paragraph@5":{"c":[],"p":"Container@3"},"Picture@2":{"c":[],"p":"Container@1"}},"root":"Body@0","uid":18},"pages":[],"structureData":[]}],"position":[0],"pro_version":true,"project_guides":[0,0,0,0,0,1,1],"resourcesInUse":{"./img/cupcake-church.jpg":{"breakpoints":{},"elements":{"counter":0},"id":17,"=pictures":{"default":1},"type":"image"}},"reverseBaseSelectors":{"1024":{"regular":{},"support_queries":[]},"640":{"regular":{},"support_queries":[]},"default":{"regular":{},"support_queries":[]}},"save_path":"C:/Users/inger/Dropbox/new-sharing/start-over","slug_id":"","status":{"breakpoints_mode":"All","slider":1545,"supports_feature_active":false,"supports_feature_attaches":[]},"units":"rem","useFlatModel":true,"usedFonts":{},"user_email":""}
PK U'M m resources/img/cupcake-church.jpg
Exif MM * ( 1 " 2 i ,% X | Apple iPhone 5
'
'Adobe Photoshop CC 2018 (Windows) 2018:09:06 20:32:52 " ' 2 0221 ʑ
ޒ
705 705 0100 ! 2 3 .4 " 4 2015:09:16 15:52:17 2015:09:16 15:52:17 @y a ~ g _5 g g Apple iPhone 5 back camera 4.12mm f/2.4 N E 6 > K
V T ^ T f n ; 3 d d a 4 d ! 2015:09:16 ( + H H Adobe_CM Adobe d
g "
?
3 !1AQa"q2B#$Rb34rC%Scs5&DTdE£t6UeuF'Vfv7GWgw 5 !1AQaq"2B#R3$brCScs4%&5DTdEU6teuFVfv'7GWgw ? IL>P(L
tJJI%1IJ,rE[L})qi.
i5@'dǵ%.)$T
Ȥ!!r+SR9k&ʘ(`A)RPO$J;@5O*si]3S
:G{$X]K