- columns: - columncontent: '# Choose grid section color.' columnwidth: uk-width-1-4@m - columncontent: "" columnwidth: uk-width-expand@m - columncontent: | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. columnwidth: uk-width-1-2@m title: '- Choose grid section color' sectionsize: ' uk-section-xlarge' sectioncolor: ' uk-section-primary' sectionremovepadding: "" gridwidth: "" columnstack: tablet columngap: ' uk-grid-medium' columnsparallax: 'false' columnsdivider: 'false' centertext: 'false' _key: grid _uid: grid_1585231962904_19374 - columns: - columncontent: '## We are a full services digital agency.' columnwidth: uk-width-1-3@m - columncontent: "" columnwidth: uk-width-expand@m - columncontent: | -- Brand Identity -- Art Direction -- Website Design -- Motion Graphic columnwidth: uk-width-1-4@m - columncontent: | -- Photography -- Illustration -- Video -- Marketing columnwidth: uk-width-1-4@m title: '- We are a full services digital agency' sectionsize: ' uk-section-xlarge' sectioncolor: ' uk-section-secondary' sectionremovepadding: "" gridwidth: "" columnstack: tablet columngap: ' uk-grid-large' columnsparallax: 'false' columnsdivider: 'false' centertext: 'false' _key: grid _uid: grid_1585229948640_13145 - columns: - columncontent: | ## Choose width per individual column. Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. columnwidth: uk-width-2-3@m - columncontent: "" columnwidth: uk-width-1-3@m - columncontent: | ### One half Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores? columnwidth: uk-width-1-2@m - columncontent: | ### One fourth Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. columnwidth: uk-width-1-4@m - columncontent: | ### One fourth Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. columnwidth: uk-width-expand@m - columncontent: | ### One third Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. columnwidth: uk-width-1-3@m - columncontent: | ### Two thirds Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores? columnwidth: uk-width-2-3@m - columncontent: | ### Full width Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores? columnwidth: uk-width-1-1 - columncontent: "" columnwidth: uk-width-1-3@m - columncontent: | ### Offset column if needed Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. columnwidth: uk-width-expand@m title: '- Choose width per individual column' sectionsize: ' uk-section-large' sectioncolor: ' uk-section-muted' sectionremovepadding: "" gridwidth: "" columnstack: mobile columngap: "" columnsparallax: 'false' columnsdivider: 'false' centertext: 'false' _key: grid _uid: grid_1585236494114_28982 - columns: - columncontent: | ## Use column divider, or don't use it. Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. columnwidth: uk-width-2-3@m - columncontent: "" columnwidth: uk-width-1-3@m - columncontent: | ### Research & Analysis Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores, blanditiis natus repellat? columnwidth: uk-width-1-4@m - columncontent: | ### Branding Identity Repellendus architecto nulla iure tempore perspiciatis, alias sit magnam, sed vitae, hic commodi optio eos? Nobis nihil consectetur quod, quas maxime minus. columnwidth: uk-width-1-4@m - columncontent: | ### Design & Development Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores, blanditiis natus repellat? columnwidth: uk-width-1-4@m - columncontent: | ### Grow your audience Repellendus architecto nulla iure tempore perspiciatis, alias sit magnam, sed vitae, hic commodi optio eos? Nobis nihil consectetur quod, quas maxime minus. columnwidth: uk-width-1-4@m title: '- Use column divider, or don’t use it' sectionsize: ' uk-section-large' sectioncolor: ' uk-section-default' sectionremovepadding: "" gridwidth: "" columnstack: tablet columngap: ' uk-grid-large' columnsparallax: 'false' columnsdivider: 'true' centertext: 'false' _key: grid _uid: grid_1585233074181_21792 - columns: - columncontent: | ## Adjust width per your needs. Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. columnwidth: uk-width-2-3@m - columncontent: "" columnwidth: uk-width-1-3@m - columncontent: | ### Research & Analysis Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores, blanditiis natus repellat? columnwidth: uk-width-1-2@m - columncontent: | ### Branding Identity Repellendus architecto nulla iure tempore perspiciatis, alias sit magnam, sed vitae, hic commodi optio eos? Nobis nihil consectetur quod, quas maxime minus. columnwidth: uk-width-1-2@m - columncontent: | ### Design & Development Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores, blanditiis natus repellat? columnwidth: uk-width-1-2@m - columncontent: | ### Grow your audience Repellendus architecto nulla iure tempore perspiciatis, alias sit magnam, sed vitae, hic commodi optio eos? Nobis nihil consectetur quod, quas maxime minus. columnwidth: uk-width-1-2@m title: '- Adjust width per your needs' sectionsize: ' uk-section-large' sectioncolor: ' uk-section-secondary' sectionremovepadding: "" gridwidth: ' uk-container-small' columnstack: tablet columngap: ' uk-grid-large' columnsparallax: 'false' columnsdivider: 'false' centertext: 'false' _key: grid uniquekey: 0 showpreviewinitially: false _uid: grid_1585234435206_24895 - columns: - columncontent: | ## Center text when needed. Error vitae, cupiditate architecto officia rem natus neque ipsa itaque at veniam voluptatibus, tempora sequi earum quo. Inventore voluptatibus incidunt possimus molestiae. columnwidth: uk-width-1-1 - columncontent: | ### Research & Analysis Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores, blanditiis natus repellat? columnwidth: uk-width-1-2@m - columncontent: | ### Branding Identity Repellendus architecto nulla iure tempore perspiciatis, alias sit magnam, sed vitae, hic commodi optio eos? Nobis nihil consectetur quod, quas maxime minus. columnwidth: uk-width-1-2@m - columncontent: | ### Design & Development Ullam reiciendis labore fuga earum nisi tempora explicabo voluptatibus tempore vero est assumenda nam ex error placeat eius dolores, blanditiis natus repellat? columnwidth: uk-width-1-2@m - columncontent: | ### Grow your audience Repellendus architecto nulla iure tempore perspiciatis, alias sit magnam, sed vitae, hic commodi optio eos? Nobis nihil consectetur quod, quas maxime minus. columnwidth: uk-width-1-2@m title: '- Center text when needed' sectionsize: ' uk-section-large' sectioncolor: ' uk-section-primary' sectionremovepadding: "" gridwidth: ' uk-container-small' columnstack: tablet columngap: ' uk-grid-large' columnsparallax: 'false' columnsdivider: 'false' centertext: 'true' _key: grid uniquekey: 0 showpreviewinitially: false _uid: grid_1585522183590_14137 - columns: - columncontent: '(image: kristaps-ungurs-rlib6dlwch8-unsplash.jpg)' columnwidth: uk-width-1-2@m - columncontent: | ## Parallax your columns. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. (link: contact text: Get in touch class: uk-button uk-button-primary uk-margin-top) columnwidth: uk-width-1-2@m title: '- Parallax your columns' sectionsize: ' uk-section-large' sectioncolor: ' uk-section-muted' sectionremovepadding: "" gridwidth: ' uk-container-small' columnstack: mobile columngap: ' uk-grid-large' columnsparallax: 'true' columnsdivider: 'false' centertext: 'false' _key: grid _uid: grid_1585232576705_20815 - columns: - columncontent: "### Use images or don't use them." columnwidth: uk-width-1-3@m - columncontent: "" columnwidth: uk-width-2-3@m - columncontent: | (image: nikolay-hristov-tfqvoiumo6g-unsplash.jpg) **Karina Smith** -- *Creative Director* columnwidth: uk-width-1-3@m - columncontent: | (image: craig-mckay-jmurdhtm7ng-unsplash.jpg) **John Doe** -- *Developer* columnwidth: uk-width-1-3@m - columncontent: | (image: lifephotography-ybjgwzq0ecy-unsplash.jpg) **Jose Perez** -- *Designer* columnwidth: uk-width-1-3@m title: '- Use images or don’t use them' sectionsize: "" sectioncolor: ' uk-section-default' sectionremovepadding: "" gridwidth: "" columnstack: mobile columngap: ' uk-grid-large' columnsparallax: 'false' columnsdivider: 'false' centertext: 'false' _key: grid _uid: grid_1585230304087_14246