{"id":122,"date":"2018-08-24T16:05:50","date_gmt":"2018-08-24T16:05:50","guid":{"rendered":"http:\/\/stopdesign.cn\/vc\/?page_id=122"},"modified":"2018-09-27T06:49:12","modified_gmt":"2018-09-27T06:49:12","slug":"expand-grid","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/vc\/","title":{"rendered":"Expand Grid"},"content":{"rendered":"<div class=\"vce-row-container\"><div class=\"vce-row vce-element--has-background vce-row--col-gap-0 vce-row-full-height vce-row-columns--top vce-row-content--top\" data-vce-full-width=\"true\" id=\"el-79043200\" data-vce-do-apply=\"all el-79043200\"><div class=\"vce-content-background-container\"><\/div><div class=\"vce-row-content\" data-vce-element-content=\"true\" style=\"padding-left: 20px; padding-right: 20px;\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-aabf23a5\" data-vce-do-apply=\"background border el-aabf23a5\"><div class=\"vce-content-background-container\"><\/div><div class=\"vce-col-inner\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding margin  el-aabf23a5\"><div id=\"el-0f1e6937\" class=\"cq-expandgrid cq-expandgrid-shape-rounded cq-expandgrid-close-true cq-expandgrid-arrow-true cq-roundedavatar-round cq-expandgrid-avatar-60 cq-expandgrid-in4 cq-expandgrid-itemmargin-8\" data-autoslide=\"4\" data-transparentitem=\"true\" data-openfirst=\"true\" data-vce-do-apply=\"all el-0f1e6937\"><div class=\"cq-expandgrid-item lavender cq-expandgrid-initstate outfoucs\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><i class=\"cq-expandgrid-icon vcv-ui-icon-material vcv-ui-icon-material-room\"><\/i><span class=\"cq-expandgrid-title\">Main Features<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><ol><li>Support built-in background style and also support customize color.<\/li><li>Auto delay slideshow.<\/li><li>Grid columns option.<\/li><li>Optional arrow, item shape, optional avatar image or icon etc.<\/li><li>And much more...<\/li><\/ol><p>Hello Web Design Content, edit this in the editor.<\/p><p>Support built-in color style, also support custom color. Give you all the flexibility to edit content.<\/p><p>The text here support the WordPress built-in rich editor, which means you can embed image or video here.<\/p><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item aqua cq-expandgrid-openstate\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><i class=\"cq-expandgrid-icon fa fa-youtube-square\" style=\"color: rgb(129, 30, 108);\"><\/i><span class=\"cq-expandgrid-title\">Support Video<\/span><span class=\"cq-expandgrid-subtitle\">YouTube\/Vimeo<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\">As you can see the content support YouTube video too. See how it works in the editor below:\n<br><br>\n<iframe src=\"https:\/\/www.youtube.com\/embed\/gEro1CbujL4\" width=\"100%\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate bluejeans outfoucs\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\" style=\"background-image: url('https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/hamed-daram-776370-unsplash-2.jpg');\"><div class=\"cq-expandgrid-facecontent\"><i class=\"cq-expandgrid-icon fa fa-twitter\"><\/i><span class=\"cq-expandgrid-title\">Social Media<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><p><img class=\"aligncenter wp-image-65 size-full\" src=\"https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/jose-martinez-776754-unsplash-1.jpg\" alt=\"photo\" width=\"800\" height=\"534\"><\/p><p>Hello Social Media, edit this in the editor.<\/p><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate mint outfoucs\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\" style=\"background-image: url('https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/sharon-mccutcheon-775538-unsplash.jpg'); background-size: cover; background-position: center center;\"><\/div><span class=\"cq-expandgrid-title\">Group title<\/span><span class=\"cq-expandgrid-subtitle\">Sub title<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><p>Now you can add the item one by one. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.<\/p><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate darkgray outfoucs\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\" style=\"background-image: url('https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/kupono-kuwamura-27657-unsplash.jpg'); background-size: cover; background-position: center center;\"><\/div><span class=\"cq-expandgrid-title\">Group title<\/span><span class=\"cq-expandgrid-subtitle\">Sub title<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><p>Now you can add the item one by one. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.<\/p><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate grass outfoucs\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\" style=\"background-image: url('https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/hamed-daram-776370-unsplash-2.jpg'); background-size: cover; background-position: center center;\"><\/div><span class=\"cq-expandgrid-title\">Group title<\/span><span class=\"cq-expandgrid-subtitle\">Sub title<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><p>Now you can add the item one by one. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.<\/p><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\"><div class=\"vce-row vce-element--has-background vce-row--col-gap-0 vce-row-full-height vce-row-columns--top vce-row-content--top\" data-vce-full-width=\"true\" id=\"el-bc91fd31\" data-vce-do-apply=\"all el-bc91fd31\"><div class=\"vce-content-background-container\"><\/div><div class=\"vce-row-content\" data-vce-element-content=\"true\" style=\"padding-left: 20px; padding-right: 20px;\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-07fef29b\" data-vce-do-apply=\"background border el-07fef29b\"><div class=\"vce-content-background-container\"><\/div><div class=\"vce-col-inner\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding margin  el-07fef29b\"><div id=\"el-61d1327b\" class=\"cq-expandgrid cq-expandgrid-shape-square cq-expandgrid-close-false cq-expandgrid-arrow-false cq-roundedavatar-round cq-expandgrid-avatar-80 cq-expandgrid-in3 cq-expandgrid-itemmargin-10\" data-autoslide=\"0\" data-transparentitem=\"false\" data-openfirst=\"false\" data-vce-do-apply=\"all el-61d1327b\"><div class=\"cq-expandgrid-item cq-expandgrid-initstate grass\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\" style=\"height: 240px;\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\" style=\"background-image: url('https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/hamed-daram-776370-unsplash-2.jpg'); background-size: cover; background-position: center center;\"><\/div><span class=\"cq-expandgrid-title\">Optional arrow<\/span><span class=\"cq-expandgrid-subtitle\">Optional sub title<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><p>Now you can add the item one by one. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.<\/p><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate lavender\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\" style=\"height: 240px; background-image: url('https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/jose-martinez-776754-unsplash-1.jpg');\"><div class=\"cq-expandgrid-facecontent\"><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><h1 style=\"font-size: 3.1rem; margin-bottom: 20px; font-family: Montserrat; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255); letter-spacing: normal; text-transform: capitalize; text-size-adjust: auto; text-align: center;\"><i style=\"font-size: 3.1rem;\">Create Your WordPress Website.<\/i><br><\/h1><h1 style=\"font-size: 3.1rem; margin-bottom: 20px; font-family: Montserrat; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255); letter-spacing: normal; text-transform: capitalize; text-size-adjust: auto; text-align: center;\"><i>Any Layout. Fast And Easy.<\/i><\/h1><h3 class=\"vcs-paragraph\" style=\"font-family: Roboto; line-height: 1.6; color: rgb(68, 68, 68); margin-bottom: 1.8rem; font-size: 1rem; letter-spacing: normal; text-size-adjust: auto; text-align: center;\"><span style=\"color: rgb(255, 255, 255);\">The Best Website Editor for WordPress Experts and Beginners. Convert Your Imagination Into a Real Website.<\/span><\/h3><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate darkgray\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\" style=\"height: 240px; background-image: url('https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/youtube_thumb.jpg');\"><div class=\"cq-expandgrid-facecontent\"><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\">Visual Composer makes page building for WordPress easy and gives you the freedom to experiment with your layout. A simple drag and drop interface comes bundled with the premium templates, elements, and extensions - all you need to create and support your online presence without coding.\n<br><br>\n<iframe src=\"https:\/\/www.youtube.com\/embed\/gEro1CbujL4\" width=\"100%\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate aqua\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\" style=\"height: 240px;\"><div class=\"cq-expandgrid-facecontent\"><i class=\"cq-expandgrid-icon fa fa-search\"><\/i><span class=\"cq-expandgrid-title\">Marketing<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\">Hello Marketing Content, edit this in the editor.<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate mint\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\" style=\"height: 240px;\"><div class=\"cq-expandgrid-facecontent\"><div class=\"cq-expandgrid-avatar\" style=\"background-image: url('https:\/\/stopdesign.cn\/vc\/wp-content\/uploads\/2018\/08\/sharon-mccutcheon-775538-unsplash.jpg'); background-size: cover; background-position: center center;\"><\/div><span class=\"cq-expandgrid-title\">Group title<\/span><span class=\"cq-expandgrid-subtitle\">Sub title<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\"><p>Now you can add the item one by one. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.<\/p><\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><div class=\"cq-expandgrid-item cq-expandgrid-initstate bluejeans\"><div class=\"cq-expandgrid-face cq-expandgrid-toggle\" style=\"height: 240px;\"><div class=\"cq-expandgrid-facecontent\"><i class=\"cq-expandgrid-icon fa fa-twitter\"><\/i><span class=\"cq-expandgrid-title\">Social Media<\/span><\/div><div class=\"cq-expandgrid-arrow\"><\/div><\/div><div class=\"cq-expandgrid-content\"><div class=\"cq-expandgrid-text\">Hello Social Media, edit this in the editor.<\/div><i class=\"fa fa-close cq-expandgrid-close\"><\/i><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Main FeaturesSupport built-in background style and also support customize color.Auto delay slideshow.Grid columns option.Optional arrow, item shape, optional avatar image or icon etc.And much more&#8230;Hello Web Design Content, edit this in the editor.Support built-in color style, also support custom color. Give you all the flexibility to edit content.The text here support the WordPress built-in rich [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/vc\/wp-json\/wp\/v2\/pages\/122"}],"collection":[{"href":"https:\/\/stopdesign.cn\/vc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/vc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/vc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/vc\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":61,"href":"https:\/\/stopdesign.cn\/vc\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/stopdesign.cn\/vc\/wp-json\/wp\/v2\/pages\/122\/revisions\/228"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/vc\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}