Module Layouts

Warp comes with a sophisticated layout system to create any kind of sidebar or widget layout. You can easily manage the sidebar’s positions and widths in the theme administration. Widgets can have different styles and be placed in any position offered by this theme. Each position has its own layout. You can align widgets side-by-side, stack them or choose your own grid layout. Show or hide widgets on mobile devices, while the grid adapts perfectly to your layout.

[line_break/]

Module Layouts

One Page Layout

[text align=”center”]
[heading size=”h3″ style=”uk-module-title-alt”]Choose a plan[/heading]
[/text]

[pricing_grid columns=”4″]
[pricing_table table-config=”” price=”from £9 a month” table-caption=”Basic” action-url=”#” action-caption=”Buy Now”]
[li icon=”icon-check”]24/5 Support[/li]
[li icon=”icon-check”]3 months Renewal[/li]
[li icon=”icon-check”]1 User Licence[/li]
[li icon=”icon-check”]No Contracts[/li]
[li icon=”icon-check”]1 Domain[/li]
[/pricing_table]
[pricing_table table-config=”” price=”from £19 a month” table-caption=”Premium” action-url=”#” action-caption=”Buy Now”]
[li icon=”icon-check”]24/6 Support[/li]
[li icon=”icon-check”]5 months Renewal[/li]
[li icon=”icon-check”]3 User Licences[/li]
[li icon=”icon-check”]No Contracts[/li]
[li icon=”icon-check”]3 Domain[/li]
[/pricing_table]
[pricing_table table-config=”tm-table-focus tm-shift-top” price=”from £29 a month” table-caption=”Standard” action-url=”#” action-caption=”Buy Now”]
[li icon=”icon-check”]24/6 Support[/li]
[li icon=”icon-check”]5 months Renewal[/li]
[li icon=”icon-check”]3 User Licences[/li]
[li icon=”icon-check”]No Contracts[/li]
[li icon=”icon-check”]Best option[/li]
[li icon=”icon-check”]3 Domain[/li]
[/pricing_table]
[pricing_table table-config=”” price=”from £199 a month” table-caption=”Developer” action-url=”#” action-caption=”Buy Now”]
[li icon=”icon-check”]24/7 Support[/li]
[li icon=”icon-check”]7 months Renewal[/li]
[li icon=”icon-check”]5 User Licences[/li]
[li icon=”icon-check”]No Contracts[/li]
[li icon=”icon-check”]5 Domain[/li]
[/pricing_table]
[/pricing_grid]

Home – Business plan

[text align=”center”]
[heading size=”h2″ style=”uk-module-title-alt”]Choose a plan[/heading]
[/text]
[line_break/]

[pricing_grid columns=”4″]
[pricing_table table-config=”” price=”from £9 a month” table-caption=”Basic” action-url=”#” action-caption=”Buy Now”]
[li icon=”icon-check”]24/5 Support[/li]
[li icon=”icon-check”]3 months Renewal[/li]
[li icon=”icon-check”]1 User Licence[/li]
[li icon=”icon-check”]No Contracts[/li]
[li icon=”icon-check”]1 Domain[/li]
[/pricing_table]
[pricing_table table-config=”” price=”from £19 a month” table-caption=”Premium” action-url=”#” action-caption=”Buy Now”]
[li icon=”icon-check”]24/6 Support[/li]
[li icon=”icon-check”]5 months Renewal[/li]
[li icon=”icon-check”]3 User Licences[/li]
[li icon=”icon-check”]No Contracts[/li]
[li icon=”icon-check”]3 Domain[/li]
[/pricing_table]
[pricing_table table-config=”tm-table-focus tm-shift-top” price=”from £29 a month” table-caption=”Standard” action-url=”#” action-caption=”Buy Now”]
[li icon=”icon-check”]24/6 Support[/li]
[li icon=”icon-check”]5 months Renewal[/li]
[li icon=”icon-check”]3 User Licences[/li]
[li icon=”icon-check”]No Contracts[/li]
[li icon=”icon-check”]Best option[/li]
[li icon=”icon-check”]3 Domain[/li]
[/pricing_table]
[pricing_table table-config=”” price=”from £199 a month” table-caption=”Developer” action-url=”#” action-caption=”Buy Now”]
[li icon=”icon-check”]24/7 Support[/li]
[li icon=”icon-check”]7 months Renewal[/li]
[li icon=”icon-check”]5 User Licences[/li]
[li icon=”icon-check”]No Contracts[/li]
[li icon=”icon-check”]5 Domain[/li]
[/pricing_table]
[/pricing_grid]

2 Column Grid

[grid_filters id=”grid1″]
[filter_button_active tag=””]all[/filter_button]
[filter_button tag=”design”]Design[/filter_button]
[filter_button tag=”mockup”]Mockup[/filter_button]
[filter_button tag=”illustration”]Illustration[/filter_button]
[filter_button tag=”brochure”]Brochure[/filter_button]
[filter_button tag=”architecture”]Architecture[/filter_button]
[/grid_filters]

[dynamic_grid id=”grid1″ columns=”2″ gutter=”20″ style=””]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/1.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/1.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/2.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/2.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”design,architecture” style=””]
[lightbox src=”images/demo/gallery/3.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/3.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”design” style=””]
[lightbox src=”images/demo/gallery/4.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/4.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/5.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/5.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”illustration,brochure” style=””]
[lightbox src=”images/demo/gallery/6.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/6.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[/dynamic_grid]

3 Column Grid

[grid_filters id=”grid1″]
[filter_button_active tag=””]all[/filter_button]
[filter_button tag=”design”]Design[/filter_button]
[filter_button tag=”mockup”]Mockup[/filter_button]
[filter_button tag=”illustration”]Illustration[/filter_button]
[filter_button tag=”brochure”]Brochure[/filter_button]
[filter_button tag=”architecture”]Architecture[/filter_button]
[/grid_filters]

[dynamic_grid id=”grid1″ columns=”3″ gutter=”20″ style=””]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/1.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/1.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/2.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/2.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”design,architecture” style=””]
[lightbox src=”images/demo/gallery/3.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/3.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”design” style=””]
[lightbox src=”images/demo/gallery/4.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/4.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/5.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/5.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”illustration,brochure” style=””]
[lightbox src=”images/demo/gallery/6.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/6.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/7.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/7.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/8.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/8.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”design,architecture” style=””]
[lightbox src=”images/demo/gallery/9.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/9.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[/dynamic_grid]

4 Column Grid

[grid_filters id=”grid1″]
[filter_button_active tag=””]all[/filter_button]
[filter_button tag=”design”]Design[/filter_button]
[filter_button tag=”mockup”]Mockup[/filter_button]
[filter_button tag=”illustration”]Illustration[/filter_button]
[filter_button tag=”brochure”]Brochure[/filter_button]
[filter_button tag=”architecture”]Architecture[/filter_button]
[/grid_filters]

[dynamic_grid id=”grid1″ columns=”4″ gutter=”20″ style=””]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/1.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/1.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/2.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/2.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”design,architecture” style=””]
[lightbox src=”images/demo/gallery/3.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/3.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”design” style=””]
[lightbox src=”images/demo/gallery/4.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/4.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/5.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/5.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”illustration,brochure” style=””]
[lightbox src=”images/demo/gallery/6.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/6.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/7.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/7.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[grid_panel tag=”mockup” style=””]
[lightbox src=”images/demo/gallery/8.jpg” title=”title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/8.jpg” alt=”image” width=”605″ height=”605″/][/overlay_icon]
[/lightbox]
[/grid_panel]

[/dynamic_grid]

Full Slide

[slideshow style=”default” autoplay=”true” animation=”fade” transition_duration=”500″ autoplay_interval=”10000″ kenburns=”false”]

[slide][slider_img src=”images/demo/gallery/13.jpg” width=”1200″ height=”500″ alt=”slide”/][/slide]
[slide][slider_img src=”images/demo/gallery/14.jpg” width=”1200″ height=”500″ alt=”slide”/][/slide]
[slide][slider_img src=”images/demo/gallery/15.jpg” width=”1200″ height=”500″ alt=”slide”/][/slide]

[slide_nav align=”center”]
[slide_nav_item order=”0″][/slide_nav_item]
[slide_nav_item order=”1″][/slide_nav_item]
[slide_nav_item order=”2″][/slide_nav_item]
[/slide_nav]

[/slideshow]

[grid]

[column size=”1-2″]

[heading size=”h2″ style=”uk-module-title uk-margin-remove-bottom”]Jefferson T-shirt[/heading]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/column]

[column size=”1-2 tm-padding-small-sides”]

[line_break/]

Client Jefferson Wear
Date 12 January 2016
Tags [tag url=”#”]Themeforest[/tag]
[tag url=”#”]envato[/tag]
[tag url=”#”]Joomla[/tag]
[tag url=”#”]web design[/tag]
Gallery link

[button style=”primary uk-margin-top” href=”#” target=”_self”]Download Full Report[/button]

[/column]
[/grid]

Half Image Slider

[grid]
[column size=”1-2″]

[slideshow style=”default” autoplay=”true” animation=”fade” transition_duration=”400″ autoplay_interval=”10000″ kenburns=”false”]

[slide][slider_img src=”images/demo/gallery/10.jpg” width=”605″ height=”784″ alt=”slide”/][/slide]
[slide][slider_img src=”images/demo/gallery/11.jpg” width=”605″ height=”784″ alt=”slide”/][/slide]
[slide][slider_img src=”images/demo/gallery/12.jpg” width=”605″ height=”784″ alt=”slide”/][/slide]

[slide_nav align=”center”]
[slide_nav_item order=”0″][/slide_nav_item]
[slide_nav_item order=”1″][/slide_nav_item]
[slide_nav_item order=”2″][/slide_nav_item]
[/slide_nav]

[/slideshow]
[/column]

[column size=”1-2 tm-padding-sides”]
[heading size=”h2″ style=”uk-module-title uk-margin-remove-bottom”]Chair Design[/heading]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.

[line_break/]

Client Fontaine Interactive
Date 12 January 2016
Tags [tag url=”#”]Themeforest[/tag]
[tag url=”#”]envato[/tag]
[tag url=”#”]youtube[/tag]
[tag url=”#”]web design[/tag]
Gallery link

[button style=”primary uk-margin-top” href=”#” target=”_self”]Download Full Report[/button]

[/column]
[/grid]

Half Image

[grid]
[column size=”1-2″]

[lightbox src=”images/demo/gallery/10.jpg” title=”Your title goes here” group=”gallery1″ style=””]
[overlay_icon][image style=”uk-overlay-scale” src=”images/demo/gallery/10.jpg” alt=”image” width=”605″ height=”784″/][/overlay_icon]
[/lightbox]
[/column]

[column size=”1-2 tm-padding-sides”]
[heading size=”h2″ style=”uk-module-title uk-margin-remove-bottom”]Chair Design[/heading]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.

[line_break/]

Client Fontaine Interactive
Date 12 January 2016
Tags [tag url=”#”]Themeforest[/tag]
[tag url=”#”]envato[/tag]
[tag url=”#”]youtube[/tag]
[tag url=”#”]web design[/tag]
Gallery link

[button style=”primary uk-margin-top” href=”#” target=”_self”]Download Full Report[/button]

[/column]
[/grid]