Elements: Interactive Cards

[kc_row use_container=”yes” _id=”397140″ cols_gap=”{`kc-css`:{}}” force=”__empty__” css_custom=”{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6IiNmZmZmZmYiLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}” _collapse=”1″][kc_column width=”12/12″ video_mute=”no” _id=”746213″][kc_row_inner column_align=”middle” video_mute=”no” _id=”228434″][kc_column_inner width=”100%” _id=”465854″][kc_title text=”SW50ZXJhY3RpdmUgY2FyZCB0eXBlIDE=” _id=”785298″ type=”p” css_custom=”{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#232323`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}”][kc_row_inner# column_align=”middle” video_mute=”no” _id=”893909″][kc_column_inner# width=”33.33%” _id=”862059″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-1″ interactive-card-title=”Web design and development” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”458535″ interactive-card-image=”654″][/kc_column_inner#][kc_column_inner# width=”33.33%” _id=”821178″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-1″ interactive-card-title=”Branding and social marketing” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”901503″ interactive-card-image=”521″][/kc_column_inner#][kc_column_inner# width=”33.33%” _id=”513391″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-1″ interactive-card-title=”Mobile app development” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”300472″ interactive-card-image=”404″][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row][kc_row use_container=”yes” _id=”476830″ cols_gap=”{`kc-css`:{}}” force=”__empty__” css_custom=”{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6IiMwNzA3MDciLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}” _collapse=”1″][kc_column width=”12/12″ video_mute=”no” _id=”64373″][kc_row_inner column_align=”middle” video_mute=”no” _id=”34104″][kc_column_inner width=”100%” _id=”517430″][kc_title text=”SW50ZXJhY3RpdmUgY2FyZCB0eXBlIDI=” _id=”989324″ type=”p” css_custom=”{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#ffffff`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}”][kc_row_inner# column_align=”middle” video_mute=”no” _id=”534559″][kc_column_inner# width=”33.33%” _id=”812908″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-2″ interactive-card-title=”Web design and development” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”34280″ interactive-card-image=”1314″][/kc_column_inner#][kc_column_inner# width=”33.33%” _id=”453554″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-2″ interactive-card-title=”Branding and social marketing” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”255609″ interactive-card-image=”515″][/kc_column_inner#][kc_column_inner# width=”33.33%” _id=”746334″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-2″ interactive-card-title=”Mobile app development” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”810867″ interactive-card-image=”139″][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row][kc_row use_container=”yes” _id=”582199″ cols_gap=”{`kc-css`:{}}” force=”__empty__” css_custom=”{`kc-css`:{`1024`:{`background`:{`background|`:`eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoibm9uZSIsInBvc2l0aW9uIjoiMCUgMCUiLCJzaXplIjoiYXV0byIsInJlcGVhdCI6InJlcGVhdCIsImF0dGFjaG1lbnQiOiJzY3JvbGwiLCJhZHZhbmNlZCI6MH0=`},`box`:{`padding|`:`50px inherit 50px inherit`}},`any`:{`background`:{`background|`:`eyJjb2xvciI6IiNmZmZmZmYiLCJsaW5lYXJHcmFkaWVudCI6WyIiXSwiaW1hZ2UiOiJub25lIiwicG9zaXRpb24iOiIwJSAwJSIsInNpemUiOiJhdXRvIiwicmVwZWF0IjoicmVwZWF0IiwiYXR0YWNobWVudCI6InNjcm9sbCIsImFkdmFuY2VkIjowfQ==`},`box`:{`padding|`:`100px inherit 100px inherit`}}}}” _collapse=”1″][kc_column width=”12/12″ video_mute=”no” _id=”120699″][kc_row_inner column_align=”middle” video_mute=”no” _id=”938667″][kc_column_inner width=”100%” _id=”713025″][kc_title text=”SW50ZXJhY3RpdmUgY2FyZCB0eXBlIDM=” _id=”517693″ type=”p” css_custom=”{`kc-css`:{`any`:{`title-style`:{`color|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`#232323`,`font-size|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`12px`,`font-weight|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`600`,`text-transform|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`uppercase`,`margin|+.kc_title,.kc_title,.kc_title a.kc_title_link`:`inherit inherit 30px inherit`}}}}”][kc_row_inner# column_align=”middle” video_mute=”no” _id=”305867″][kc_column_inner# width=”33.33%” _id=”698872″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-3″ interactive-card-title=”Web design and development” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”416507″ interactive-card-image=”1710″][/kc_column_inner#][kc_column_inner# width=”33.33%” _id=”520203″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-3″ interactive-card-title=”Branding and social marketing” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”99655″ interactive-card-image=”1347″][/kc_column_inner#][kc_column_inner# width=”33.33%” _id=”706061″ css_custom=”{`kc-css`:{`1024`:{`box`:{`width|`:`100%`}},`any`:{`box`:{`margin|`:`inherit inherit 30px inherit`}}}}”][moonshard-interactive-card interactive-card-type=”interactive-card-type-3″ interactive-card-title=”Mobile app development” interactive-card-text=”RXN0IGV1IG5vdnVtIHpyaWwgdGltZWFtLCBmYWNpbGlzIGNvbXBsZWN0aXR1ciBhbiBzaXQuIE5lIHRhbGUgdmVybyBsYXVkZW0gdmltYW0gYWQgaWxsdW0=” _id=”120659″ interactive-card-image=”1315″][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row]

You can also sellect color codes via admin theme options

That is some options to demo for you.

X