Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"1 Column",
- "media":"",
- "content":"<div class=\"row\" data-gjs-droppable=\".cell\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":0,\"bl\":0,\"br\":0,\"minDim\":1}' data-gjs-name=\"Row\">\n <div class=\"cell\" data-gjs-draggable=\".row\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":1,\"bl\":0,\"br\":0,\"minDim\":1,\"bc\":0,\"currentUnit\":1,\"step\":0.2}' data-gjs-name=\"Cell\"></div>\n </div>\n <style>\n \n .row {\n display: table;\n padding: 10px;\n width: 100%;\n }\n @media (max-width: 768px) {\n .cell, .cell30, .cell70 {\n width: 100%;\n display: block;\n }\n }\n \n .cell {\n width: 8%;\n display: table-cell;\n height: 75px;\n }\n </style>",
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"gjs-fonts gjs-f-b1"
- },
- "id":"column1"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"2 Columns",
- "media":"",
- "content":"<div class=\"row\" data-gjs-droppable=\".cell\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":0,\"bl\":0,\"br\":0,\"minDim\":1}' data-gjs-name=\"Row\">\n <div class=\"cell\" data-gjs-draggable=\".row\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":1,\"bl\":0,\"br\":0,\"minDim\":1,\"bc\":0,\"currentUnit\":1,\"step\":0.2}' data-gjs-name=\"Cell\"></div>\n <div class=\"cell\" data-gjs-draggable=\".row\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":1,\"bl\":0,\"br\":0,\"minDim\":1,\"bc\":0,\"currentUnit\":1,\"step\":0.2}' data-gjs-name=\"Cell\"></div>\n </div>\n <style>\n \n .row {\n display: table;\n padding: 10px;\n width: 100%;\n }\n @media (max-width: 768px) {\n .cell, .cell30, .cell70 {\n width: 100%;\n display: block;\n }\n }\n \n .cell {\n width: 8%;\n display: table-cell;\n height: 75px;\n }\n </style>",
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"gjs-fonts gjs-f-b2"
- },
- "id":"column2"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"3 Columns",
- "media":"",
- "content":"<div class=\"row\" data-gjs-droppable=\".cell\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":0,\"bl\":0,\"br\":0,\"minDim\":1}' data-gjs-name=\"Row\">\n <div class=\"cell\" data-gjs-draggable=\".row\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":1,\"bl\":0,\"br\":0,\"minDim\":1,\"bc\":0,\"currentUnit\":1,\"step\":0.2}' data-gjs-name=\"Cell\"></div>\n <div class=\"cell\" data-gjs-draggable=\".row\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":1,\"bl\":0,\"br\":0,\"minDim\":1,\"bc\":0,\"currentUnit\":1,\"step\":0.2}' data-gjs-name=\"Cell\"></div>\n <div class=\"cell\" data-gjs-draggable=\".row\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":1,\"bl\":0,\"br\":0,\"minDim\":1,\"bc\":0,\"currentUnit\":1,\"step\":0.2}' data-gjs-name=\"Cell\"></div>\n </div>\n <style>\n \n .row {\n display: table;\n padding: 10px;\n width: 100%;\n }\n @media (max-width: 768px) {\n .cell, .cell30, .cell70 {\n width: 100%;\n display: block;\n }\n }\n \n .cell {\n width: 8%;\n display: table-cell;\n height: 75px;\n }\n </style>",
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"gjs-fonts gjs-f-b3"
- },
- "id":"column3"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"2 Columns 3/7",
- "media":"",
- "content":"<div class=\"row\" data-gjs-droppable=\".cell\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":0,\"bl\":0,\"br\":0,\"minDim\":1}' data-gjs-name=\"Row\">\n <div class=\"cell\" data-gjs-draggable=\".row\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":1,\"bl\":0,\"br\":0,\"minDim\":1,\"bc\":0,\"currentUnit\":1,\"step\":0.2}' data-gjs-name=\"Cell\" style=\"width: 30%;\"></div>\n <div class=\"cell\" data-gjs-draggable=\".row\" data-gjs-resizable='{\"tl\":0,\"tc\":0,\"tr\":0,\"cl\":0,\"cr\":1,\"bl\":0,\"br\":0,\"minDim\":1,\"bc\":0,\"currentUnit\":1,\"step\":0.2}' data-gjs-name=\"Cell\" style=\"width: 70%;\"></div>\n </div>\n <style>\n \n .row {\n display: table;\n padding: 10px;\n width: 100%;\n }\n @media (max-width: 768px) {\n .cell, .cell30, .cell70 {\n width: 100%;\n display: block;\n }\n }\n \n .cell {\n width: 8%;\n display: table-cell;\n height: 75px;\n }\n \n .cell30 {\n width: 30%;\n }\n \n .cell70 {\n width: 70%;\n }\n </style>",
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"gjs-fonts gjs-f-b37"
- },
- "id":"column3-7"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Text",
- "media":"",
- "content":{
- "type":"text",
- "content":"Insert your text here",
- "style":{
- "padding":"10px"
- },
- "activeOnRender":1
- },
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"gjs-fonts gjs-f-text"
- },
- "id":"text"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Link",
- "media":"",
- "content":{
- "type":"link",
- "content":"Link",
- "style":{
- "color":"#d983a6"
- }
- },
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"fa fa-link"
- },
- "id":"link"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Image",
- "media":"",
- "content":{
- "style":{
- "color":"black"
- },
- "type":"image",
- "activeOnRender":1
- },
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"gjs-fonts gjs-f-image"
- },
- "id":"image"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Video",
- "media":"",
- "content":{
- "type":"video",
- "src":"img/video2.webm",
- "style":{
- "height":"350px",
- "width":"615px"
- }
- },
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"fa fa-youtube-play"
- },
- "id":"video"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Map",
- "media":"",
- "content":{
- "type":"map",
- "style":{
- "height":"350px"
- }
- },
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"fa fa-map-o"
- },
- "id":"map"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"\n <svg class=\"gjs-block-svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path class=\"gjs-block-svg-path\" d=\"M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z\" fill-rule=\"nonzero\"></path>\n <rect class=\"gjs-block-svg-path\" x=\"15\" y=\"10\" width=\"5\" height=\"1\"></rect>\n <rect class=\"gjs-block-svg-path\" x=\"15\" y=\"13\" width=\"5\" height=\"1\"></rect>\n <rect class=\"gjs-block-svg-path\" x=\"15\" y=\"11.5\" width=\"5\" height=\"1\"></rect>\n </svg>\n <div class=\"gjs-block-label\">Navbar</div>",
- "media":"",
- "content":"\n <div class=\"navbar\" data-gjs-droppable=\"false\" data-gjs-custom-name=\"Navbar\" data-gjs=\"navbar\">\n <div class=\"navbar-container\" data-gjs-droppable=\"false\" data-gjs-draggable=\"false\"\n data-gjs-removable=\"false\" data-gjs-copyable=\"false\" data-gjs-highlightable=\"false\"\n data-gjs-custom-name=\"Navbar Container\">\n\n <a href=\"/\" class=\"navbar-brand\" data-gjs-droppable=\"true\"></a>\n\n <div class=\"navbar-burger\" data-gjs-type=\"burger-menu\">\n <div class=\"navbar-burger-line\" data-gjs-custom-name=\"Burger Line\" data-gjs-droppable=\"false\" data-gjs-draggable=\"false\"></div>\n <div class=\"navbar-burger-line\" data-gjs-custom-name=\"Burger Line\" data-gjs-droppable=\"false\" data-gjs-draggable=\"false\"></div>\n <div class=\"navbar-burger-line\" data-gjs-custom-name=\"Burger Line\" data-gjs-droppable=\"false\" data-gjs-draggable=\"false\"></div>\n </div>\n\n <div class=\"navbar-items-c\" data-gjs=\"navbar-items\">\n <nav class=\"navbar-menu\" data-gjs=\"navbar-menu\" data-gjs-custom-name=\"Navbar Menu\">\n <a href=\"#\" class=\"navbar-menu-link\" data-gjs-custom-name=\"Menu link\" data-gjs-draggable=\"[data-gjs=navbar-menu]\">Home</a>\n <a href=\"#\" class=\"navbar-menu-link\" data-gjs-custom-name=\"Menu link\" data-gjs-draggable=\"[data-gjs=navbar-menu]\">About</a>\n <a href=\"#\" class=\"navbar-menu-link\" data-gjs-custom-name=\"Menu link\" data-gjs-draggable=\"[data-gjs=navbar-menu]\">Contact</a>\n </nav>\n </div>\n\n </div>\n </div>\n \n <style>\n .navbar-items-c {\n display: inline-block;\n float: right;\n }\n\n .navbar {\n background-color: #222;\n color: #ddd;\n min-height: 50px;\n width: 100%;\n }\n\n .navbar-container {\n max-width: 950px;\n margin: 0 auto;\n width: 95%;\n }\n\n .navbar-container::after {\n content: \"\";\n clear: both;\n display: block;\n }\n\n .navbar-brand {\n vertical-align: top;\n display: inline-block;\n padding: 5px;\n min-height: 50px;\n min-width: 50px;\n color: inherit;\n text-decoration: none;\n }\n\n .navbar-menu {\n padding: 10px 0;\n display: block;\n float: right;\n margin: 0;\n }\n\n .navbar-menu-link {\n margin: 0;\n color: inherit;\n text-decoration: none;\n display: inline-block;\n padding: 10px 15px;\n }\n\n .navbar-burger {\n margin: 10px 0;\n width: 45px;\n padding: 5px 10px;\n display: none;\n float: right;\n cursor: pointer;\n }\n\n .navbar-burger-line {\n padding: 1px;\n background-color: white;\n margin: 5px 0;\n }\n\n @media (max-width: 768px) {\n .navbar-burger {\n display: block;\n }\n\n .navbar-items-c {\n display: none;\n width: 100%;\n }\n\n .navbar-menu {\n width: 100%;\n }\n\n .navbar-menu-link {\n display: block;\n }\n }\n </style>\n \n ",
- "category":{
- "id":"Extra",
- "label":"Extra",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"h-navbar"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Countdown",
- "media":"",
- "content":"\n <div class=\"countdown\" data-gjs-type=\"countdown\"></div>\n <style>\n .countdown {\n text-align: center;\n font-family: Helvetica, serif;\n }\n\n .countdown-block {\n display: inline-block;\n margin: 0 10px;\n padding: 10px;\n }\n\n .countdown-digit {\n font-size: 5rem;\n }\n\n .countdown-endtext {\n font-size: 5rem;\n }\n\n .countdown-cont,\n .countdown-block {\n display: inline-block;\n }\n </style>\n ",
- "category":{
- "id":"Extra",
- "label":"Extra",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"fa fa-clock-o"
- },
- "id":"countdown"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"\n <svg class=\"gjs-block-svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path class=\"gjs-block-svg-path\" d=\"M22,5.5 C22,5.2 21.5,5 20.75,5 L3.25,5 C2.5,5 2,5.2 2,5.5 L2,8.5 C2,8.8 2.5,9 3.25,9 L20.75,9 C21.5,9 22,8.8 22,8.5 L22,5.5 Z M21,8 L3,8 L3,6 L21,6 L21,8 Z\" fill-rule=\"nonzero\"></path>\n <path class=\"gjs-block-svg-path\" d=\"M22,10.5 C22,10.2 21.5,10 20.75,10 L3.25,10 C2.5,10 2,10.2 2,10.5 L2,13.5 C2,13.8 2.5,14 3.25,14 L20.75,14 C21.5,14 22,13.8 22,13.5 L22,10.5 Z M21,13 L3,13 L3,11 L21,11 L21,13 Z\" fill-rule=\"nonzero\"></path>\n <rect class=\"gjs-block-svg-path\" x=\"2\" y=\"15\" width=\"10\" height=\"3\" rx=\"0.5\"></rect>\n </svg>\n <div class=\"gjs-block-label\">Form</div>",
- "media":"",
- "content":"\n <form class=\"form\">\n <div class=\"form-group\">\n <label class=\"label\">Name</label>\n <input placeholder=\"Type here your name\" class=\"input\"/>\n </div>\n <div class=\"form-group\">\n <label class=\"label\">Email</label>\n <input type=\"email\" placeholder=\"Type here your email\" class=\"input\"/>\n </div>\n <div class=\"form-group\">\n <label class=\"label\">Gender</label>\n <input type=\"checkbox\" class=\"checkbox\" value=\"M\">\n <label class=\"checkbox-label\">M</label>\n <input type=\"checkbox\" class=\"checkbox\" value=\"F\">\n <label class=\"checkbox-label\">F</label>\n </div>\n <div class=\"form-group\">\n <label class=\"label\">Message</label>\n <textarea class=\"textarea\"></textarea>\n </div>\n <div class=\"form-group\">\n <button type=\"submit\" class=\"button\">Send</button>\n </div>\n </form>\n ",
- "category":{
- "id":"Forms",
- "label":"Forms",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"form"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"\n <svg class=\"gjs-block-svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path class=\"gjs-block-svg-path\" d=\"M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z\"></path>\n <polygon class=\"gjs-block-svg-path\" points=\"4 10 5 10 5 14 4 14\"></polygon>\n </svg>\n <div class=\"gjs-block-label\">Input</div>",
- "media":"",
- "content":"<input class=\"input\"/>",
- "category":{
- "id":"Forms",
- "label":"Forms",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"input"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"\n <svg class=\"gjs-block-svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path class=\"gjs-block-svg-path\" d=\"M22,7.5 C22,6.6 21.5,6 20.75,6 L3.25,6 C2.5,6 2,6.6 2,7.5 L2,16.5 C2,17.4 2.5,18 3.25,18 L20.75,18 C21.5,18 22,17.4 22,16.5 L22,7.5 Z M21,17 L3,17 L3,7 L21,7 L21,17 Z\"></path>\n <polygon class=\"gjs-block-svg-path\" points=\"4 8 5 8 5 12 4 12\"></polygon>\n <polygon class=\"gjs-block-svg-path\" points=\"19 7 20 7 20 17 19 17\"></polygon>\n <polygon class=\"gjs-block-svg-path\" points=\"20 8 21 8 21 9 20 9\"></polygon>\n <polygon class=\"gjs-block-svg-path\" points=\"20 15 21 15 21 16 20 16\"></polygon>\n </svg>\n <div class=\"gjs-block-label\">Textarea</div>",
- "media":"",
- "content":"<textarea class=\"textarea\"></textarea>",
- "category":{
- "id":"Forms",
- "label":"Forms",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"textarea"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"\n <svg class=\"gjs-block-svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path class=\"gjs-block-svg-path\" d=\"M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z\" fill-rule=\"nonzero\"></path>\n <polygon class=\"gjs-block-svg-path\" transform=\"translate(18.500000, 12.000000) scale(1, -1) translate(-18.500000, -12.000000) \" points=\"18.5 11 20 13 17 13\"></polygon>\n <rect class=\"gjs-block-svg-path\" x=\"4\" y=\"11.5\" width=\"11\" height=\"1\"></rect>\n </svg>\n <div class=\"gjs-block-label\">Select</div>",
- "media":"",
- "content":"<select class=\"select\">\n <option value=\"\">- Select option -</option>\n <option value=\"1\">Option 1</option>\n </select>",
- "category":{
- "id":"Forms",
- "label":"Forms",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"select"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"\n <svg class=\"gjs-block-svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path class=\"gjs-block-svg-path\" d=\"M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z\" fill-rule=\"nonzero\"></path>\n <rect class=\"gjs-block-svg-path\" x=\"4\" y=\"11.5\" width=\"16\" height=\"1\"></rect>\n </svg>\n <div class=\"gjs-block-label\">Button</div>",
- "media":"",
- "content":"<button class=\"button\">Send</button>",
- "category":{
- "id":"Forms",
- "label":"Forms",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"button"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"\n <svg class=\"gjs-block-svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path class=\"gjs-block-svg-path\" d=\"M22,11.875 C22,11.35 21.5,11 20.75,11 L3.25,11 C2.5,11 2,11.35 2,11.875 L2,17.125 C2,17.65 2.5,18 3.25,18 L20.75,18 C21.5,18 22,17.65 22,17.125 L22,11.875 Z M21,17 L3,17 L3,12 L21,12 L21,17 Z\" fill-rule=\"nonzero\"></path>\n <rect class=\"gjs-block-svg-path\" x=\"2\" y=\"5\" width=\"14\" height=\"5\" rx=\"0.5\"></rect>\n <polygon class=\"gjs-block-svg-path\" fill-rule=\"nonzero\" points=\"4 13 5 13 5 16 4 16\"></polygon>\n </svg>\n <div class=\"gjs-block-label\">Label</div>",
- "media":"",
- "content":"<label class=\"label\">Label</label>",
- "category":{
- "id":"Forms",
- "label":"Forms",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"label"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Checkbox",
- "media":"",
- "content":"<input type=\"checkbox\" class=\"checkbox\"/>",
- "category":{
- "id":"Forms",
- "label":"Forms",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"fa fa-check-square"
- },
- "id":"checkbox"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Radio",
- "media":"",
- "content":"<input type=\"radio\" class=\"radio\"/>",
- "category":{
- "id":"Forms",
- "label":"Forms",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"fa fa-dot-circle-o"
- },
- "id":"radio"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Link Block",
- "media":"",
- "content":{
- "type":"link",
- "editable":false,
- "droppable":true,
- "style":{
- "display":"inline-block",
- "padding":"5px",
- "min-height":"50px",
- "min-width":"50px"
- }
- },
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"fa fa-link"
- },
- "id":"link-block"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Quote",
- "media":"",
- "content":"<blockquote class=\"quote\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ipsum dolor sit\n </blockquote>",
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"fa fa-quote-right"
- },
- "id":"quote"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"Text section",
- "media":"",
- "content":"<section class=\"bdg-sect\">\n <h1 class=\"heading\">Insert title here</h1>\n <p class=\"paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>\n </section>",
- "category":{
- "id":"Basic",
- "label":"Basic",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- "class":"gjs-fonts gjs-f-h1p"
- },
- "id":"text-basic"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"\n <svg class=\"gjs-block-svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M22 7.6c0-1-.5-1.6-1.3-1.6H3.4C2.5 6 2 6.7 2 7.6v9.8c0 1 .5 1.6 1.3 1.6h17.4c.8 0 1.3-.6 1.3-1.6V7.6zM21 18H3V7h18v11z\" fill-rule=\"nonzero\"/><path d=\"M4 12.5L6 14v-3zM20 12.5L18 14v-3z\"/>\n </svg>\n <div class=\"gjs-block-label\">Slider</div>\n ",
- "media":"",
- "content":{
- "type":"lory-slider"
- },
- "category":"",
- "attributes":{
- },
- "id":"lory-slider"
- },
- {
- "activate":true,
- "select":true,
- "resetId":0,
- "label":"<svg viewBox=\"0 0 24 24\">\n <path d=\"M14.6 16.6l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4z\"></path>\n </svg>\n <div>Custom Code</div>",
- "media":"",
- "content":{
- "type":"custom-code"
- },
- "category":{
- "id":"Extra",
- "label":"Extra",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"custom-code"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"NAVBAR",
- "media":"",
- "content":" <style type=\"text/css\"> h1 { margin-top: 100px; text-align: center; font-size: 60px; line-height: 70px; font-family: \"roboto\", sans-serif; } #container { margin: 0 auto; max-width: 890px; } p { text-align: center; } .toggle, [id^=drop] { display: none; } nav { margin: 0; padding: 0; background-color: #f2f2f2; } #logo { display: block; padding: 0 30px; float: left; font-size: 20px; line-height: 60px; } nav:after { content: \"\"; display: table; clear: both; } nav ul { float: left; padding: 0; margin: 0; list-style: none; position: relative; } nav ul li { margin: 0px; display: inline-block; float: left; background-color: #f2f2f2; } nav a { display: block; padding: 0 20px; color: #FFF; font-size: 20px; line-height: 60px; text-decoration: none; } nav ul li ul li:hover { background: #000000; } nav a:hover { background-color: #000000; } nav ul ul { display: none; position: absolute; top: 60px; } nav ul li:hover > ul { display: inherit; } nav ul ul li { width: 170px; float: none; display: list-item; position: relative; } nav ul ul ul li { position: relative; top: -60px; left: 170px; } li > a:after { content: \" +\"; } li > a:only-child:after { content: \"\"; } @media all and (max-width : 768px) { #logo { display: block; padding: 0; width: 100%; text-align: center; float: none; } nav { margin: 0; } .toggle + a, .menu { display: none; } .toggle { display: block; background-color: #f2f2f2; padding: 0 20px; color: #FFF; font-size: 22px; font-weight:bold; line-height: 60px; text-decoration: none; border: none; } .toggle:hover { background-color: #000000; } [id^=drop]:checked + ul { display: block; } nav ul li { display: block; width: 100%; } nav ul ul .toggle, nav ul ul a { padding: 0 40px; } nav ul ul ul a { padding: 0 80px; } nav a:hover, nav ul ul ul a { background-color: #000000; } nav ul li ul li .toggle, nav ul ul a { background-color: #212121; } nav ul ul { float: none; position: static; color: #ffffff; } nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; } nav ul ul li { display: block; width: 100%; } nav ul ul ul li { position: static; } } @media all and (max-width : 330px) { nav ul li { display: block; width: 94%; } } nav { background-color: #f2f2f2 !important; } ul.menu li a { background-color: #f2f2f2 !important; color: #000000 !important; } label.toggle { background-color: #f2f2f2 !important; color: #000000 !important; } </style> <nav > <label for=\"drop\" class=\"toggle\">≡ </label> <input type=\"checkbox\" id=\"drop\" /> <ul class=\"menu\"> <li><a href=\"#\"><img id=\"i2bc5\" src=\" <svg xmlns="http://www.w3.org/2000/svg" width="100" viewBox="0 0 24 24" style="fill: rgba(0,0,0,0.15); transform: scale(0.75)"> <path d="M8.5 13.5l2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2z"></path> </svg>\"/></a></li> <li> <!-- First Tier Drop Down --> <label for=\"drop-1\" class=\"toggle\">Service</label> <a href=\"#\">Service</a> <input type=\"checkbox\" id=\"drop-1\"/> <ul> <li><a href=\"#\">Service 1</a></li> <li><a href=\"#\">Service 2</a></li> <li><a href=\"#\">Service 3</a></li> </ul> </li> <li> <!-- First Tier Drop Down --> <label for=\"drop-2\" class=\"toggle\">Portfolio</label> <a href=\"#\">Portfolio</a> <input type=\"checkbox\" id=\"drop-2\"/> <ul> <li><a href=\"#\">Portfolio 1</a></li> <li><a href=\"#\">Portfolio 2</a></li> <li> <!-- Second Tier Drop Down --> <label for=\"drop-3\" class=\"toggle\">Works</label> <a href=\"#\">Works</a> <input type=\"checkbox\" id=\"drop-3\"/> <ul> <li><a href=\"#\">HTML/CSS</a></li> <li><a href=\"#\">jQuery</a></li> <li><a href=\"#\">Python</a></li> </ul> </li> </ul> </li> <li><a href=\"#\">Blog</a></li> <li><a href=\"#\">Submit</a></li> <li><a href=\"#\">Contact</a></li> <li><a href=\"#\">About</a></li> </ul> </nav> ",
- "category":{
- "id":"NAVBAR",
- "label":"NAVBAR",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"my-navbar-block"
- },
- {
- "activate":0,
- "select":0,
- "resetId":0,
- "label":"NAVBAR-DROPDOWN",
- "media":"",
- "content":"<li> <label for=\"drop-2\" class=\"toggle\">Portfolio +</label> <a href=\"#\">DropDownMenu</a> <input type=\"checkbox\" id=\"drop-2\"/> <ul> <li><a href=\"#\">Portfolio 1</a></li> <li><a href=\"#\">Portfolio 2</a></li> </ul> </li> ",
- "category":{
- "id":"NAVBAR",
- "label":"NAVBAR",
- "open":true,
- "attributes":{
- }
- },
- "attributes":{
- },
- "id":"my-navbar-block-dropdown"
- }
- ]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement