{"id":3564,"date":"2023-06-21T16:36:21","date_gmt":"2023-06-21T15:36:21","guid":{"rendered":"https:\/\/monriad.net\/page-builder\/"},"modified":"2023-06-21T16:36:21","modified_gmt":"2023-06-21T15:36:21","slug":"page-builder","status":"publish","type":"page","link":"https:\/\/monriad.net\/it\/page-builder\/","title":{"rendered":"Page Builder"},"content":{"rendered":" \n
\n \"alasdair-elmes-ULHxWq8reao-unsplash\"\n\n <\/div>\n
\n

\n Upcore <\/p>\n

Page Builder \n An example list of Upcore\u2019s page builder system <\/span>\n <\/h1>\n <\/div>\n
\n \n <\/svg>\n Prenota con WhatsApp<\/span> \n <\/a>\n <\/div>\n <\/section>\n \n\n \n \n
\n
\n
\"Image-3\"\n\n\"Image\"\n\n\"marvin-meyer-8CDuHXff3zo-unsplash\"\n\n\"kalisa-veer-Y1Ek7_a0wJ0-unsplash\"\n\n<\/div>
\n Previous<\/title><\/g><\/svg><\/a>\n
<\/div>\n Next<\/title><\/g><\/svg><\/a>\n <\/div> <\/div>\n\n
\n
\n
\n

\n page builder <\/p>\n \n

Content & Image \n Content, Image <\/span>\n <\/h2>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n <\/article>\n \n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n \n
\n
\n \n \n
\"Image-4\"\n\n<\/div> \n\n
\n

\n Overline <\/p>\n \n

Content Lockup \n Subheading <\/span>\n <\/h3>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus. <\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n
\n \n \n
\"Image-4\"\n\n<\/div> \n\n
\n

\n Overline <\/p>\n \n

Content Lockup \n Subheading <\/span>\n <\/h3>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n
\n \n \n
\"Image-4\"\n\n<\/div> \n\n
\n

\n Overline <\/p>\n \n

Content Lockup \n Subheading <\/span>\n <\/h3>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n \n
\n \n
\n
\n

\n Overline <\/p>\n

\n Call to Action Block <\/h3>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam<\/p>\n <\/div>\n

\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n <\/div>\n <\/div>\n <\/a>\n \n
\n
\n

\n Overline <\/p>\n

\n Call to Action Block <\/h3>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam<\/p>\n <\/div>\n

\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n <\/div>\n <\/div>\n <\/a>\n \n
\n
\n

\n Overline <\/p>\n

\n Call to Action Block <\/h3>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam<\/p>\n <\/div>\n

\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n <\/div>\n <\/div>\n \"Image-4\"\n\n <\/a>\n <\/div>\n <\/section>\n \n\n \n \n
\n
\n <\/div>\n\n
\n \n
\n

In the heart of Marrakech, in a typical street in the medina, within 5 minutes from the main square Jemaa El Fna and a few steps away from the Bahia Palace. Monriad is an oasis of freshness and tranquillity.<\/p>\n <\/article>\n

\n <\/g><\/svg>\n <\/div>\n \n \n <\/div>\n <\/div>\n <\/section>\n \n\n \n \n
\n
\n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n <\/div>\n <\/div>\n \n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Hey there! <\/p>\n <\/div>\n <\/a>\n

\n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Lorem ipsum dolor sit amet <\/p>\n <\/div>\n <\/div>\n

\n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Lorem ipsum dolor sit amet <\/p>\n <\/div>\n <\/div>\n

\n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Lorem ipsum dolor sit amet <\/p>\n <\/div>\n \"Image-4\"\n\n <\/div>\n \n

\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Lorem ipsum dolor sit amet <\/p>\n <\/div>\n \"Image-4\"\n\n <\/a>\n <\/div>\n <\/section>\n \n\n \n \n

\n \n
\n

\n Page Builder Callout Section <\/h3>\n

\n Praesent sagittis, tortor, laoreet vitae etiam elementum aliquam ultricies. <\/p>\n <\/header>\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n \n <\/a>\n \n
\n

\n Page Builder Callout Section <\/h3>\n

\n Praesent sagittis, tortor, laoreet vitae etiam elementum aliquam ultricies. <\/p>\n <\/header>\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n \n <\/a>\n \n
\n

\n Page Builder Callout Section <\/h3>\n

\n Praesent sagittis, tortor, laoreet vitae etiam elementum aliquam ultricies. <\/p>\n <\/header>\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n \n \"Rectangle\n <\/a>\n <\/div>\n <\/section>\n \n\n \n \n
\n
\n
\n

\n Overline <\/p>\n \n

Featured Call to Action Section Subheading<\/span> <\/h2>\n <\/header>\n\n
\n

Ultricies neque, arcu, sagittis cras sit erat sit. Non suspendisse et scelerisque consectetur id eget sem. Aliquet lacus risus, nullam donec aenean malesuada viverra. Amet eu morbi egestas nibh tortor auctor accumsan. Sed tortor facilisis nascetur venenatis purus.<\/p>\n\n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/article> \n \n <\/div>\n \"Rectangle\n <\/div>\n <\/section>\n \n\n \n \n
\n <\/a>\n <\/a>\n
\n
\n
\n \"Rectangle\n <\/div>\n

\n This is an image caption <\/p>\n <\/div>\n

\n
\n \"\"\n\n <\/div>\n

\n This is an image caption <\/p>\n <\/div>\n

\n
\n \"Image-1\"\n\n <\/div>\n

\n This is an image caption <\/p>\n <\/div>\n <\/div>\n\n

\n Previous<\/title><\/g><\/svg><\/a>\n
<\/div>\n Next<\/title><\/g><\/svg><\/a>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n \n
\n
\n
\n <\/svg> <\/div>\n
\n

Lorem ipsum<\/h3>\n

Et ac scelerisque ipsum ultrices elit tortor. <\/p>\n <\/div>\n <\/div>\n

\n
\n <\/svg> <\/div>\n
\n

Vestibulum id<\/h3>\n

Tristique nisi lacus sapien ut varius gravida et.<\/p>\n <\/div>\n <\/div>\n

\n
\n <\/svg> <\/div>\n
\n

Enim viverra<\/h3>\n

Porttitor arcu luctus tortor bibendum amet.<\/p>\n <\/div>\n <\/div>\n

\n
\n <\/svg> <\/div>\n
\n

At malesuada<\/h3>\n

Vestibulum nascetur gravida lectus.<\/p>\n <\/div>\n <\/div>\n

\n
\n <\/svg> <\/div>\n
\n

Risus vulputate<\/h3>\n

Lorem lacinia curabitur egestas rhoncus. <\/p>\n <\/div>\n <\/div>\n

\n
\n <\/svg> <\/div>\n
\n

Aenean viverra<\/h3>\n

Ultricies nascetur mattis purus eget. <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n \n

\n
\n
\n 01<\/span>\n <\/div>\n
\n

Malesuada vel<\/h4>\n

Nullam massa enim dictum<\/p>\n <\/div>\n <\/div>\n

\n
\n 02<\/span>\n <\/div>\n
\n

Cum vulputate<\/h4>\n

Tortor quis arcu tristique<\/p>\n <\/div>\n <\/div>\n

\n
\n 03<\/span>\n <\/div>\n
\n

Dictum commodo<\/h4>\n

Aliquam tellus, a diam<\/p>\n <\/div>\n <\/div>\n

\n
\n 04<\/span>\n <\/div>\n
\n

Nunc<\/h4>\n

Eu est lacus aliquam<\/p>\n <\/div>\n <\/div>\n

\n
\n 05<\/span>\n <\/div>\n
\n

Lorem consectetur<\/h4>\n

Proin malesuada semper mi<\/p>\n <\/div>\n <\/div>\n

\n
\n 06<\/span>\n <\/div>\n
\n

Viverra fusce<\/h4>\n

At molestie eget scelerisque<\/p>\n <\/div>\n <\/div>\n

\n
\n 07<\/span>\n <\/div>\n
\n

Accumsan sit<\/h4>\n

Pulvinar sagittis commodo<\/p>\n <\/div>\n <\/div>\n

\n
\n 08<\/span>\n <\/div>\n
\n

Morbi id<\/h4>\n

Odio diam ultrices aliquam<\/p>\n <\/div>\n <\/div>\n

\n
\n 09<\/span>\n <\/div>\n
\n

Dui tristique<\/h4>\n

Nec rhoncus a enim<\/p>\n <\/div>\n <\/div>\n

\n
\n 10<\/span>\n <\/div>\n
\n

Lacus ipsum<\/h4>\n

Integer sit malesuada lectus<\/p>\n <\/div>\n <\/div>\n

\n
\n 11<\/span>\n <\/div>\n
\n

Elementum est<\/h4>\n

Laoreet donec a consectetur<\/p>\n <\/div>\n <\/div>\n

\n
\n 12<\/span>\n <\/div>\n
\n

Duis arcu<\/h4>\n

Eu aliquam malesuada nulla<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n

\n
\n

\n Overline <\/p>\n \n

Content Lockup \n Subheading <\/span>\n <\/h2>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus. <\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n \n

\n
\n
\n \"gitlab-logo\"\n <\/div>\n

Gitlab<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"figma-logo\"\n <\/div>\n

Figma<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"wordpress-logo\"\n <\/div>\n

WordPress<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"asana-logo\"\n <\/div>\n

Asana<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"dribbble-logo\"\n <\/div>\n

Dribbble<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"trainline-logo\"\n <\/div>\n

Trainline<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"spotify-logo\"\n <\/div>\n

Spotify<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"dropbox-logo\"\n <\/div>\n

Dropbox<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"houzz-logo\"\n\n <\/div>\n

Houzz<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"zendesk-logo\"\n <\/div>\n

Zendesk<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"slack-logo\"\n <\/div>\n

Slack<\/p>\n

Caption for logo<\/p>\n <\/div>\n

\n
\n \"mailchimp-logo\"\n <\/div>\n

Mailchimp<\/p>\n

Caption for logo<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n \n

\n
\n \n \n
\n \n

\u201cLorem ipsum 1 dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu.\u201d<\/p>\n \n

Quote Caption 1<\/p>\n \n <\/div>\n\n <\/div>\n \n \n

\n \n

\u201cLorem ipsum 2 dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu.\u201d<\/p>\n \n

Quote Caption 2<\/p>\n \n <\/div>\n\n <\/div>\n \n \n

\n \n

\u201cLorem ipsum 3 dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu.\u201d<\/p>\n \n

Quote Caption 3<\/p>\n \n <\/div>\n\n <\/div>\n \n \n

\n \n

\u201cLorem ipsum 4 dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu.\u201d<\/p>\n \n

Quote Caption 4<\/p>\n \n <\/div>\n\n <\/div>\n <\/div>\n

\n Previous<\/title><\/g><\/svg><\/a>\n
<\/div>\n Next<\/title><\/g><\/svg><\/a>\n <\/div>\n <\/div>\n
\"brooke-lark-1Rm9GLHV0UA-unsplash\"\n\n<\/div> <\/section>\n \n\n \n \n
\n \n <\/div>\n <\/div>\n
\n
\n

\n Overline <\/p>\n \n

Content Lockup \n Subheading <\/span>\n <\/h2>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n \n
\n
\n

In the Neighbourhood<\/h2>\n
\n Tutto<\/a>\n Category One<\/a>\n Category Two<\/a>\n Category Three<\/a>\n <\/div>\n