{"id":505,"date":"2014-02-28T15:26:42","date_gmt":"2014-02-28T15:26:42","guid":{"rendered":"http:\/\/safedemat.com\/converio\/?page_id=505"},"modified":"2014-02-28T15:26:42","modified_gmt":"2014-02-28T15:26:42","slug":"content-boxes","status":"publish","type":"page","link":"https:\/\/www.safedemat.com\/?page_id=505","title":{"rendered":"Content Boxes"},"content":{"rendered":"<section class=\"full-width-bg lead\"><div>\n<h1>Customize Content Boxes and<br \/> Sections. Be creative!<\/h1>\n<p>Use different colors, add a pattern or image as a section background, and apply parallax effect if needed. Modify boxes \u2013 change colors, add a border, use Font Awesome icons, have as many columns as you like.<\/p>\n<img decoding=\"async\" src=\"http:\/\/thememotive.com\/converio\/wp-content\/uploads\/2014\/02\/typography.png\" alt=\"Image\" ><\/div><div class=\"clear\"><\/div><\/section>\n<section class=\"columns\">\n<article class=\"col col3\">\n<div class=\"box-1 txt-center\"><i class=\"fa fa-camera-retro fa-5x\" style=\"color:#b8a7d7;background-color:#fafafa;\"><\/i><h2>Inspiration<\/h2><p>Libero sit amet dapibus suscipit, nibh urna iaculis magna, sed varius dolor nisi a enim. Quisque ornare bibendum tellus.<\/p><\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-1 txt-center\"><i class=\"fa fa-desktop fa-5x\" style=\"color:#7acfeb;background-color:#fafafa;\"><\/i><h2>Design<\/h2><p>Make your most important messages stand out. Use call-out boxes to attract visitors\u2019 attention to you best offers.<\/p><\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-1 txt-center\"><i class=\"fa fa-html5 fa-5x\" style=\"color:#ef8f6a;background-color:#fafafa;\"><\/i><h2>Development<\/h2><p>Dapibus suscipit nibh urna iaculis magna, sed varius dolor nisi a enim. Quisque ornare bibendum tellus. Sed sodales lorem.<\/p><\/div><\/article>\n<\/section>\n<div class=\"full-width-bg purple\"><div class=\"custom-bg bgsIE bg-image\" style=\"background-image: url('http:\/\/thememotive.com\/converio\/wp-content\/uploads\/2014\/03\/bg-photo-03.jpg');\"><\/div><div class=\"content-container\">\n<div class=\"lead-block\"><h2 class=\"alt\">Vestibulum sit amet dolor<\/h2><p class=\"muted\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend blandit.<\/p><\/div>\n<section class=\"columns\">\n<article class=\"col col4\">\n<div class=\"box-2 txt-center\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-cloud-download fa-stack-1x fa-inverse fa-radius\" style=\"background-color:#6ac9e8;\"><\/i><\/span><h4>Lorem ipsum<\/h4><p>Nam bibendum nunc eget nulla. Ut dapibus mauris sit amet libero. Aenean interdum nibh eget elit porta.<\/p><\/div><\/article>\n<article class=\"col col4\">\n<div class=\"box-2 txt-center\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-rocket fa-stack-1x fa-inverse fa-radius\" style=\"background-color:#f47d71;\"><\/i><\/span><h4>Donec mattis mauris<\/h4><p>Libero for amet dapibus suscipit niburna iaculis magna varius dolor nisi a enim. Quisque ornare bibendum tellus.<\/p><\/div><\/article>\n<article class=\"col col4\">\n<div class=\"box-2 txt-center\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-camera-retro fa-stack-1x fa-inverse fa-radius\" style=\"background-color:#c5b472;\"><\/i><\/span><h4>Duis molesti<\/h4><p>Nam bibendum nunc eget nulla. Ut dapibus mauris sit amet libero. Aenean interdum nibh eget elit porta.<\/p><\/div><\/article>\n<article class=\"col col4\">\n<div class=\"box-2 txt-center\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-thumbs-up fa-stack-1x fa-inverse fa-radius\" style=\"background-color:#6ac9e8;\"><\/i><\/span><h4>Parturient montes<\/h4><p>Libero for amet dapibus suscipit niburna iaculis magna varius dolor nisi a enim. Quisque ornare bibendum tellus.<\/p><\/div><\/article>\n<\/section>\n<\/div><\/div>\n<section class=\"columns\">\n<article class=\"col col3\">\n<div class=\"box-colored txt-center\" style=\"background-color:#84C753;\"><i class=\"fa fa-camera-retro fa-4x\" style=\"color:#fff;\"><\/i><h2>Inspiration<\/h2>Libero sit amet dapibus suscipit, nibh urna iaculis magna, sed varius dolor nisi a enim. Quisque ornare tellus.<\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-colored txt-center\" style=\"background-color:#4AC791;\"><i class=\"fa fa-desktop fa-4x\" style=\"color:#fff;\"><\/i><h2>Design<\/h2>Use call-out boxes to attract visitors\u2019 attention to you best offers. Lorem ipsum dolor amet.<\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-colored txt-center\" style=\"background-color:#57B7D6;\"><i class=\"fa fa-cogs fa-4x\" style=\"color:#fff;\"><\/i><h2>Development<\/h2>Dapibus suscipit nibh urna iaculis magna, sed varius dolor nisi a enim. Quisque ornare bibendum tellus.<\/div><\/article>\n<\/section>\n<div class=\"full-width-bg\"><div class=\"custom-bg parallax bgsIE bg-image\" style=\"background-image: url('http:\/\/thememotive.com\/converio\/wp-content\/uploads\/2014\/03\/bg-photo-01.jpg');\"><\/div><div class=\"content-container\">\n<div class=\"lead-block\"><h2 class=\"alt\">Morbi tristique senectus et netus<\/h2><p class=\"muted\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend blandit. <\/p><\/div>\n<section class=\"columns\">\n<article class=\"col col4\">\n<div class=\"box-colored alt\" style=\"border-color:#57b7d6;\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-cloud-download fa-stack-1x fa-inverse fa-radius\" style=\"background:#57b7d6;\"><\/i><\/span><h4>Lorem ipsum<\/h4>Duis non ligula quis nisi blandit egestas. Maecenas condimentum nisi vitae orci. Curabitur dictum porttitor orci. Nam lobortis. Sed egestas tortor tristique lectus.<\/div><\/article>\n<article class=\"col col4\">\n<div class=\"box-colored alt\" style=\"border-color:#ea6659;\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-rocket fa-stack-1x fa-inverse fa-radius\" style=\"background:#ea6659;\"><\/i><\/span><h4>Phasellus vehicula<\/h4>Duis non ligula quis nisi blandit egestas. Maecenas condimentum nisi vitae orci. Curabitur dictum porttitor orci. Nam lobortis. Sed egestas tortor tristique lectus.<\/div><\/article>\n<article class=\"col col4\">\n<div class=\"box-colored alt\" style=\"border-color:#8f7cb3;\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-camera-retro fa-stack-1x fa-inverse fa-radius\" style=\"background:#8f7cb3;\"><\/i><\/span><h4>Aliquam eu ipsum<\/h4>Duis non ligula quis nisi blandit egestas. Maecenas condimentum nisi vitae orci. Curabitur dictum porttitor orci. Nam lobortis. Sed egestas tortor tristique lectus.<\/div><\/article>\n<article class=\"col col4\">\n<div class=\"box-colored alt\" style=\"border-color:#84c753;\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-thumbs-up fa-stack-1x fa-inverse fa-radius\" style=\"background:#84c753;\"><\/i><\/span><h4>Duis massa arcu<\/h4>Duis non ligula quis nisi blandit egestas. Maecenas condimentum nisi vitae orci. Curabitur dictum porttitor orci. Nam lobortis. Sed egestas tortor tristique lectus.<\/div><\/article>\n<\/section>\n<\/div><\/div>\n<div class=\"full-width-bg white shadow-enabled\" style=\"padding-top: 55px;\"><div class=\"content-container\">\n<section class=\"columns no-top-margin\">\n<article class=\"col col3\">\n<div class=\"box-icon-left\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-lightbulb-o fa-stack-1x fa-inverse fa-radius\" style=\"color:#ccc; \"><\/i><\/span>\n<h4>Creativity<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellen tesque diam sem, hendrerit ut faucibus sit amet.<\/p>\n<\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-icon-left\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-shield fa-stack-1x fa-inverse fa-radius\" style=\"color:#ccc; \"><\/i><\/span>\n<h4>Responsibility<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellen tesque diam sem, hendrerit ut faucibus sapien.<\/p>\n<\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-icon-left\"><span class=\"fa-stack fa-3x\"><i class=\"fa fa-thumbs-up fa-stack-1x fa-inverse fa-radius\" style=\"color:#ccc; \"><\/i><\/span>\n<h4>Excellence<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellen tesque diam sem, hendrerit molestie magna.<\/p>\n<\/div><\/article>\n<\/section>\n<\/div><\/div>\n<section class=\"columns custom-margin-1\">\n<article class=\"col col3\">\n<div class=\"box-icon-left\"><span class=\"fa-stack fa-2x\"><i class=\"fa fa-rocket fa-stack-1x fa-inverse fa-radius\" style=\"background:#70c14a;\"><\/i><\/span>\n<h4>Lorem ipsum<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellen tesque diam sem, hendrerit ut faucibus sit amet.<\/p>\n<\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-icon-left\"><span class=\"fa-stack fa-2x\"><i class=\"fa fa-cloud-download fa-stack-1x fa-inverse fa-radius\" style=\"background:#70c14a;\"><\/i><\/span>\n<h4>Quisque ornare tellus<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellen tesque diam sem, hendrerit ut faucibus sapien.<\/p>\n<\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-icon-left\"><span class=\"fa-stack fa-2x\"><i class=\"fa fa-html5 fa-stack-1x fa-inverse fa-radius\" style=\"background:#70c14a;\"><\/i><\/span>\n<h4>Donec mattis mauris<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellen tesque diam sem, hendrerit molestie magna.<\/p>\n<\/div><\/article>\n<\/section>\n<section class=\"columns\">\n<article class=\"col col3\">\n<div class=\"box-default top-border\">\n<h4>Top border box<\/h4>\n<p>Make your most important messages stand out. Use call-out boxes to attract visitors\u2019 attention to you best offers. Experiment with colors that match best to your design.<\/p>\n<\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-default\">\n<h4>No border box<\/h4>\n<p>Make your most important messages stand out. Use call-out boxes to attract visitors\u2019 attention to you best offers. Experiment with colors that match best to your design.<\/p>\n<\/div><\/article>\n<article class=\"col col3\">\n<div class=\"box-default left-border\" style=\"border-color:#f0846f;\">\n<h4>Left border box<\/h4>\n<p>Ut sodales turpis eget orci. Vestibulum accumsan lorem vitae turpis. Nulla nibh sapien, tristique non, tincidunt at, molestie quis, odio. Roin tortor velit, sagittis pellen.<\/p>\n<\/div><\/article>\n<\/section>\n<section class=\"hp-intro full-width-bg no-bottom-margin\" style=\"background-color:\t#fff\">\n\t<div class=\"custom-bg p01\"><\/div>\n\t<div class=\"content-container\">\n<p class=\"slogan\">You can build more powerful website than you think.<\/p>\n<p class=\"cta\"><a href=\"http:\/\/themeforest.net\/item\/converio-responsive-multipurpose-wordpress-theme\/9466052?ref=ThemeMotive\" class=\"btn large green\">Get Converio<\/a><\/p>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"0","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.safedemat.com\/index.php?rest_route=\/wp\/v2\/pages\/505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.safedemat.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.safedemat.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.safedemat.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.safedemat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=505"}],"version-history":[{"count":0,"href":"https:\/\/www.safedemat.com\/index.php?rest_route=\/wp\/v2\/pages\/505\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.safedemat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}