[gs_8a]
Grids & Containers
This is grid of size 8, the sidebar has grid of size 4. Duis rutrum porta sem, sit amet consequat quam dapibus vel. Sed vitae libero varius elit faucibus facilisis. Aenean diam erat, varius ac rhoncus eget, ornare ac nulla. Etiam tristique vehicula eros, pretium pellentesque mi suscipit ut. Maecenas eleifend fermentum libero, nec placerat erat faucibus quis. Nullam sit amet ligula nulla, ut venenatis diam. Nunc venenatis vehicula urna, tempor aliquet nunc dapibus ut. Duis condimentum laoreet nibh eu semper. Praesent a suscipit nisi.
Donec lobortis, urna dictum tincidunt volutpat, felis magna facilisis sapien, et tincidunt nisl urna nec massa. Nam ornare sollicitudin nibh sed facilisis. Suspendisse malesuada, libero quis mattis fringilla, ligula metus luctus velit, quis aliquet risus nulla nec augue. Donec suscipit dolor in metus blandit vitae rutrum lacus dapibus. Aliquam nisi nibh, varius suscipit rutrum id, posuere at metus. Nunc gravida libero eget risus ornare volutpat. Sed accumsan, est sit amet laoreet facilisis, lacus mi luctus tellus, in fermentum est massa in lorem. Aenean fringilla feugiat nisi, non cursus velit elementum quis. Mauris purus nisl, porta ut facilisis nec, pharetra quis augue. Aenean suscipit tempor odio vitae dignissim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget feugiat lacus. Etiam lectus ante, varius eu pharetra sed, accumsan ut nulla. Vivamus in tellus a tellus blandit mollis. Phasellus placerat lacus id nisi sodales vitae aliquet elit lobortis. Donec ac urna tortor, in volutpat ante. Etiam eu diam eget leo laoreet cursus ut bibendum elit. Sed nulla enim, egestas eu gravida quis, pharetra ac quam. Nullam eget turpis orci, quis ultrices augue. Vestibulum id tellus fermentum massa dignissim imperdiet. Quisque eget leo risus, a accumsan metus. Phasellus in dolor nunc. Ut non rhoncus lectus. Nam ornare sollicitudin nibh sed facilisis. Suspendisse malesuada, libero quis mattis fringilla, ligula metus luctus velit, quis aliquet risus nulla nec augue. Donec suscipit dolor in metus blandit vitae rutrum lacus dapibus. Aliquam nisi nibh, varius suscipit rutrum id, posuere at metus.
Suspendisse eget feugiat lacus. Etiam lectus ante, varius eu pharetra sed, accumsan ut nulla. Vivamus in tellus a tellus blandit mollis. Phasellus placerat lacus id nisi sodales vitae aliquet elit lobortis. Donec ac urna tortor, in volutpat ante. Etiam eu diam eget leo laoreet cursus ut bibendum elit. Sed nulla enim, egestas eu gravida quis, pharetra ac quam. Nullam eget turpis orci, quis ultrices augue. Vestibulum id tellus fermentum massa dignissim imperdiet. Quisque eget leo risus, a accumsan metus.
[/gs_8a]
[gs_4z]
[sidebar id=”sidebar-01″]
[/gs_4z]
[newblockplus]
[h2w]Additional content blocks![span]You can have as many as you like![/span][/h2w]
[c-gamma]
And all of them can have containers of their own.
[c-omega]
And then, you can cut the containers into grids!
[newblockplus]
[h2w]So, what are those grids?[/h2w]
Grids are simply – columns. The main block of the theme is divided into 12 grids and you can use them to create columns of various sizes. Only rules are – the sum of all grids in a row need to equal 12, the first grid needs “a” after it, and the last grid needs to have “z” after it.
[c-omega]
Let’s see them in action:
[hr]
[gs_1a]
[code]gs_1a[/code] Lorem ipsum dolor.
[/gs_1a]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1]
[code]gs_1[/code]Lorem ipsum dolor.
[/gs_1]
[gs_1z]
[code]gs_1z[/code]Lorem ipsum dolor.
[/gs_1z]
[gs_2a]
[code]gs_2a[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2a]
[gs_2]
[code]gs_2[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2]
[gs_2]
[code]gs_2[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2]
[gs_2]
[code]gs_2[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2]
[gs_2]
[code]gs_2[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2]
[gs_2z]
[code]gs_2z[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2z]
[gs_3a]
[code]gs_3a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum.
[/gs_3a]
[gs_3]
[code]gs_3[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum.
[/gs_3]
[gs_3]
[code]gs_3[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum.
[/gs_3]
[gs_3z]
[code]gs_3z[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum.
[/gs_3z]
[gs_4a]
[code]gs_4a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum.
[/gs_4a]
[gs_4]
[code]gs_4[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum.
[/gs_4]
[gs_4z]
[code]gs_4z[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum.
[/gs_4z]
[gs_5a]
[code]gs_5a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis.
[/gs_5a]
[gs_2]
[code]gs_2[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2]
[gs_5z]
[code]gs_5z[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis.
[/gs_5z]
[gs_6a]
[code]gs_6a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis, vitae mollis arcu erat eget massa.
[/gs_6a]
[gs_6z]
[code]gs_6z[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis, vitae mollis arcu erat eget massa.
[/gs_6z]
[gs_7a]
[code]gs_7a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis, vitae mollis arcu erat eget massa. Vestibulum ante ipsum primis.
[/gs_7a]
[gs_2]
[code]gs_2[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2]
[gs_3z]
[code]gs_3z[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum.
[/gs_3z]
[gs_8a]
[code]gs_8a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis, vitae mollis arcu erat eget massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
[/gs_8a]
[gs_4z]
[code]gs_4z[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum.
[/gs_4z]
[gs_9a]
[code]gs_9a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis, vitae mollis arcu erat eget massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
[/gs_9a]
[gs_3z]
[code]gs_3z[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum.
[/gs_3z]
[gs_10a]
[code]gs_10a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis, vitae mollis arcu erat eget massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
[/gs_10a]
[gs_2z]
[code]gs_2z[/code]Lorem ipsum dolor sit amet, consectetur.
[/gs_2z]
[gs_11a]
[code]gs_11a[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis, vitae mollis arcu erat eget massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum.
[/gs_11a]
[gs_1z]
[code]gs_1z[/code]Lorem ipsum.
[/gs_1z]
[gs_12]
[code]gs_12[/code]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum, sapien arcu faucibus turpis, vitae mollis arcu erat eget massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; ipsum dolor sit amet, consectetur adipiscing elit. Aenean dictum, lorem non ultrices vestibulum.
[/gs_12]
[hr]
[newblockplus]
[h2w]Easy, right? But how about the sidebar?[/h2w]
[c-omega]
[gs_8a]
Call sidebars inside pages!
Mauris rutrum tempor lobortis. In semper tempus fermentum. Ut urna diam, luctus ac feugiat sed, convallis in nunc. Aliquam erat volutpat. Duis id turpis non eros sodales posuere quis nec dui. Nulla volutpat mauris placerat orci fringilla nec lacinia lectus sollicitudin. Duis consequat suscipit molestie.
In semper tempus fermentum. Ut urna diam, luctus ac feugiat sed, convallis in nunc. Volutpat mauris placerat orci fringilla nec lacinia lectus sollicitudin. Duis consequat suscipit molestie.
[/gs_8a]
[gs_4z]
[sidebar id=”sidebar-02″]
[/gs_4z]
[hr]
[gs_4a]
[sidebarmirror id=”sidebar-03″]
[/gs_4a]
[gs_8z]
Call sidebars inside pages!
Mauris rutrum tempor lobortis. In semper tempus fermentum. Ut urna diam, luctus ac feugiat sed, convallis in nunc. Aliquam erat volutpat. Duis id turpis non eros sodales posuere quis nec dui. Nulla volutpat mauris placerat orci fringilla nec lacinia lectus sollicitudin. Duis consequat suscipit molestie.
In semper tempus fermentum. Ut urna diam, luctus ac feugiat sed, convallis in nunc. Volutpat mauris placerat orci fringilla nec lacinia lectus sollicitudin. Duis consequat suscipit molestie.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget feugiat lacus. Etiam lectus ante, varius eu pharetra sed, accumsan ut nulla. Vivamus in tellus a tellus blandit mollis. Phasellus placerat lacus id nisi sodales vitae aliquet elit lobortis. Donec ac urna tortor, in volutpat ante. Etiam eu diam eget leo laoreet cursus ut bibendum elit. Sed nulla enim, egestas eu gravida quis, pharetra ac quam. Nullam eget turpis orci, quis ultrices augue. Vestibulum id tellus fermentum massa dignissim imperdiet. Quisque eget leo risus, a accumsan metus. Phasellus in dolor nunc. Ut non rhoncus lectus. Nam ornare sollicitudin nibh sed facilisis. Suspendisse malesuada, libero quis mattis fringilla, ligula metus luctus velit, quis aliquet risus nulla nec augue. Donec suscipit dolor in metus blandit vitae rutrum lacus dapibus. Aliquam nisi nibh, varius suscipit rutrum id, posuere at metus.
[/gs_8z]