{"id":150,"date":"2014-04-03T15:13:00","date_gmt":"2014-04-03T15:13:00","guid":{"rendered":"http:\/\/elysium.wp.themeforest.createit.pl\/?page_id=150"},"modified":"2014-04-15T17:02:56","modified_gmt":"2014-04-15T17:02:56","slug":"boxes","status":"publish","type":"page","link":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/boxes\/","title":{"rendered":"Boxes"},"content":{"rendered":"<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Person box\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-2\"><\/div>\n<div class=\"team-leaders text-center\">\r\n                <div class=\"col-md-4 col-sm-4\">\r\n                    <div class=\"team-member\">\r\n                        <div class=\"simple-circle\">\r\n                            <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/member1-300x300.jpg\">\r\n                            \r\n                <div class=\"social-leader\">\r\n                    <span class=\"top\">\r\n                                        <a href=\"http:\/\/www.facebook.com\/createITpl\">\r\n                                             <span class=\"circle\" title=\"Facebook\">\r\n                                                <span class=\"icon\"><i class=\"fa fa-facebook\"><\/i><\/span>\r\n                                             <\/span>\r\n                                        <\/a>\r\n                                    <\/span><span class=\"bottom\">\r\n                                        <a href=\"http:\/\/www.twitter.com\/createitpl\">\r\n                                            <span class=\"circle\" title=\"Twitter\">\r\n                                                <span class=\"icon\"><i class=\"fa fa-twitter\"><\/i><\/span>\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/span><span class=\"left\">\r\n                                        <a href=\"http:\/\/dribbble.com\/#\">\r\n                                            <span class=\"circle\" title=\"Dribbble\">\r\n                                                <span class=\"icon\"><i class=\"fa fa-dribbble\"><\/i><\/span>\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/span><span class=\"right\">\r\n                                        <a href=\"http:\/\/plus.google.com\/#\">\r\n                                            <span class=\"circle\" title=\"Plus Google\">\r\n                                                <span class=\"icon\"><i class=\"fa fa-google-plus\"><\/i><\/span>\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/span><span class=\"middle\">\r\n                                        <a href=\"http:\/\/www.linkedin.com\/#\">\r\n                                            <span class=\"circle\" title=\"Linkedin\">\r\n                                                <span class=\"icon\"><i class=\"fa fa-linkedin\"><\/i><\/span>\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/span>\r\n                <\/div>\r\n            \r\n                        <\/div>\r\n                        <span class=\"description\">\r\n                            <span class=\"name\">Bob Burnquist<\/span>\r\n                            <span class=\"position\">Chief creative officer, President<\/span>\r\n                            <span class=\"meet-person\"><a href=\"#\"> meet me >><\/a><\/span>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"description-complete\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"container\">\r\n                            <div class=\"col-md-12\">\r\n                                Bob joined Elysiumin 1992, bringing with him a savvy business sense that provided the perfect compliment to Monica Little\u2019s creativity. Their collective strengths proved so successful that in 2004, Joanne became a partner-owner in the company. As CEO, Joedirects all internal aspects of the firm, defining a vision and providing oversight of the organization\u2019s structure, operations and improvement of the systems that create and deliver on Little\u2019s design philosophy. \r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <ul class=\"social\">\r\n                        \r\n                           <li>\r\n                                <a href=\"http:\/\/www.facebook.com\/createITpl\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Facebook\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-facebook\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                           <li>\r\n                                <a href=\"http:\/\/www.twitter.com\/createitpl\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Twitter\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-twitter\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                           <li>\r\n                                <a href=\"http:\/\/dribbble.com\/#\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Dribbble\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-dribbble\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                           <li>\r\n                                <a href=\"http:\/\/plus.google.com\/#\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Plus Google\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-google-plus\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                           <li>\r\n                                <a href=\"http:\/\/www.linkedin.com\/#\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Linkedin\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-linkedin\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                    <\/ul>\r\n                \r\n                        <span class=\"close\"><i class=\"fa fa-times\"><\/i><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\n<div class=\"col-md-2\"><\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;][person_box imgsrc=&quot;...&quot;<br \/>\nperson=&quot;Bob Burnquist&quot;<br \/>\nposition=&quot;Chief creative officer&quot;<br \/>\nfb=&quot;createITpl&quot; twit=&quot;createitpl&quot;<br \/>\n dribbble=&quot;#&quot; google=&quot;#&quot; linkedin=&quot;#&quot;]\nBob &#8230; philosophy. [\/person_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>imgsrc<\/strong> - source, image source<\/i><\/li><li><i><strong>person<\/strong> - person name and surname<\/i><\/li><li><i><strong>position<\/strong> - person position<\/i><\/li><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>subtitle<\/strong><\/i><\/li><li><i><strong>fb<\/strong> - facebook username<\/i><\/li><li><i><strong>twit<\/strong> - twitter username<\/i><\/li><li><i><strong>dribbble<\/strong> - dribbble username<\/i><\/li><li><i><strong>google<\/strong> - google+ username<\/i><\/li><li><i><strong>linkedin<\/strong> - linkedin username<\/i><\/li><li><i><strong>pinterest<\/strong> - pinterest username<\/i><\/li><li><i><strong>flickr<\/strong> - flickr username<\/i><\/li><li><i><strong>tumblr<\/strong> - tumblr username<\/i><\/li><li><i><strong>instagram<\/strong> - instagram username<\/i><\/li><li><i><strong>youtube<\/strong> - youtube movie<\/i><\/li><li><i><strong>phone<\/strong> - phone number to call by skype<\/i><\/li><li><i><strong>phonelabel<\/strong> - phone tooltip label<\/i><\/li><li><i><strong>skype<\/strong> - skype user<\/i><\/li><li><i><strong>vimeo<\/strong> - url - with http:\/\/<\/i><\/li><li><i><strong>email<\/strong> - email address<\/i><\/li><li><i><strong>emaillabel<\/strong> - email tooltip label<\/i><\/li><li><i><strong>rss<\/strong> - show rss feed link? - no; yes; <\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Mini person box\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-4\"><\/div>\n<div class=\"col-sm-2 col-xs-6  col-md-2\">\r\n\r\n                <div class=\"team-member\">\r\n                    <div class=\"simple-circle\">\r\n                        <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/member1-300x300.jpg\" alt=\"preview\" data-toggle=\"modal\" data-target=\"#modal781\">\r\n                    <\/div>\r\n                    <div class=\"description\">\r\n                        <span class=\"name\">\r\n                            Bob Burnquist\r\n                        <\/span>\r\n                        \r\n                    <ul class=\"social\">\r\n                        \r\n                           <li>\r\n                                <a href=\"http:\/\/www.facebook.com\/createITpl\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Facebook\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-facebook\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                           <li>\r\n                                <a href=\"http:\/\/www.twitter.com\/createitpl\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Twitter\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-twitter\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                           <li>\r\n                                <a href=\"http:\/\/dribbble.com\/#\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Dribbble\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-dribbble\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                    <\/ul>\r\n                \r\n                    <\/div>\r\n\r\n                    <div class=\"modal fade\" id=\"modal781\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\r\n                        <div class=\"modal-dialog modal-sm\">\r\n                            <div class=\"modal-content\">\r\n                                <div class=\"team-member\">\r\n                                    <div class=\"simple-circle\">\r\n                                        <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/member1-300x300.jpg\">\r\n                                    <\/div>\r\n                                    <div class=\"description\">\r\n                                        <span class=\"name\">\r\n                                            Bob Burnquist\r\n                                        <\/span>\r\n                                        \nBob joined Elysiumin 1992, bringing with him a savvy business sense that provided the perfect compliment to Monica Little\u2019s creativity. Their collective strengths proved so successful that in 2004, Joanne became a partner-owner in the company. As CEO, Joedirects all internal aspects of the firm, defining a vision and providing oversight of the organization\u2019s structure, operations and improvement of the systems that create and deliver on Little\u2019s design philosophy.<br \/>\n\r\n                                        \r\n                    <ul class=\"social\">\r\n                        \r\n                           <li>\r\n                                <a href=\"http:\/\/www.facebook.com\/createITpl\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Facebook\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-facebook\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                           <li>\r\n                                <a href=\"http:\/\/www.twitter.com\/createitpl\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Twitter\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-twitter\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                           <li>\r\n                                <a href=\"http:\/\/dribbble.com\/#\">\r\n                                    <span class=\"circle\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Dribbble\">\r\n                                        <span class=\"icon\"><i class=\"fa fa-dribbble\"><\/i><\/span>\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/li>\r\n                    <\/ul>\r\n                \r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n             <\/div>\n<div class=\"col-md-2\"><\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;][mini_person_box imgsrc=&quot;...&quot;<br \/>\nperson=&quot;Bob Burnquist&quot; fb=&quot;createITpl&quot;<br \/>\ntwit=&quot;createitpl&quot; dribbble=&quot;#&quot;]\nBob joined &#8230;[\/mini_person_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>imgsrc<\/strong> - source, image source<\/i><\/li><li><i><strong>person<\/strong> - person name and surname<\/i><\/li><li><i><strong>class<\/strong> - wrapper class<\/i><\/li><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>subtitle<\/strong><\/i><\/li><li><i><strong>fb<\/strong> - facebook username<\/i><\/li><li><i><strong>twit<\/strong> - twitter username<\/i><\/li><li><i><strong>dribbble<\/strong> - dribbble username<\/i><\/li><li><i><strong>google<\/strong> - google+ username<\/i><\/li><li><i><strong>linkedin<\/strong> - linkedin username<\/i><\/li><li><i><strong>pinterest<\/strong> - pinterest username<\/i><\/li><li><i><strong>flickr<\/strong> - flickr username<\/i><\/li><li><i><strong>tumblr<\/strong> - tumblr username<\/i><\/li><li><i><strong>instagram<\/strong> - instagram username<\/i><\/li><li><i><strong>youtube<\/strong> - youtube movie<\/i><\/li><li><i><strong>phone<\/strong> - phone number to call by skype<\/i><\/li><li><i><strong>phonelabel<\/strong> - phone tooltip label<\/i><\/li><li><i><strong>skype<\/strong> - skype user<\/i><\/li><li><i><strong>vimeo<\/strong> - url - with http:\/\/<\/i><\/li><li><i><strong>email<\/strong> - email address<\/i><\/li><li><i><strong>emaillabel<\/strong> - email tooltip label<\/i><\/li><li><i><strong>rss<\/strong> - show rss feed link? - no; yes; <\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div id=\"alertbox\" class=\" chapter padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Alert box\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n\r\n            <div class=\"alert alert-info\">\r\n                <i class=\"fa fa-info-circle\"><\/i>\r\n                Information goes here \r\n                 <button type=\"button\" class=\"btn close\" id=\"\"data-dismiss=\"alert\" aria-hidden=\"true\" rel=\"nofollow\">&times;<\/button>\r\n            <\/div>\n\r\n            <div class=\"alert alert-success\">\r\n                <i class=\"fa fa-check-circle-o\"><\/i>\r\n                Success message goes here \r\n                 <button type=\"button\" class=\"btn close\" id=\"\"data-dismiss=\"alert\" aria-hidden=\"true\" rel=\"nofollow\">&times;<\/button>\r\n            <\/div>\n\r\n            <div class=\"alert alert-warning\">\r\n                <i class=\"fa fa-exclamation-triangle\"><\/i>\r\n                Warning message goes here \r\n                 <button type=\"button\" class=\"btn close\" id=\"\"data-dismiss=\"alert\" aria-hidden=\"true\" rel=\"nofollow\">&times;<\/button>\r\n            <\/div>\n\r\n            <div class=\"alert alert-danger\">\r\n                <i class=\"fa fa-ban\"><\/i>\r\n                Error messsage goes here \r\n                 <button type=\"button\" class=\"btn close\" id=\"\"data-dismiss=\"alert\" aria-hidden=\"true\" rel=\"nofollow\">&times;<\/button>\r\n            <\/div>\n<\/div>\n<div class=\"col-md-4\"><br \/>\n[sourcecode language=&#8221;html&#8221;][alert_box]&#8230;[\/alert_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>type<\/strong> - examples can be viewed <link><a href=\"http:\/\/elysium.wp.themeforest.createit.pl\/boxes\/#alertbox\">here<\/a><\/link> - info; success; warning; danger; <\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Button box\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n<div class=\"well\">\r\n                \r\n                This is example of style component for calling extra attention to featured content or information.\r\n                 <a href=\"http:\/\/themeforest.net\/user\/createit-pl\/portfolio?ref=createit-pl\" class=\"btn  btn-primary\" id=\"\" rel=\"nofollow\">Click Here<\/a>\r\n            <\/div>\r\n        \n<\/div>\n<div class=\"col-md-4\"><br \/>\n[sourcecode language=&#8221;html&#8221;][button_box link=&quot;...&quot;<br \/>\ntitle=&quot;Here goes the headline&quot;]\nThis is &#8230;[\/button_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>link<\/strong> - button link<\/i><\/li><li><i><strong>buttontext<\/strong><\/i><\/li><li><i><strong>buttoncolor<\/strong> - primary; success; info; warning; danger; link; inverse; darkblue; light; grey; <\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Text Box\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-2\"><\/div>\n<div class=\"col-md-4\">\n<div class=\"panel panel-default\">\r\n                <div class=\"panel-heading\">Text Box<\/div>\r\n                <div class=\"panel-body\">\r\n                    \nLorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed lacinia in, mi.<\/p>\n<p>Cras vel lorem. Etiam pellentesque aliquet tellus. Proin nibh augue, suscipit a, scelerisque sed.<br \/>\n\r\n                <\/div>\r\n            <\/div>\r\n        \n<\/div>\n<div class=\"col-md-2\"><\/div>\n<div class=\"col-md-4\"><br \/>\n[sourcecode language=&#8221;html&#8221;][text_box title=&quot;Text Box&quot;]\nLorem ipsum&#8230;<br \/>\n[\/text_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong><\/i><\/li><\/ul>\n<\/div>\n<\/div> <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/150"}],"collection":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":1,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/150\/revisions"}],"predecessor-version":[{"id":428,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/150\/revisions\/428"}],"wp:attachment":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/media?parent=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}