blockManager.add('layout-section', { category: categories.layout, attributes: { title: 'Insert section' }, label: `
Section
`, content: `
[Remove and insert your components]
`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('layout-container', { category: categories.layout, attributes: { title: 'Insert container' }, label: `
Container
`, content: `
`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('layout-grid', { category: categories.layout, attributes: { title: 'Insert grid' }, label: `
Grid
`, content: `
Auto
1-3
Expand
`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('layout-column', { category: categories.layout, attributes: { title: 'Insert column' }, label: `
Columns
`, content: `

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.

`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('basic-div', { category: categories.basic, attributes: { title: 'Insert div' }, label: `
Div Block
`, content: `
`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('basic-list-block', { category: categories.basic, attributes: { title: 'Insert list' }, label: `
List Block
`, content: ` `, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('basic-button', { category: categories.basic, attributes: { title: 'Insert button' }, label: `
Button
`, content: ``, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('basic-left-navbar', { category: categories.basic, attributes: { title: 'Insert left navbar' }, label: `
Left Bar
`, content: ` `, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('basic-navbar', { category: categories.basic, attributes: { title: 'Insert navbar' }, label: `
Navbar
`, content: `
`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('basic-search', { category: categories.basic, attributes: { title: 'Insert navbar' }, label: `
Search Bar
`, content: `
`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('basic-hr', { category: categories.basic, attributes: { title: 'Insert hr' }, label: `
Hr Block
`, content: `
`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('typography-heading', { category: categories.typography, attributes: { title: 'Insert heading' }, label: `
Heading
`, content: `

Small

`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('typography-paragraph', { category: categories.typography, attributes: { title: 'Insert paragraph' }, label: `
Paragraph
`, content: `

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('typography-text-link', { category: categories.typography, attributes: { title: 'Insert text link' }, label: `
Text Link
`, content: `Link`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('media-image', { category: categories.media, attributes: { title: 'Insert image' }, label: `
Image
`, content: ``, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('components-banner-0', { category: categories.components, attributes: { title: 'Insert banner' }, label: `
Banner 0
`, content: `

Music Application

Alone, it's music.
​​​​​​​Togather its magic.

Our elite team builds web responsive app for leading companies

`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('components-banner-1', { category: categories.components, attributes: { title: 'Insert banner' }, label: `
Banner 1
`, content: `

Recipe
Contest

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in

[Remove and insert an image]
`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('components-banner-2', { category: categories.components, attributes: { title: 'Insert banner' }, label: `
Banner 2
`, content: `

Recipe Contest

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in

`, render: ({ model, className }) => `
${model.get('label')}
`, }); blockManager.add('components-grid-0', { category: categories.components, attributes: { title: 'Insert grid' }, label: `
Grid 0
`, content: `

Kerala Chicken Curry

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in

Kerala Chicken Curry

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius

By Sarah Elvis

Kerala Chicken Curry

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros

By Sarah Elvis
`, render: ({ model, className }) => `
${model.get('label')}
`, });