{
    "name": "",
    "groups": "iconBox",
    "template": "template.hbs",
    "settings": [{
        "name": "blockTitle",
        "label": "Title",
        "type": "text"
    }, {
		"name": "blockTitleColor",
		"label": "Title Color",
		"type": "colorpicker",
		"colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
	}, {
        "name": "blockTitleAlign",
        "label": "Title Alignment",
        "type": "select",
        "default": "left",
        "options": [{
            "id": "left",
            "val": "Left"
        }, {
            "id": "center",
            "val": "Center"
        }, {
            "id": "right",
            "val": "Right"
        }, {
            "id": "justify",
            "val": "Justify"
        }]
    }, {
        "name": "blockDescription",
        "label": "Description",
        "type": "textarea"
    }, {
        "name": "cards",
        "label": "Cards",
        "type": "accordion",
        "settings": [{
            "name": "title",
            "label": "Title",
            "type": "text"
        }, {
			"name": "titleColor",
			"label": "Title Color",
			"type": "colorpicker",
			"colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
		}, {
			"name": "columnLink",
			"label": "Title Link",
			"type": "text"
		}, {
			"name": "columnLinkTarget",
			"label": "Open link in new tab?",
			"type": "checkbox_switch"
		}, {
			"name": "columnLinkHoverTextColor",
			"label": "Title Hover Text Color",
			"type": "colorpicker",
			"colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
		}, {
            "name": "iconFront",
            "label": "Icon",
            "type": "icon",
            "presets": ["glyphicon glyphicon-heart", "glyphicon glyphicon-search", "glyphicon glyphicon-time", "glyphicon glyphicon-map-marker"]
        }, {
            "name": "figureColor",
            "type": "colorpicker",
            "label": "Icon Color",
            "colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
        }, {
			"name": "columnImage",
			"label": "Image Icon",
			"type": "image"
		}, {
            "name": "figureBgColor",
            "type": "colorpicker",
            "label": "Icon Background Color",
            "colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
        }, {
            "name": "descriptionItem",
            "label": "Text front",
            "type": "textarea"
        }, {
            "name": "descriptionItemColor",
            "type": "colorpicker",
            "label": "Description Color",
            "colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
        }, {
            "name": "boxBorderColor",
            "type": "colorpicker",
            "label": "Box Border Color",
            "colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
        }, {
            "name": "boxBgColor",
            "type": "colorpicker",
            "label": "Box Background Color",
            "colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
        }]
    }, {
            "name": "blockCustomClass",
            "label": "Custom Class",
            "type": "text"
        }, {
            "name": "blockCustomID",
            "label": "Custom ID",
            "type": "text"
        }, {
        "name": "blockAnimation",
        "label": "Enable Animation",
        "type": "checkbox_switch"
    }, {
        "name": "blockAnimationEffect",
        "label": "Animation Effect",
        "type": "select",
        "default": "fadeIn",
        "options": [{"id": "fadeIn", "val": "fadeIn"}, {"id": "fadeInUp", "val": "fadeInUp"}, {"id": "fadeInDown", "val": "fadeInDown"}, {"id": "fadeInLeft", "val": "fadeInLeft"}, {"id": "fadeInRight", "val": "fadeInRight"}, {"id": "fadeInUpBig", "val": "fadeInUpBig"}, {"id": "fadeInDownBig", "val": "fadeInDownBig"}, {"id": "fadeInLeftBig", "val": "fadeInLeftBig"}, {"id": "fadeInRightBig", "val": "fadeInRightBig"}, {"id": "fadeOut", "val": "fadeOut"}, {"id": "fadeOutUp", "val": "fadeOutUp"}, {"id": "fadeOutDown", "val": "fadeOutDown"}, {"id": "fadeOutLeft", "val": "fadeOutLeft"}, {"id": "fadeOutRight", "val": "fadeOutRight"}, {"id": "fadeOutUpBig", "val": "fadeOutUpBig"}, {"id": "fadeOutDownBig", "val": "fadeOutDownBig"}, {"id": "fadeOutLeftBig", "val": "fadeOutLeftBig"}, {"id": "fadeOutRightBig", "val": "fadeOutRightBig"}, {"id": "zoomIn", "val": "zoomIn"}, {"id": "zoomInUp", "val": "zoomInUp"}, {"id": "zoomInDown", "val": "zoomInDown"}, {"id": "zoomInLeft", "val": "zoomInLeft"}, {"id": "zoomInRight", "val": "zoomInRight"}, {"id": "slideInUp", "val": "slideInUp"}, {"id": "slideInDown", "val": "slideInDown"}, {"id": "slideInLeft", "val": "slideInLeft"}, {"id": "slideInRight", "val": "slideInRight"}, {"id": "slideOutUp", "val": "slideOutUp"}, {"id": "slideOutDown", "val": "slideOutDown"}, {"id": "slideOutLeft", "val": "slideOutLeft"}, {"id": "slideOutRight", "val": "slideOutRight"}, {"id": "flip", "val": "flip"}, {"id": "flipInX", "val": "flipInX"}, {"id": "flipInY", "val": "flipInY"}, {"id": "flipOutX", "val": "flipOutX"}, {"id": "flipOutY", "val": "flipOutY"}, {"id": "rotateIn", "val": "rotateIn"}, {"id": "rotateInUpLeft", "val": "rotateInUpLeft"}, {"id": "rotateInUpRight", "val": "rotateInUpRight"}, {"id": "rotateInDownLeft", "val": "rotateInDownLeft"}, {"id": "rotateInDownRight", "val": "rotateInDownRight"}, {"id": "rotateOut", "val": "rotateOut"}, {"id": "rotateOutUpLeft", "val": "rotateOutUpLeft"}, {"id": "rotateOutUpRight", "val": "rotateOutUpRight"}, {"id": "rotateOutDownLeft","val": "rotateOutDownLeft"}, {"id": "rotateOutDownRight", "val": "rotateOutDownRight"}, {"id": "bounce", "val": "bounce"}, {"id": "bounceIn", "val": "bounceIn"}, {"id": "bounceInUp", "val": "bounceInUp"}, {"id": "bounceInDown", "val": "bounceInDown"}, {"id": "bounceInLeft", "val": "bounceInLeft"}, {"id": "bounceInRight", "val": "bounceInRight"}, {"id": "bounceOut", "val": "bounceOut"}, {"id": "bounceOutUp", "val": "bounceOutUp"}, {"id": "bounceOutDown", "val": "bounceOutDown"}, {"id": "bounceOutLeft", "val": "bounceOutLeft"}, {"id": "bounceOutRight", "val": "bounceOutRight"}, {"id": "rollIn", "val": "rollIn"}, {"id": "rollOut", "val": "rollOut"}, {"id": "lightSpeedIn", "val": "lightSpeedIn"}, {"id": "lightSpeedOut", "val": "lightSpeedOut"}, {"id": "flash", "val": "flash"}, {"id": "pulse", "val": "pulse"}, {"id": "shake", "val": "shake"}, {"id": "swing", "val": "swing"}, {"id": "tada", "val": "tada"}, {"id": "wobble", "val": "wobble"}]
    }, {
        "name": "blockPaddingTop",
        "label": "Padding Top",
        "type": "slider",
    	"min": "0",
    	"max": "300"
    }, {
        "name": "blockPaddingBottom",
        "label": "Padding Bottom",
        "type": "slider",
    	"min": "0",
    	"max": "300"
    }, {
    	"name": "blockBackgroundColor",
    	"label": "Background Color",
    	"type": "colorpicker",
    	"colors": ["#886af8", "#89c421", "#5cb4f2", "#f58231", "#9A6324", "#800000"]
	}, {
        "name": "blockParallaxEffect",
        "label": "Parallax Effect",
        "type": "checkbox_switch"
    }, {
        "name": "blockBgImageUrl",
        "label": "Background Image",
        "type": "image"
    }],
	
    "defaults": {
		"blockTitle": "Features Horizontal BG",
		"blockTitleColor": "#ffffff",
		"blockTitleAlign": "center",
        "blockDescription": "<p class='ql-align-center'>Sed nec quam eget enim molestie scelerisque quis sed lacus. Maecenas suscipit purus non nunc dictum, at rhoncus ante aliquam. Curabitur metus purus, ultrices ac lectus quis, egestas sodales tortor suscipit purus non nunc dictum, at rhoncus ante aliquam molestie scelerisque quis sed lacus nec quam eget enim.</p>",
		"blockCustomClass": "",
		"blockCustomID": "",
		"blockAnimation" : 0,
		"blockAnimationEffect" : "fadeIn",
		"blockPaddingTop" : "80",
		"blockPaddingBottom" : "50",
		"blockBackgroundColor": "#ffffff",
		"blockParallaxEffect" : 0,
		"blockBgImageUrl": "%block_url(assets)%/assets/img/feature_horizontal_bg.jpg",
        "cards": [{
            "title": "Easy To Use Tools",
			"titleColor": "#ffffff",
			"columnLink": "#",
			"columnLinkTarget": 0,
			"columnLinkHoverTextColor": "#282828",
			"iconFront": "glyphicon glyphicon-heart",
            "figureColor": "#282828",
			"columnImage": "",
			"figureBgColor": "#ffffff",
            "descriptionItem": "<p>Quisque est lacus, rhoncus eget diam sit amet, rutrumy and egestas arcu. Duis nibh justo, bibendum consequat eget, rhoncus id nulla.</p>",
			"descriptionItemColor": "#ffffff",
			"boxBorderColor": "#ffffff",
			"boxBgColor": "transparent",
            "order": 0
        }, {
            "title": "Realtime Editing",
			"titleColor": "#ffffff",
			"columnLink": "#",
			"columnLinkTarget": 0,
			"columnLinkHoverTextColor": "#282828",
            "iconFront": "glyphicon glyphicon-search",
            "figureColor": "#282828",
			"columnImage": "",
			"figureBgColor": "#ffffff",
            "descriptionItem": "<p>Quisque est lacus, rhoncus eget diam sit amet, rutrumy and egestas arcu. Duis nibh justo, bibendum consequat eget, rhoncus id nulla.</p>",
			"descriptionItemColor": "#ffffff",
			"boxBorderColor": "#ffffff",
			"boxBgColor": "transparent",
            "order": 1
        }, {
            "title": "Responsive Design",
			"titleColor": "#ffffff",
			"columnLink": "#",
			"columnLinkTarget": 0,
			"columnLinkHoverTextColor": "#282828",
            "figureBgColor": "#ffffff",
            "iconFront": "glyphicon glyphicon-time",
            "figureColor": "#282828",
			"columnImage": "",
			"figureBgColor": "#ffffff",
            "descriptionItem": "<p>Quisque est lacus, rhoncus eget diam sit amet, rutrumy and egestas arcu. Duis nibh justo, bibendum consequat eget, rhoncus id nulla.</p>",
			"descriptionItemColor": "#ffffff",
			"boxBorderColor": "#ffffff",
			"boxBgColor": "transparent",
            "order": 2
        }, {
            "title": "User Friendly Interface",
			"titleColor": "#ffffff",
			"columnLink": "#",
			"columnLinkTarget": 0,
			"columnLinkHoverTextColor": "#282828",
            "figureBgColor": "#ffffff",
            "iconFront": "glyphicon glyphicon-map-marker",
            "figureColor": "#282828",
			"columnImage": "",
			"figureBgColor": "#ffffff",
            "descriptionItem": "<p>Quisque est lacus, rhoncus eget diam sit amet, rutrumy and egestas arcu. Duis nibh justo, bibendum consequat eget, rhoncus id nulla.</p>",
			"descriptionItemColor": "#ffffff",
			"boxBorderColor": "#ffffff",
			"boxBgColor": "transparent",
            "order": 3
        }]
    }
}
