{
"projects": [
{
"id": 1,
"data": {
"assets": [
{
"type": "image",
"src": "./img/team1.jpg",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "./img/team2.jpg",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "./img/team3.jpg",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "https://via.placeholder.com/350x250/78c5d6/fff",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "https://via.placeholder.com/350x250/459ba8/fff",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "https://via.placeholder.com/350x250/79c267/fff",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "https://via.placeholder.com/350x250/c5d647/fff",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "https://via.placeholder.com/350x250/f28c33/fff",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "https://via.placeholder.com/350x250/e868a2/fff",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "https://via.placeholder.com/350x250/cc4360/fff",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "./img/work-desk.jpg",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "./img/phone-app.png",
"unitDim": "px",
"height": 0,
"width": 0
},
{
"type": "image",
"src": "./img/bg-gr-v.png",
"unitDim": "px",
"height": 0,
"width": 0
}
],
"styles": [
{
"selectors": [
"clearfix"
],
"style": {
"clear": "both"
}
},
{
"selectors": [
"header-banner"
],
"style": {
"padding-top": "35px",
"padding-bottom": "100px",
"color": "#ffffff",
"font-family": "Helvetica, serif",
"font-weight": "100",
"background-image": "url(\"https://grapesjs.com/img/bg-gr-v.png\"), url(\"https://grapesjs.com/img/work-desk.jpg\")",
"background-attachment": "scroll, scroll",
"background-position": "left top, center center",
"background-repeat": "repeat-y, no-repeat",
"background-size": "contain, cover"
}
},
{
"selectors": [
"container-width"
],
"style": {
"width": "90%",
"max-width": "1150px",
"margin": "0 auto"
}
},
{
"selectors": [
"logo-container"
],
"style": {
"float": "left",
"width": "50%"
}
},
{
"selectors": [
"logo"
],
"style": {
"background-color": "#fff",
"border-radius": "5px",
"width": "130px",
"padding": "10px",
"min-height": "30px",
"text-align": "center",
"line-height": "30px",
"color": "#4d114f",
"font-size": "23px"
}
},
{
"selectors": [
"menu"
],
"style": {
"float": "right",
"width": "50%"
}
},
{
"selectors": [
"menu-item"
],
"style": {
"float": "right",
"font-size": "15px",
"color": "#eee",
"width": "130px",
"padding": "10px",
"min-height": "50px",
"text-align": "center",
"line-height": "30px",
"font-weight": "400"
}
},
{
"selectors": [
"lead-title"
],
"style": {
"margin": "150px 0 30px 0",
"font-size": "40px"
}
},
{
"selectors": [
"sub-lead-title"
],
"style": {
"max-width": "650px",
"line-height": "30px",
"margin-bottom": "30px",
"color": "#c6c6c6"
}
},
{
"selectors": [
"lead-btn"
],
"style": {
"margin-top": "15px",
"padding": "10px",
"width": "190px",
"min-height": "30px",
"font-size": "20px",
"text-align": "center",
"letter-spacing": "3px",
"line-height": "30px",
"background-color": "#d983a6",
"border-radius": "5px",
"transition": "all 0.5s ease",
"cursor": "pointer"
}
},
{
"selectors": [
"lead-btn"
],
"style": {
"background-color": "#ffffff",
"color": "#4c114e"
},
"state": "hover"
},
{
"selectors": [
"lead-btn"
],
"style": {
"background-color": "#4d114f",
"color": "#fff"
},
"state": "active"
},
{
"selectors": [
"flex-sect"
],
"style": {
"background-color": "#fafafa",
"padding": "100px 0",
"font-family": "Helvetica, serif"
}
},
{
"selectors": [
"flex-title"
],
"style": {
"margin-bottom": "15px",
"font-size": "2em",
"text-align": "center",
"font-weight": "700",
"color": "#555",
"padding": "5px"
}
},
{
"selectors": [
"flex-desc"
],
"style": {
"margin-bottom": "55px",
"font-size": "1em",
"color": "rgba(0, 0, 0, 0.5)",
"text-align": "center",
"padding": "5px"
}
},
{
"selectors": [
"cards"
],
"style": {
"padding": "20px 0",
"display": "flex",
"justify-content": "space-around",
"flex-flow": "wrap"
}
},
{
"selectors": [
"card"
],
"style": {
"background-color": "white",
"height": "300px",
"width": "300px",
"margin-bottom": "30px",
"box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.2)",
"border-radius": "2px",
"transition": "all 0.5s ease",
"font-weight": "100",
"overflow": "hidden"
}
},
{
"selectors": [
"card"
],
"style": {
"margin-top": "-5px",
"box-shadow": "0 20px 30px 0 rgba(0, 0, 0, 0.2)"
},
"state": "hover"
},
{
"selectors": [
"card-header"
],
"style": {
"height": "155px",
"background-image": "url(\"https://via.placeholder.com/350x250/78c5d6/fff\")",
"background-size": "cover",
"background-position": "center center"
}
},
{
"selectors": [
"card-header",
"ch2"
],
"style": {
"background-image": "url(\"https://via.placeholder.com/350x250/459ba8/fff\")"
}
},
{
"selectors": [
"card-header",
"ch3"
],
"style": {
"background-image": "url(\"https://via.placeholder.com/350x250/79c267/fff\")"
}
},
{
"selectors": [
"card-header",
"ch4"
],
"style": {
"background-image": "url(\"https://via.placeholder.com/350x250/c5d647/fff\")"
}
},
{
"selectors": [
"card-header",
"ch5"
],
"style": {
"background-image": "url(\"https://via.placeholder.com/350x250/f28c33/fff\")"
}
},
{
"selectors": [
"card-header",
"ch6"
],
"style": {
"background-image": "url(\"https://via.placeholder.com/350x250/e868a2/fff\")"
}
},
{
"selectors": [
"card-body"
],
"style": {
"padding": "15px 15px 5px 15px",
"color": "#555"
}
},
{
"selectors": [
"card-title"
],
"style": {
"font-size": "1.4em",
"margin-bottom": "5px"
}
},
{
"selectors": [
"card-sub-title"
],
"style": {
"color": "#b3b3b3",
"font-size": "1em",
"margin-bottom": "15px"
}
},
{
"selectors": [
"card-desc"
],
"style": {
"font-size": "0.85rem",
"line-height": "17px"
}
},
{
"selectors": [
"am-sect"
],
"style": {
"padding-top": "100px",
"padding-bottom": "100px",
"font-family": "Helvetica, serif"
}
},
{
"selectors": [
"img-phone"
],
"style": {
"float": "left"
}
},
{
"selectors": [
"am-container"
],
"style": {
"display": "flex",
"flex-wrap": "wrap",
"align-items": "center",
"justify-content": "space-around"
}
},
{
"selectors": [
"am-content"
],
"style": {
"float": "left",
"padding": "7px",
"width": "490px",
"color": "#444",
"font-weight": "100",
"margin-top": "50px"
}
},
{
"selectors": [
"am-pre"
],
"style": {
"padding": "7px",
"color": "#b1b1b1",
"font-size": "15px"
}
},
{
"selectors": [
"am-title"
],
"style": {
"padding": "7px",
"font-size": "25px",
"font-weight": "400"
}
},
{
"selectors": [
"am-desc"
],
"style": {
"padding": "7px",
"font-size": "17px",
"line-height": "25px"
}
},
{
"selectors": [
"am-post"
],
"style": {
"padding": "7px",
"line-height": "25px",
"font-size": "13px"
}
},
{
"selectors": [
"blk-sect"
],
"style": {
"padding-top": "100px",
"padding-bottom": "100px",
"background-color": "#222222",
"font-family": "Helvetica, serif"
}
},
{
"selectors": [
"blk-title"
],
"style": {
"color": "#fff",
"font-size": "25px",
"text-align": "center",
"margin-bottom": "15px"
}
},
{
"selectors": [
"blk-desc"
],
"style": {
"color": "#b1b1b1",
"font-size": "15px",
"text-align": "center",
"max-width": "700px",
"margin": "0 auto",
"font-weight": "100"
}
},
{
"selectors": [
"price-cards"
],
"style": {
"margin-top": "70px",
"display": "flex",
"flex-wrap": "wrap",
"align-items": "center",
"justify-content": "space-around"
}
},
{
"selectors": [
"price-card-cont"
],
"style": {
"width": "300px",
"padding": "7px",
"float": "left"
}
},
{
"selectors": [
"price-card"
],
"style": {
"margin": "0 auto",
"min-height": "350px",
"background-color": "#d983a6",
"border-radius": "5px",
"font-weight": "100",
"color": "#fff",
"width": "90%"
}
},
{
"selectors": [
"pc-title"
],
"style": {
"font-weight": "100",
"letter-spacing": "3px",
"text-align": "center",
"font-size": "25px",
"background-color": "rgba(0, 0, 0, 0.1)",
"padding": "20px"
}
},
{
"selectors": [
"pc-desc"
],
"style": {
"padding": "75px 0",
"text-align": "center"
}
},
{
"selectors": [
"pc-feature"
],
"style": {
"color": "rgba(255,255,255,0.5)",
"background-color": "rgba(0, 0, 0, 0.1)",
"letter-spacing": "2px",
"font-size": "15px",
"padding": "10px 20px"
}
},
{
"selectors": [
"pc-feature"
],
"style": {
"background-color": "transparent"
},
"state": "nth-of-type(2n)"
},
{
"selectors": [
"pc-amount"
],
"style": {
"background-color": "rgba(0, 0, 0, 0.1)",
"font-size": "35px",
"text-align": "center",
"padding": "35px 0"
}
},
{
"selectors": [
"pc-regular"
],
"style": {
"background-color": "#da78a0"
}
},
{
"selectors": [
"pc-enterprise"
],
"style": {
"background-color": "#d66a96"
}
},
{
"selectors": [
"footer-under"
],
"style": {
"background-color": "#312833",
"padding-bottom": "100px",
"padding-top": "100px",
"min-height": "500px",
"color": "#eee",
"position": "relative",
"font-weight": "100",
"font-family": "Helvetica,serif"
}
},
{
"selectors": [
"led"
],
"style": {
"border-radius": "100%",
"width": "10px",
"height": "10px",
"background-color": "rgba(0, 0, 0, 0.15)",
"float": "left",
"margin": "2px",
"transition": "all 5s ease"
}
},
{
"selectors": [
"led"
],
"style": {
"background-color": "#c29fca",
"undefined": "undefined",
"box-shadow": "0 0 5px #9d7aa5, 0 0 10px #e6c3ee",
"transition": "all 0s ease"
},
"state": "hover"
},
{
"selectors": [
"copyright"
],
"style": {
"background-color": "rgba(0, 0, 0, 0.15)",
"color": "rgba(238, 238, 238, 0.5)",
"bottom": "0",
"padding": "1em 0",
"position": "absolute",
"width": "100%",
"font-size": "0.75em"
}
},
{
"selectors": [
"made-with"
],
"style": {
"float": "left",
"width": "50%",
"padding": "5px 0"
}
},
{
"selectors": [
"foot-social-btns"
],
"style": {
"display": "none",
"float": "right",
"width": "50%",
"text-align": "right",
"padding": "5px 0"
}
},
{
"selectors": [
"footer-container"
],
"style": {
"display": "flex",
"flex-wrap": "wrap",
"align-items": "stretch",
"justify-content": "space-around"
}
},
{
"selectors": [
"foot-list"
],
"style": {
"float": "left",
"width": "200px"
}
},
{
"selectors": [
"foot-list-title"
],
"style": {
"font-weight": "400",
"margin-bottom": "10px",
"padding": "0.5em 0"
}
},
{
"selectors": [
"foot-list-item"
],
"style": {
"color": "rgba(238, 238, 238, 0.8)",
"font-size": "0.8em",
"padding": "0.5em 0"
}
},
{
"selectors": [
"foot-list-item"
],
"style": {
"color": "rgba(238, 238, 238, 1)"
},
"state": "hover"
},
{
"selectors": [
"foot-form-cont"
],
"style": {
"width": "300px",
"float": "right"
}
},
{
"selectors": [
"foot-form-title"
],
"style": {
"color": "rgba(255,255,255,0.75)",
"font-weight": "400",
"margin-bottom": "10px",
"padding": "0.5em 0",
"text-align": "right",
"font-size": "2em"
}
},
{
"selectors": [
"foot-form-desc"
],
"style": {
"font-size": "0.8em",
"color": "rgba(255,255,255,0.55)",
"line-height": "20px",
"text-align": "right",
"margin-bottom": "15px"
}
},
{
"selectors": [
"form"
],
"style": {
"border-radius": "3px",
"padding": "10px 15px",
"background-color": "rgba(0,0,0,0.2)"
}
},
{
"selectors": [
"input"
],
"style": {
"width": "100%",
"margin-bottom": "15px",
"padding": "7px 10px",
"border-radius": "2px",
"color": "#fff",
"background-color": "#554c57",
"border": "none"
}
},
{
"selectors": [
"textarea"
],
"style": {
"width": "100%",
"margin-bottom": "15px",
"padding": "7px 10px",
"border-radius": "2px",
"color": "#fff",
"background-color": "#554c57",
"border": "none"
}
},
{
"selectors": [
"select"
],
"style": {
"width": "100%",
"margin-bottom": "15px",
"padding": "7px 10px",
"border-radius": "2px",
"color": "#fff",
"background-color": "#554c57",
"border": "none",
"height": "30px"
}
},
{
"selectors": [
"sub-input"
],
"style": {
"width": "100%",
"margin-bottom": "15px",
"padding": "7px 10px",
"border-radius": "2px",
"color": "#fff",
"background-color": "#554c57",
"border": "none"
}
},
{
"selectors": [
"label"
],
"style": {
"width": "100%",
"display": "block"
}
},
{
"selectors": [
"button"
],
"style": {
"width": "100%",
"margin": "15px 0",
"background-color": "#785580",
"border": "none",
"color": "#fff",
"border-radius": "2px",
"padding": "7px 10px",
"font-size": "1em",
"cursor": "pointer"
}
},
{
"selectors": [
"sub-btn"
],
"style": {
"width": "100%",
"margin": "15px 0",
"background-color": "#785580",
"border": "none",
"color": "#fff",
"border-radius": "2px",
"padding": "7px 10px",
"font-size": "1em",
"cursor": "pointer"
}
},
{
"selectors": [
"sub-btn"
],
"style": {
"background-color": "#91699a"
},
"state": "hover"
},
{
"selectors": [
"sub-btn"
],
"style": {
"background-color": "#573f5c"
},
"state": "active"
},
{
"selectors": [
"blk-row"
],
"style": {
"content": "\"\"",
"clear": "both",
"display": "block"
},
"state": ":after"
},
{
"selectors": [
"blk-row"
],
"style": {
"padding": "10px"
}
},
{
"selectors": [
"blk1"
],
"style": {
"width": "100%",
"padding": "10px",
"min-height": "75px"
}
},
{
"selectors": [
"blk2"
],
"style": {
"float": "left",
"width": "50%",
"padding": "10px",
"min-height": "75px"
}
},
{
"selectors": [
"blk3"
],
"style": {
"float": "left",
"width": "33.3333%",
"padding": "10px",
"min-height": "75px"
}
},
{
"selectors": [
"blk37l"
],
"style": {
"float": "left",
"width": "30%",
"padding": "10px",
"min-height": "75px"
}
},
{
"selectors": [
"blk37r"
],
"style": {
"float": "left",
"width": "70%",
"padding": "10px",
"min-height": "75px"
}
},
{
"selectors": [
"heading"
],
"style": {
"padding": "10px"
}
},
{
"selectors": [
"paragraph"
],
"style": {
"padding": "10px"
}
},
{
"selectors": [
"bdg-sect"
],
"style": {
"padding-top": "100px",
"padding-bottom": "100px",
"font-family": "Helvetica, serif",
"background-color": "#fafafa"
}
},
{
"selectors": [
"bdg-title"
],
"style": {
"text-align": "center",
"font-size": "2em",
"margin-bottom": "55px",
"color": "#555555"
}
},
{
"selectors": [
"badges"
],
"style": {
"padding": "20px",
"display": "flex",
"justify-content": "space-around",
"align-items": "flex-start",
"flex-wrap": "wrap"
}
},
{
"selectors": [
"badge"
],
"style": {
"width": "290px",
"font-family": "Helvetica, serif",
"background-color": "white",
"margin-bottom": "30px",
"box-shadow": "0 2px 2px 0 rgba(0, 0, 0, 0.2)",
"border-radius": "3px",
"font-weight": "100",
"overflow": "hidden",
"text-align": "center"
}
},
{
"selectors": [
"badge-header"
],
"style": {
"height": "115px",
"background-image": "url(\"https://grapesjs.com/img/bg-gr-v.png\"), url(\"https://grapesjs.com/img/work-desk.jpg\")",
"background-position": "left top, center center",
"background-attachment": "scroll, fixed",
"overflow": "hidden"
}
},
{
"selectors": [
"blurer"
],
"style": {
"filter": "blur(5px)"
}
},
{
"selectors": [
"badge-name"
],
"style": {
"font-size": "1.4em",
"margin-bottom": "5px"
}
},
{
"selectors": [
"badge-role"
],
"style": {
"color": "#777",
"font-size": "1em",
"margin-bottom": "25px"
}
},
{
"selectors": [
"badge-desc"
],
"style": {
"font-size": "0.85rem",
"line-height": "20px"
}
},
{
"selectors": [
"badge-avatar"
],
"style": {
"width": "100px",
"height": "100px",
"border-radius": "100%",
"border": "5px solid #fff",
"box-shadow": "0 1px 1px 0 rgba(0, 0, 0, 0.2)",
"margin-top": "-75px",
"position": "relative"
}
},
{
"selectors": [
"badge-body"
],
"style": {
"margin": "35px 10px"
}
},
{
"selectors": [
"badge-foot"
],
"style": {
"color": "#fff",
"background-color": "#a290a5",
"padding-top": "13px",
"padding-bottom": "13px",
"display": "flex",
"justify-content": "center"
}
},
{
"selectors": [
"badge-link"
],
"style": {
"height": "35px",
"width": "35px",
"line-height": "35px",
"font-weight": "700",
"background-color": "#fff",
"color": "#a290a5",
"display": "block",
"border-radius": "100%",
"margin": "0 10px"
}
},
{
"selectors": [
"quote"
],
"style": {
"color": "#777",
"font-weight": "300",
"padding": "10px",
"box-shadow": "-5px 0 0 0 #ccc",
"font-style": "italic",
"margin": "20px 30px"
}
},
{
"selectors": [
"foot-form-cont"
],
"style": {
"width": "400px"
},
"mediaText": "(max-width: 768px)",
"atRuleType": "media"
},
{
"selectors": [
"foot-form-title"
],
"style": {
"width": "autopx"
},
"mediaText": "(max-width: 768px)",
"atRuleType": "media"
},
{
"selectors": [
"foot-lists"
],
"style": {
"display": "none"
},
"mediaText": "(max-width: 480px)",
"atRuleType": "media"
}
],
"pages": [
{
"frames": [
{
"component": {
"type": "wrapper",
"stylable": [
"background",
"background-color",
"background-image",
"background-repeat",
"background-attachment",
"background-position",
"background-size"
],
"components": [
{
"tagName": "header",
"classes": [
"header-banner"
],
"components": [
{
"classes": [
"container-width"
],
"attributes": {
"id": "i9hk"
},
"components": [
{
"classes": [
"logo-container"
],
"components": [
{
"type": "text",
"classes": [
"logo"
],
"components": [
{
"type": "textnode",
"content": "GrapesJS"
}
]
}
]
},
{
"tagName": "nav",
"classes": [
"menu"
],
"components": [
{
"type": "text",
"classes": [
"menu-item"
],
"components": [
{
"type": "textnode",
"content": "BUILDER"
}
]
},
{
"type": "text",
"classes": [
"menu-item"
],
"components": [
{
"type": "textnode",
"content": "TEMPLATE"
}
]
},
{
"type": "text",
"classes": [
"menu-item"
],
"components": [
{
"type": "textnode",
"content": "WEB"
}
]
}
]
},
{
"classes": [
"clearfix"
]
},
{
"type": "text",
"classes": [
"lead-title"
],
"attributes": {
"id": "ip9bg"
},
"components": [
{
"type": "textnode",
"content": "Build your templates without coding"
},
{
"tagName": "br",
"void": true
}
]
},
{
"type": "text",
"classes": [
"sub-lead-title"
],
"components": [
{
"type": "textnode",
"content": "All text blocks could be edited easily with double clicking on it. You can create new text blocks with the command from the left panel"
}
]
},
{
"type": "text",
"classes": [
"lead-btn"
],
"components": [
{
"type": "textnode",
"content": "Hover me"
}
]
}
]
}
]
},
{
"tagName": "section",
"classes": [
"flex-sect"
],
"components": [
{
"classes": [
"container-width"
],
"components": [
{
"type": "text",
"classes": [
"flex-title"
],
"components": [
{
"type": "textnode",
"content": "Flex is the new black"
}
]
},
{
"type": "text",
"classes": [
"flex-desc"
],
"components": [
{
"type": "textnode",
"content": "With flexbox system you're able to build complex layouts easily and with free responsivity"
}
]
},
{
"classes": [
"cards"
],
"components": [
{
"classes": [
"card"
],
"components": [
{
"classes": [
"card-header"
]
},
{
"classes": [
"card-body"
],
"components": [
{
"type": "text",
"classes": [
"card-title"
],
"components": [
{
"type": "textnode",
"content": "Title one"
}
]
},
{
"type": "text",
"classes": [
"card-sub-title"
],
"components": [
{
"type": "textnode",
"content": "Subtitle one"
}
]
},
{
"type": "text",
"classes": [
"card-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
}
]
}
]
}
]
},
{
"classes": [
"card"
],
"components": [
{
"classes": [
"card-header",
"ch2"
]
},
{
"classes": [
"card-body"
],
"components": [
{
"type": "text",
"classes": [
"card-title"
],
"components": [
{
"type": "textnode",
"content": "Title two"
}
]
},
{
"type": "text",
"classes": [
"card-sub-title"
],
"components": [
{
"type": "textnode",
"content": "Subtitle two"
}
]
},
{
"type": "text",
"classes": [
"card-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
}
]
}
]
}
]
},
{
"classes": [
"card"
],
"components": [
{
"classes": [
"card-header",
"ch3"
]
},
{
"classes": [
"card-body"
],
"components": [
{
"type": "text",
"classes": [
"card-title"
],
"components": [
{
"type": "textnode",
"content": "Title three"
}
]
},
{
"type": "text",
"classes": [
"card-sub-title"
],
"components": [
{
"type": "textnode",
"content": "Subtitle three"
}
]
},
{
"type": "text",
"classes": [
"card-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
}
]
}
]
}
]
},
{
"classes": [
"card"
],
"components": [
{
"classes": [
"card-header",
"ch4"
]
},
{
"classes": [
"card-body"
],
"components": [
{
"type": "text",
"classes": [
"card-title"
],
"components": [
{
"type": "textnode",
"content": "Title four"
}
]
},
{
"type": "text",
"classes": [
"card-sub-title"
],
"components": [
{
"type": "textnode",
"content": "Subtitle four"
}
]
},
{
"type": "text",
"classes": [
"card-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
}
]
}
]
}
]
},
{
"classes": [
"card"
],
"components": [
{
"classes": [
"card-header",
"ch5"
]
},
{
"classes": [
"card-body"
],
"components": [
{
"type": "text",
"classes": [
"card-title"
],
"components": [
{
"type": "textnode",
"content": "Title five"
}
]
},
{
"type": "text",
"classes": [
"card-sub-title"
],
"components": [
{
"type": "textnode",
"content": "Subtitle five"
}
]
},
{
"type": "text",
"classes": [
"card-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
}
]
}
]
}
]
},
{
"classes": [
"card"
],
"components": [
{
"classes": [
"card-header",
"ch6"
]
},
{
"classes": [
"card-body"
],
"components": [
{
"type": "text",
"classes": [
"card-title"
],
"components": [
{
"type": "textnode",
"content": "Title six"
}
]
},
{
"type": "text",
"classes": [
"card-sub-title"
],
"components": [
{
"type": "textnode",
"content": "Subtitle six"
}
]
},
{
"type": "text",
"classes": [
"card-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"tagName": "section",
"classes": [
"am-sect"
],
"components": [
{
"classes": [
"container-width"
],
"components": [
{
"classes": [
"am-container"
],
"components": [
{
"type": "image",
"resizable": {
"ratioDefault": 1
},
"classes": [
"img-phone"
],
"attributes": {
"src": "./demo/img/phone-app.png"
}
},
{
"classes": [
"am-content"
],
"components": [
{
"type": "text",
"classes": [
"am-pre"
],
"components": [
{
"type": "textnode",
"content": "ASSET MANAGER"
}
]
},
{
"type": "text",
"classes": [
"am-title"
],
"components": [
{
"type": "textnode",
"content": "Manage your images with Asset Manager"
}
]
},
{
"type": "text",
"classes": [
"am-desc"
],
"components": [
{
"type": "textnode",
"content": "You can create image blocks with the command from the left panel and edit them with double click"
}
]
},
{
"type": "text",
"classes": [
"am-post"
],
"components": [
{
"type": "textnode",
"content": "Image uploading is not allowed in this demo"
}
]
}
]
}
]
}
]
}
]
},
{
"tagName": "section",
"classes": [
"blk-sect"
],
"components": [
{
"classes": [
"container-width"
],
"components": [
{
"type": "text",
"classes": [
"blk-title"
],
"components": [
{
"type": "textnode",
"content": "Blocks"
}
]
},
{
"type": "text",
"classes": [
"blk-desc"
],
"components": [
{
"type": "textnode",
"content": "Each element in HTML page could be seen as a block. On the left panel you could find different kind of blocks that you can create, move and style"
}
]
},
{
"classes": [
"price-cards"
],
"components": [
{
"classes": [
"price-card-cont"
],
"components": [
{
"classes": [
"price-card"
],
"components": [
{
"type": "text",
"classes": [
"pc-title"
],
"components": [
{
"type": "textnode",
"content": "Starter"
}
]
},
{
"type": "text",
"classes": [
"pc-desc"
],
"components": [
{
"type": "textnode",
"content": "Some random list"
}
]
},
{
"type": "text",
"classes": [
"pc-feature",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "+ Starter feature 1"
}
]
},
{
"type": "text",
"classes": [
"pc-feature"
],
"components": [
{
"type": "textnode",
"content": "+ Starter feature 2"
}
]
},
{
"type": "text",
"classes": [
"pc-feature",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "+ Starter feature 3"
}
]
},
{
"type": "text",
"classes": [
"pc-feature"
],
"components": [
{
"type": "textnode",
"content": "+ Starter feature 4"
}
]
},
{
"type": "text",
"classes": [
"pc-amount",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "$ 9,90/mo"
}
]
}
]
}
]
},
{
"classes": [
"price-card-cont"
],
"components": [
{
"classes": [
"price-card",
"pc-regular"
],
"components": [
{
"type": "text",
"classes": [
"pc-title"
],
"components": [
{
"type": "textnode",
"content": "Regular"
}
]
},
{
"type": "text",
"classes": [
"pc-desc"
],
"components": [
{
"type": "textnode",
"content": "Some random list"
}
]
},
{
"type": "text",
"classes": [
"pc-feature",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "+ Regular feature 1"
}
]
},
{
"type": "text",
"classes": [
"pc-feature"
],
"components": [
{
"type": "textnode",
"content": "+ Regular feature 2"
}
]
},
{
"type": "text",
"classes": [
"pc-feature",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "+ Regular feature 3"
}
]
},
{
"type": "text",
"classes": [
"pc-feature"
],
"components": [
{
"type": "textnode",
"content": "+ Regular feature 4"
}
]
},
{
"type": "text",
"classes": [
"pc-amount",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "$ 19,90/mo"
}
]
}
]
}
]
},
{
"classes": [
"price-card-cont"
],
"components": [
{
"classes": [
"price-card",
"pc-enterprise"
],
"components": [
{
"type": "text",
"classes": [
"pc-title"
],
"components": [
{
"type": "textnode",
"content": "Enterprise"
}
]
},
{
"type": "text",
"classes": [
"pc-desc"
],
"components": [
{
"type": "textnode",
"content": "Some random list"
}
]
},
{
"type": "text",
"classes": [
"pc-feature",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "+ Enterprise feature 1"
}
]
},
{
"type": "text",
"classes": [
"pc-feature"
],
"components": [
{
"type": "textnode",
"content": "+ Enterprise feature 2"
}
]
},
{
"type": "text",
"classes": [
"pc-feature",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "+ Enterprise feature 3"
}
]
},
{
"type": "text",
"classes": [
"pc-feature"
],
"components": [
{
"type": "textnode",
"content": "+ Enterprise feature 4"
}
]
},
{
"type": "text",
"classes": [
"pc-amount",
"odd-feat"
],
"components": [
{
"type": "textnode",
"content": "$ 29,90/mo"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"tagName": "section",
"classes": [
"bdg-sect"
],
"components": [
{
"classes": [
"container-width"
],
"components": [
{
"tagName": "h1",
"type": "text",
"classes": [
"bdg-title"
],
"components": [
{
"type": "textnode",
"content": "The team"
}
]
},
{
"classes": [
"badges"
],
"components": [
{
"classes": [
"badge"
],
"components": [
{
"classes": [
"badge-header"
]
},
{
"type": "image",
"resizable": {
"ratioDefault": 1
},
"classes": [
"badge-avatar"
],
"attributes": {
"src": "demo/img/team1.jpg"
}
},
{
"classes": [
"badge-body"
],
"components": [
{
"type": "text",
"classes": [
"badge-name"
],
"components": [
{
"type": "textnode",
"content": "Adam Smith"
}
]
},
{
"type": "text",
"classes": [
"badge-role"
],
"components": [
{
"type": "textnode",
"content": "CEO"
}
]
},
{
"type": "text",
"classes": [
"badge-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ipsum dolor sit"
}
]
}
]
},
{
"classes": [
"badge-foot"
],
"components": [
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "f"
}
]
},
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "t"
}
]
},
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "ln"
}
]
}
]
}
]
},
{
"classes": [
"badge"
],
"components": [
{
"classes": [
"badge-header"
]
},
{
"type": "image",
"resizable": {
"ratioDefault": 1
},
"classes": [
"badge-avatar"
],
"attributes": {
"src": "demo/img/team2.jpg"
}
},
{
"classes": [
"badge-body"
],
"components": [
{
"type": "text",
"classes": [
"badge-name"
],
"components": [
{
"type": "textnode",
"content": "John Black"
}
]
},
{
"type": "text",
"classes": [
"badge-role"
],
"components": [
{
"type": "textnode",
"content": "Software Engineer"
}
]
},
{
"type": "text",
"classes": [
"badge-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ipsum dolor sit"
}
]
}
]
},
{
"classes": [
"badge-foot"
],
"components": [
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "f"
}
]
},
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "t"
}
]
},
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "ln"
}
]
}
]
}
]
},
{
"classes": [
"badge"
],
"components": [
{
"classes": [
"badge-header"
]
},
{
"type": "image",
"resizable": {
"ratioDefault": 1
},
"classes": [
"badge-avatar"
],
"attributes": {
"src": "demo/img/team3.jpg"
}
},
{
"classes": [
"badge-body"
],
"components": [
{
"type": "text",
"classes": [
"badge-name"
],
"components": [
{
"type": "textnode",
"content": "Jessica White"
}
]
},
{
"type": "text",
"classes": [
"badge-role"
],
"components": [
{
"type": "textnode",
"content": "Web Designer"
}
]
},
{
"type": "text",
"classes": [
"badge-desc"
],
"components": [
{
"type": "textnode",
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ipsum dolor sit"
}
]
}
]
},
{
"classes": [
"badge-foot"
],
"components": [
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "f"
}
]
},
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "t"
}
]
},
{
"tagName": "span",
"type": "text",
"classes": [
"badge-link"
],
"components": [
{
"type": "textnode",
"content": "ln"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"tagName": "footer",
"classes": [
"footer-under"
],
"components": [
{
"classes": [
"container-width"
],
"components": [
{
"classes": [
"footer-container"
],
"components": [
{
"classes": [
"foot-lists"
],
"components": [
{
"classes": [
"foot-list"
],
"components": [
{
"type": "text",
"classes": [
"foot-list-title"
],
"components": [
{
"type": "textnode",
"content": "About us"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Contact"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Events"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Company"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Jobs"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Blog"
}
]
}
]
},
{
"classes": [
"foot-list"
],
"components": [
{
"type": "text",
"classes": [
"foot-list-title"
],
"components": [
{
"type": "textnode",
"content": "Services"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Education"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Partner"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Community"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Forum"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Download"
}
]
},
{
"type": "text",
"classes": [
"foot-list-item"
],
"components": [
{
"type": "textnode",
"content": "Upgrade"
}
]
}
]
},
{
"classes": [
"clearfix"
]
}
]
},
{
"classes": [
"form-sub"
],
"components": [
{
"classes": [
"foot-form-cont"
],
"components": [
{
"type": "text",
"classes": [
"foot-form-title"
],
"components": [
{
"type": "textnode",
"content": "Subscribe"
}
]
},
{
"type": "text",
"classes": [
"foot-form-desc"
],
"components": [
{
"type": "textnode",
"content": "Subscribe to our newsletter to receive exclusive offers and the latest news"
}
]
},
{
"type": "input",
"void": true,
"classes": [
"sub-input"
],
"attributes": {
"type": "text",
"name": "name",
"placeholder": "Name"
}
},
{
"type": "input",
"void": true,
"classes": [
"sub-input"
],
"attributes": {
"type": "text",
"name": "email",
"placeholder": "Email"
}
},
{
"type": "button",
"classes": [
"sub-btn"
],
"attributes": {
"type": "button"
},
"text": "Submit",
"components": [
{
"type": "textnode",
"content": "Submit"
}
]
}
]
}
]
}
]
}
]
},
{
"classes": [
"copyright"
],
"components": [
{
"classes": [
"container-width"
],
"components": [
{
"type": "text",
"classes": [
"made-with"
],
"components": [
{
"type": "textnode",
"content": "\n made with GrapesJS\n "
}
]
},
{
"type": "text",
"classes": [
"foot-social-btns"
],
"components": [
{
"type": "textnode",
"content": "facebook twitter linkedin mail"
}
]
},
{
"classes": [
"clearfix"
]
}
]
}
]
}
]
}
]
}
}
],
"id": "uOQqiAPov88ZtMR0"
}
]
}
}
]
}