{"id":4170,"date":"2014-04-24T08:39:56","date_gmt":"2014-04-24T08:39:56","guid":{"rendered":"http:\/\/pluto.themewoodmen.com\/?page_id=4157"},"modified":"2014-06-05T14:48:28","modified_gmt":"2014-06-05T14:48:28","slug":"boxes","status":"publish","type":"page","link":"http:\/\/pluto.themewoodmen.com\/woo\/boxes\/","title":{"rendered":"Boxes and chapters"},"content":{"rendered":"<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter219\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Person box<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\"><br \/>\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Person box Start--><div  class=\"personBox animated\" data-fx=\"none\"><img  src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/team-01.jpg\"><H4>Robert Judd<span>CEO<\/span><\/H4><\/div><!--Person box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;] [person_box title=&quot;Robert Judd&quot; subtitle=&quot;CEO&quot; image=&quot;http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/team-01.jpg&quot;]\n&#8230;<br \/>\n[\/person_box][\/sourcecode]<\/p>\n<h6 class=\"ct-params\">person box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>subtitle<\/strong><\/i><\/li><li><i><strong>image<\/strong> - image source<\/i><\/li><li><i><strong>style<\/strong> - circle thumbnails? - standard; rounded; <\/i><\/li><li><i><strong>link<\/strong><\/i><\/li><li><i><strong>class<\/strong> - custom class, custom class name<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><li><i><strong>image_raw<\/strong> - image, image source<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter884\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Button box<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Button box Start--><div  class=\"buttonBox  table-content class animated\" data-fx=\"none\"><div class=\"table-row\"><div class=\"table-cell\"><p>Like what you see? Buy this template!<\/p><\/div><div class=\"table-cell text-right\"><a href=\"http:\/\/themeforest.net\/item\/pluto-parallax-wordpress-portfolio-theme\/7640670?ref=ThemeWoodmen\" class=\"btn btn-default btn-lg\">Take my money<\/a><\/div><\/div><\/div><!--Button box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][button_box text=&quot;Like what you see? Buy this template!&quot; button_text=&quot;Take my money&quot; link=&quot;...&quot;][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">button box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>text<\/strong><\/i><\/li><li><i><strong>button_text<\/strong> - button text<\/i><\/li><li><i><strong>link<\/strong><\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter430\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Copyright<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Copyright Start--><div  class=\"animated\" data-fx=\"none\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/logo1.png\" alt=\" \"><br><br><p class=\"darker\">Made with love by ThemeWoodmen<\/p>\n<p>\u00a9 2026<\/p><\/div><!--Copyright End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][copyright text=&quot;Made with love by ThemeWoodmen&lt;br&gt;&lt;br&gt;\u00a9 %year%&quot; image=&quot;http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/logo1.png&quot;][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">copyright parameters<\/h6><ul class=\"ct-params\"><li><i><strong>text<\/strong><\/i><\/li><li><i><strong>type<\/strong> - inline or block style - inline; block; <\/i><\/li><li><i><strong>image<\/strong> - image source<\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><li><i><strong>image_raw<\/strong> - image, image source<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter851\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Icon box type 1<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Icon box Start--><div class=\"iconBox type1 animated\" data-fx=\"none\"><div class=\"media\"><a class=\"pull-left\" href=\"#\"><span class=\"octagon\"><span class=\"svg-load\"><\/span><!--Icon Shortcode Start--><i  class=\"fa fa-cog animated\" data-fx=\"none\"><\/i><!--Icon Shortcode End--><\/span><\/a><div class=\"media-body\"><!--Header Shortcode Start--><h4 class=\" media-heading \" ><a href=\"#\">Brand creation<\/a><\/h4><!--Header Shortcode End--><!--Paragraph Shortcdoe Start--><p  class=\"animated\" data-fx=\"none\">Asunt in anim uis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br \/>\n<\/p><!--Paragraph Shortcode End--><\/div><\/div><\/div><!--Icon box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][icon_box header=&quot;Brand creation&quot; icon=&quot;fa-cog&quot; link=&quot;#&quot;]&#8230;[\/icon_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">icon box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>type<\/strong> - icon box type - 1; 2; 3; 4; <\/i><\/li><li><i><strong>header<\/strong> - title<\/i><\/li><li><i><strong>icon<\/strong><\/i><\/li><li><i><strong>link<\/strong><\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter592\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Icon box type 2<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Icon box Start--><div class=\"iconBox type2 animated\" data-fx=\"none\"><div class=\"media\"><a class=\"pull-left\" href=\"#\"><!--Icon Shortcode Start--><i  class=\"fa fa-trophy animated\" data-fx=\"none\"><\/i><!--Icon Shortcode End--><\/a><div class=\"media-body\"><!--Header Shortcode Start--><h4 class=\" media-heading \" ><a href=\"#\">Brand creation<\/a><\/h4><!--Header Shortcode End--><!--Paragraph Shortcdoe Start--><p  class=\"animated\" data-fx=\"none\">Nullam ac lacus eu libero condimentum. Aliquam volutpat. Proin commodo. Sed massa nunc, tincidunt.<\/p><!--Paragraph Shortcode End--><\/div><\/div><\/div><!--Icon box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][icon_box type=&quot;2&quot; header=&quot;Brand creation&quot; icon=&quot;fa-trophy&quot; link=&quot;#&quot;]&#8230;[\/icon_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">icon box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>type<\/strong> - icon box type - 1; 2; 3; 4; <\/i><\/li><li><i><strong>header<\/strong> - title<\/i><\/li><li><i><strong>icon<\/strong><\/i><\/li><li><i><strong>link<\/strong><\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter789\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Icon box type 3<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Icon box Start--><div class=\"iconBox type3 animated\" data-fx=\"none\"><div class=\"media\"><a class=\"pull-left\" href=\"#\"><!--Icon Shortcode Start--><i  class=\"fa fa-star animated\" data-fx=\"none\"><\/i><!--Icon Shortcode End--><\/a><div class=\"media-body\"><!--Header Shortcode Start--><h4 class=\" media-heading \" ><a href=\"#\">Brand creation<\/a><\/h4><!--Header Shortcode End--><!--Paragraph Shortcdoe Start--><p  class=\"animated\" data-fx=\"none\">Praesent dignissim dui eu urna feugiat lobortis. Morbi varius nibh sit amet adipiscing mollis. Aenean id neque ut augue gravida.<\/p><!--Paragraph Shortcode End--><\/div><\/div><\/div><!--Icon box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][icon_box type=&quot;3&quot; header=&quot;Brand creation&quot; icon=&quot;fa-star&quot; link=&quot;#&quot;]&#8230;[\/icon_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">icon box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>type<\/strong> - icon box type - 1; 2; 3; 4; <\/i><\/li><li><i><strong>header<\/strong> - title<\/i><\/li><li><i><strong>icon<\/strong><\/i><\/li><li><i><strong>link<\/strong><\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter850\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Icon box type 4<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Icon box Start--><div class=\"iconBox type4 animated\" data-fx=\"none\"><div class=\"media\"><span class=\"pull-left\"><!--Icon Shortcode Start--><i  class=\"fa fa-star animated\" data-fx=\"none\"><\/i><!--Icon Shortcode End--><\/span><div class=\"media-body\"><!--Header Shortcode Start--><h4 class=\" media-heading \" >Brand creation<\/h4><!--Header Shortcode End--><!--Paragraph Shortcdoe Start--><p  class=\"animated\" data-fx=\"none\">Praesent dignissim dui eu urna feugiat lobortis. Morbi varius nibh sit amet adipiscing mollis. Aenean id neque ut augue gravida posuere.<\/p><!--Paragraph Shortcode End--><\/div><\/div><\/div><!--Icon box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][icon_box type=&quot;4&quot; header=&quot;Brand creation&quot; icon=&quot;fa-star&quot;]&#8230;[\/icon_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">icon box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>type<\/strong> - icon box type - 1; 2; 3; 4; <\/i><\/li><li><i><strong>header<\/strong> - title<\/i><\/li><li><i><strong>icon<\/strong><\/i><\/li><li><i><strong>link<\/strong><\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter133\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Price box<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Price box Start-->\r\n        <div class=\"priceBox text-center animated\" data-fx=\"none\">\r\n              <div class=\"inner\">\r\n                <h3>Standard<\/h3>\r\n                    <div>\r\n                       <sup>$<\/sup><em>30<\/em><sub>\/mo<\/sub>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"btn btn-primary\">Get started<\/a>\r\n               <\/div>\r\n               <span>\n<span>30 GB storage<\/span><br \/>\n<span>200 GB bandwidth<\/span><br \/>\n<span>10 email accounts<\/span><br \/>\n<span>10 MySQL databases<\/span><br \/>\n<span>3 support tickets per month<\/span><br \/>\n<\/span>\r\n          <\/div>\r\n\r\n        <!--Price box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][price_box title=&quot;Standard&quot; value=&quot;30&quot; superscript=&quot;$&quot; subscript=&quot;\/mo&quot; button_text=&quot;Get started&quot;]\n&lt;span&gt;30 GB storage&lt;\/span&gt;<br \/>\n&lt;span&gt;200 GB bandwidth&lt;\/span&gt;<br \/>\n&lt;span&gt;10 email accounts&lt;\/span&gt;<br \/>\n&lt;span&gt;10 MySQL databases&lt;\/span&gt;<br \/>\n&lt;span&gt;3 support tickets per month&lt;\/span&gt;<br \/>\n[\/price_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">price box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>special<\/strong> - this offer will befeatured  - yes; no; <\/i><\/li><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>value<\/strong><\/i><\/li><li><i><strong>superscript<\/strong><\/i><\/li><li><i><strong>subscript<\/strong><\/i><\/li><li><i><strong>link<\/strong><\/i><\/li><li><i><strong>button_text<\/strong> - button text<\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter992\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Icon Price box<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Icon Price box Start-->\r\n        <div  class=\"priceBox animated text-center type2\" data-fx=\"none\">\r\n            <div class=\"inner\">\r\n                <i class=\"fa fa-anchor\"><\/i>\r\n                <h3>Standard<\/h3>\r\n                <div>\r\n                    <sup>$<\/sup><em>30<\/em><sub>\/mo<\/sub>\r\n                <\/div>\r\n            <\/div>\r\n            <p>\n<span>30 GB storage<\/span>\n<span>200 GB bandwidth<\/span>\n<span>10 email accounts<\/span>\n<span>10 MySQL databases<\/span>\n<span>3 support tickets per month<\/span>\n<\/p><a href=\"#\" class=\"btn btn-primary\">Get started<\/a>\r\n        <\/div>\r\n        <!--Icon Price box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][icon_price_box title=&quot;Standard&quot; value=&quot;30&quot; superscript=&quot;$&quot; subscript=&quot;\/mo&quot; button_text=&quot;Get started&quot; icon=&quot;fa-anchor&quot;]\n&lt;span&gt;30 GB storage&lt;\/span&gt;<br \/>\n&lt;span&gt;200 GB bandwidth&lt;\/span&gt;<br \/>\n&lt;span&gt;10 email accounts&lt;\/span&gt;<br \/>\n&lt;span&gt;10 MySQL databases&lt;\/span&gt;<br \/>\n&lt;span&gt;3 support tickets per month&lt;\/span&gt;<br \/>\n[\/icon_price_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">icon_price_box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>value<\/strong><\/i><\/li><li><i><strong>superscript<\/strong><\/i><\/li><li><i><strong>subscript<\/strong><\/i><\/li><li><i><strong>link<\/strong><\/i><\/li><li><i><strong>button_text<\/strong> - button text<\/i><\/li><li><i><strong>icon<\/strong> - awesome icon name<\/i><\/li><li><i><strong>icon_class<\/strong> - icon custom class name<\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter723\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Alert box<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Alert Box Start--><div  class=\"alert alert-dismissable alert-danger animated\" data-fx=\"none\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button><i class=\"fa fa-ban\"><\/i>Error: Your error message goes here!<\/div><!--Alert Box End-->\n<!--Alert Box Start--><div  class=\"alert alert-dismissable animated alert-success\" data-fx=\"none\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button><i class=\"fa fa-check-circle-o\"><\/i>Success: Your success message goes here!<\/div><!--Alert Box End-->\n<!--Alert Box Start--><div  class=\"alert alert-dismissable animated alert-info\" data-fx=\"none\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button><i class=\"fa fa-info-circle\"><\/i>Info: Your info message goes here!<\/div><!--Alert Box End-->\n<!--Alert Box Start--><div  class=\"alert alert-dismissable animated alert-warning\" data-fx=\"none\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button><i class=\"fa fa-exclamation-circle\"><\/i>Warning! Your warning message goes here!<\/div><!--Alert Box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][alert_box type=&quot;danger&quot;]&#8230;[\/alert_box]<br \/>\n[alert_box type=&quot;success&quot;]&#8230;[\/alert_box]<br \/>\n[alert_box type=&quot;info&quot;]&#8230;[\/alert_box]<br \/>\n[alert_box type=&quot;warning&quot;]&#8230;[\/alert_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">alert box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>type<\/strong> - danger; success; info; warning; <\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter198\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Promo box<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--HalfColumn Shortcode Start--><div  class=\"col-md-6\">\n<!--Promo box Start--><div  class=\"promoBox class animated\" data-fx=\"none\"> <div class=\"promoBox\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6 col-md-push-6\">\r\n          <div class=\"inner\">\r\n            <h2><h2>We create design that works<\/h2><\/h2>\r\n\r\n            <p class=\"larger\">\r\n              <p class=\"larger\">Vestibulum quis leo risus. Mauris hendrerit risus a laoreet blandit. Cras eu arcu quis sem faucibus volutpat. Praesent facilisis mauris nec magna vulputate blandit.<\/p>\r\n            <\/p>\r\n            <a href=\"http:\/\/themeforest.net\/user\/ThemeWoodmen\/portfolio\/?ref=ThemeWoodmen\" class=\"btn btn-default btn-\">More about us<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"col-md-6 col-md-pull-6\">\r\n          <img  src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/home-v1-promo.jpg\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n       <!--Promo box End-->\n<\/div><!--HalfColumn Shortcode End-->\n<!--HalfColumn Shortcode Start--><div  class=\"col-md-6 col-md-push-1\">\n[sourcecode language=&#8221;html&#8221;][promo_box title=&quot;We create design that works&quot; button_link=&quot;...&quot; button_text=&quot;More about us&quot; image=&quot;http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/home-v1-promo.jpg&quot;]&#8230;[\/promo_box][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">promo box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>button_text<\/strong> - button text<\/i><\/li><li><i><strong>button_link<\/strong> - button link<\/i><\/li><li><i><strong>button_size<\/strong> - size, button size - default; lg; sm; block; <\/i><\/li><li><i><strong>button_type<\/strong> - type, button type - default; primary; <\/i><\/li><li><i><strong>image<\/strong> - image source<\/i><\/li><li><i><strong>content_place<\/strong> - content place - right; left; <\/i><\/li><li><i><strong>class<\/strong> - custom class, custom class name<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><li><i><strong>image_raw<\/strong> - image, image source<\/i><\/li><\/ul>\n<\/div><!--HalfColumn Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter884\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Thumbnails box<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Thumbnails Box Start--><ul  class=\"list-unstyled thumbnails animated row\" data-fx=\"none\">\n<!--Thumbnails Box Item Start--><li class=\"col-xs-3 col-md-3\"><a href=\"#\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-01.png\" alt=\" \"><\/a><\/li><!--Thumbnails Box Item End-->\n<!--Thumbnails Box Item Start--><li class=\"col-xs-3 col-md-3\"><a href=\"#\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-02.png\" alt=\" \"><\/a><\/li><!--Thumbnails Box Item End-->\n<!--Thumbnails Box Item Start--><li class=\"col-xs-3 col-md-3\"><a href=\"#\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-03.png\" alt=\" \"><\/a><\/li><!--Thumbnails Box Item End-->\n<!--Thumbnails Box Item Start--><li class=\"col-xs-3 col-md-3\"><a href=\"#\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-04.png\" alt=\" \"><\/a><\/li><!--Thumbnails Box Item End-->\n<!--Thumbnails Box Item Start--><li class=\"col-xs-3 col-md-3\"><a href=\"#\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-05.png\" alt=\" \"><\/a><\/li><!--Thumbnails Box Item End-->\n<!--Thumbnails Box Item Start--><li class=\"col-xs-3 col-md-3\"><a href=\"#\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-06.png\" alt=\" \"><\/a><\/li><!--Thumbnails Box Item End-->\n<!--Thumbnails Box Item Start--><li class=\"col-xs-3 col-md-3\"><a href=\"#\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-07.png\" alt=\" \"><\/a><\/li><!--Thumbnails Box Item End-->\n<!--Thumbnails Box Item Start--><li class=\"col-xs-3 col-md-3\"><a href=\"#\"><img src=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-08.png\" alt=\" \"><\/a><\/li><!--Thumbnails Box Item End-->\n<\/ul><!--Thumbnails Box End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][thumbnails_box columns=&quot;4&quot;]&#8230;[\/thumbnails_box][\/sourcecode]<br \/>\n[sourcecode language=&#8221;html&#8221;][thumbnails_box_item src=&quot;http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/clients-logo-01.png&quot; link=&quot;#&quot;][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">thumbnails_box parameters<\/h6><ul class=\"ct-params\"><li><i><strong>columns<\/strong> - 3; 4; <\/i><\/li><li><i><strong>class<\/strong> - custom class, custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<h6 class=\"ct-params\">thumbnails box item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>src<\/strong> - image, image source<\/i><\/li><li><i><strong>class<\/strong> - custom class, custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>src_raw<\/strong> - image, image source<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg2 animated\" id=\"chapter743\" data-btmspace=\"45\" data-fx=\"fadeInDown\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Chapter<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--Paragraph Shortcdoe Start--><p  class=\"animated\" data-fx=\"none\">\nFactorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay.<br \/>\n<\/p><!--Paragraph Shortcode End-->\n<!--Paragraph Shortcdoe Start--><p  class=\"animated\" data-fx=\"none\">\nMarquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate.<br \/>\n<\/p><!--Paragraph Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area animated\" id=\"chapter726\" data-fx=\"none\" ><div class=\"container  \" >\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<h6 class=\"ct-params\">chapter parameters<\/h6><ul class=\"ct-params\"><li><i><strong>id<\/strong><\/i><\/li><li><i><strong>mode<\/strong> - display mode - default; fullscreen; invert; <\/i><\/li><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>subtitle<\/strong><\/i><\/li><li><i><strong>summary<\/strong><\/i><\/li><li><i><strong>background<\/strong> - background image, image source<\/i><\/li><li><i><strong>background_color<\/strong> - fullscreen bg color - 1; 2; <\/i><\/li><li><i><strong>chapter_custom_class<\/strong> - adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>top_padding<\/strong> - chapter top padding, defines top padding of the chapter. default value is 0. to set the top padding  to chapter, enter value in pixels.<\/i><\/li><li><i><strong>bottom_padding<\/strong> - chapter bottom padding, defines bottom padding of the chapter. default value is 0. to set the bottom padding to chapter, enter value in pixels.<\/i><\/li><li><i><strong>hide_overflow<\/strong> - hide overflow? - yes; no; <\/i><\/li><li><i><strong>bright_text<\/strong> - bright text? - yes; no; <\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><li><i><strong>background_raw<\/strong> - background image, image source<\/i><\/li><\/ul>\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">[sourcecode language=&#8221;html&#8221;][ chapter background=&quot;2&quot; bottom_padding=&quot;45&quot;]&#8230;[\/ chapter][\/sourcecode]<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area brightText animated\" id=\"chapter520\" data-bg=\"http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/home-v1-clients-bg.jpg\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Chapter with parallax background<\/h1><!--Header Shortcode End--><\/header>\n<!--Spacer Shortcode Start--><div data-height=\"200\"  class=\"spacer \" style=\"height:200px\"><\/div><!--Spacer Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area animated\" id=\"chapter940\" data-fx=\"none\" ><div class=\"container  \" >\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<h6 class=\"ct-params\">chapter parameters<\/h6><ul class=\"ct-params\"><li><i><strong>id<\/strong><\/i><\/li><li><i><strong>mode<\/strong> - display mode - default; fullscreen; invert; <\/i><\/li><li><i><strong>title<\/strong><\/i><\/li><li><i><strong>subtitle<\/strong><\/i><\/li><li><i><strong>summary<\/strong><\/i><\/li><li><i><strong>background<\/strong> - background image, image source<\/i><\/li><li><i><strong>background_color<\/strong> - fullscreen bg color - 1; 2; <\/i><\/li><li><i><strong>chapter_custom_class<\/strong> - adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>top_padding<\/strong> - chapter top padding, defines top padding of the chapter. default value is 0. to set the top padding  to chapter, enter value in pixels.<\/i><\/li><li><i><strong>bottom_padding<\/strong> - chapter bottom padding, defines bottom padding of the chapter. default value is 0. to set the bottom padding to chapter, enter value in pixels.<\/i><\/li><li><i><strong>hide_overflow<\/strong> - hide overflow? - yes; no; <\/i><\/li><li><i><strong>bright_text<\/strong> - bright text? - yes; no; <\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><li><i><strong>background_raw<\/strong> - background image, image source<\/i><\/li><\/ul>\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">[sourcecode language=&#8221;html&#8221;][ chapter bright_text=&quot;true&quot; background=&quot;http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/home-v1-clients-bg.jpg&quot; title=&quot;Chapter with parallax background&quot; bottom_padding=&quot;45&quot;]&#8230;[ \/chapter][\/sourcecode]<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n","protected":false},"excerpt":{"rendered":"Person box Robert JuddCEO [sourcecode language=\"html\"] [person_box title=&quot;Robert Judd&quot; subtitle=&quot;CEO&quot; image=&quot;http:\/\/pluto.themewoodmen.com\/woo\/wp-content\/uploads\/sites\/4\/2014\/04\/team-01.jpg&quot;] ... [\/person_box][\/sourcecode] person box parameterstitlesubtitleimage - image sourcestyle - circle thumbnails? - standard; rounded; linkclass - custom class, custom class nameanimation - chapter animation effectimage_raw - image, image source Button box Like what you see? Buy this template!Take my money [sourcecode language=\"html\"][button_box text=&quot;Like what you see? Buy this template!&quot; [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0},"_links":{"self":[{"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/pages\/4170"}],"collection":[{"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/comments?post=4170"}],"version-history":[{"count":3,"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/pages\/4170\/revisions"}],"predecessor-version":[{"id":4986,"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/pages\/4170\/revisions\/4986"}],"wp:attachment":[{"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/media?parent=4170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}