{"id":393,"date":"2013-07-25T08:20:36","date_gmt":"2013-07-25T08:20:36","guid":{"rendered":"http:\/\/www.aivahthemes.com\/hostmev2\/?page_id=393"},"modified":"2013-07-27T20:30:20","modified_gmt":"2013-07-27T20:30:20","slug":"boxes","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/hostmev2\/shortcodes\/boxes\/","title":{"rendered":"Content and Callout Boxes"},"content":{"rendered":"<div class=\"fancyheading \"><h4 class=\"fancy-title \" >Fancy Box with Multiple Usage<\/h4><span class=\"iva-fh-desc\" ><\/span><\/div>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<div  class=\"fancybox iva_anim\"><h4 class=\"fancytitle\" >Donec fermentum justo<\/h4><div class=\"boxcontent\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra felis, id aliquam purus. Quisque et neque faucibus, varius est id, molestie purus. Fusce lacinia neque vel accumsan scelerisque. Vestibulum molestie felis vel purus pretium gravida. Phasellus pretium dapibus leo ullamcorper convallis. Cras scelerisque magna diam, dignissim rutrum lectus lacinia et. Cras gravida arcu vitae nunc vulputate, at ullamcorper lacus condimentum. Cras eros ipsum, viverra vel tellus nec, congue bibendum augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam consequat purus aliquet tortor rutrum, id sagittis eros sollicitudin. Donec in varius magna. Nullam eget elit odio. Integer hendrerit libero at dignissim imperdiet. In eget lorem id magna varius eleifend. Etiam cursus nisl nec orci dapibus, ut rhoncus quam aliquet.<br \/>\n<\/div><\/div>\n<div class=\"demo_space\"  style=\"height:30px\"><\/div>\n<div class=\"iva_col one_half\"><div  class=\"fancybox iva_anim\"><h4 class=\"fancytitle\"  style=\"background-color:#1abc9c;color:#ffffff;\">Donec fermentum justo<\/h4><div class=\"boxcontent\">orem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra felis, id aliquam purus. Quisque et neque faucibus, varius est id, molestie purus. Fusce lacinia neque vel accumsan scelerisque. Vestibulum molestie felis vel purus pretium gravida. Phasellus pretium dapibus leo ullamcorper convallis. Cras scelerisque magna diam, dignissim rutrum lectus lacinia et.<\/div><\/div><\/div>\n<div class=\"iva_col one_half last\"><div  class=\"fancybox iva_anim\"><div class=\"ribbon\"><img decoding=\"async\" src=\"https:\/\/www.aivahthemes.com\/hostmev2\/wp-content\/themes\/hostmev2\/images\/ribbons\/03.png\" \/><\/div><h4 class=\"fancytitle\"  style=\"background-color:#1abc9c;color:#ffffff;\">Donec fermentum justo<\/h4><div class=\"boxcontent\" style=\"background-color:#2c3e50;color:#ffffff;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra felis, id aliquam purus. Quisque et neque faucibus, varius est id, molestie purus. Fusce lacinia neque vel accumsan scelerisque. Vestibulum molestie felis vel purus pretium gravida. Phasellus pretium dapibus leo ullamcorper convallis. Cras scelerisque magna diam, dignissim rutrum lectus lacinia et.<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<code>&#091;fancy_box title=\"Title Here\" titlebgcolor=\"#1abc9c\" titlecolor=\"#ffffff\" textcolor=\"#ffffff\" boxbgcolor=\"#2c3e50\" ribbon=\"03\"]Content Here...&#091;\/fancy_box]\n<\/code><br \/>\n<div class=\"divider  thin\"  style=\"margin:40px 0 40px 0;\"><\/div>\n<strong>Customization Options and Features:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n\n<ul class=\"list-square  black\">\n<li><strong>Box Title: <\/strong>Title text for Accordion.<\/li>\n<li><strong>Box Content:<\/strong> Type the content for Accordion.<\/li>\n<li><strong>Title Color:<\/strong> Choose the color for title.<\/li>\n<li><strong>Title BG Color:<\/strong> Choose the color for title background.<\/li>\n<li><strong>Text Color:<\/strong> Choose the color for content.<\/li>\n<li><strong>Box BG Color:<\/strong> Choose the color for Box Background.<\/li>\n<li><strong>Corner Ribbon:<\/strong> Corner Ribbon (Range from 01 &#8211; 64) for more details of the names you can check the ribbons bolder within the images folder.<\/li>\n<\/ul>\n\n<div class=\"divider  thin\"  style=\"margin:60px 0 60px 0;\"><\/div>\n<div class=\"fancyheading \"><h4 class=\"fancy-title \" >Framed Box with Multiple Usage<\/h4><span class=\"iva-fh-desc\" ><\/span><\/div>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<div  class=\"frame_box iva_anim clearfix\"   style=\" background-color:#1abc9c; color:#ffffff; border-color:#1abc9c;\">\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto:300\" rel=\"stylesheet\" type=\"text\/css\">\n\t\t\t\t<div  class=\"iva_anim google-font\"  style=\"font-family:Roboto;line-height:18px;font-size:14px;\">Vestibulum molestie felis vel purus pretium gravida. Phasellus pretium dapibus leo ullamcorper convallis. Cras scelerisque magna diam, dignissim rutrum lectus lacinia et. Cras gravida arcu vitae nunc vulputate, at ullamcorper lacus condimentum. Cras eros ipsum, viverra vel tellus nec, congue bibendum augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<\/div>\n<\/div>\n<div class=\"demo_space\"  style=\"height:30px\"><\/div>\n<div class=\"iva_col one_half\"><div  class=\"frame_box iva_anim clearfix\"   style=\" background-color:#2c3e50; color:#ffffff; border-color:#2c3e50;\">\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto:100\" rel=\"stylesheet\" type=\"text\/css\">\n\t\t\t\t<div  class=\"iva_anim google-font\"  style=\"font-family:Roboto;line-height:34px;font-size:30px;margin:20px;\">49,564,546,554 <span style=\"color:#94BC1F\">&euro;<\/span><\/div>\n<\/div><\/div>\n<div class=\"iva_col one_half last\"><div  class=\"frame_box iva_anim clearfix\"   style=\" color:#333333; border-color:#2c3e50;\">\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto:100\" rel=\"stylesheet\" type=\"text\/css\">\n\t\t\t\t<div  class=\"iva_anim google-font\"  style=\"font-family:Roboto;line-height:34px;font-size:30px;margin:20px;\">49,564,546,554 <span style=\"color:#94BC1F\">&euro;<\/span><\/div>\n<\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<code>&#091;frame_box bgcolor=\"#1abc9c\" bordercolor=\"#1abc9c\" textcolor=\"#ffffff\"]\n  Content Here...<br \/>\n&#091;\/frame_box]<\/code><br \/>\n<div class=\"divider  thin\"  style=\"margin:40px 0 40px 0;\"><\/div>\n<strong>Customization Options and Features:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n\n<ul class=\"list-square  black\">\n<li><strong>Box Content:<\/strong> Type the content for box.<\/li>\n<li><strong>BG Color:<\/strong> Box Background color default state. <\/li>\n<li><strong>Text Color:<\/strong> Box Text color default state.<\/li>\n<li><strong>Border Color:<\/strong> Box Border color default state.<\/li>\n<\/ul>\n\n<div class=\"divider  thin\"  style=\"margin:60px 0 60px 0;\"><\/div>\n<div class=\"fancyheading \"><h4 class=\"fancy-title \" >Callout Box<\/h4><span class=\"iva-fh-desc\" ><\/span><\/div>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<div  class=\"callOutBox iva_anim\"  style=\" background-color:#e6e6e6;\"><div class=\"teaser_Content\"><div class=\"callOut_Text\">\n<h4>Try HostMe V2 for only 45$ bucks!<\/h4>\n<p>Loaded with awesome features &#038; much more!<\/div><div class=\"callOut_Button\"><a  href=\"#\" class=\"btn medium border greensea\"  target=\"_blank\"><span>Purchase!<\/span><\/a><\/div><\/div><\/div>\n<div class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<code>&#091;callout bgcolor=\"#e6e6e6\" buttonlink=\"#\" linktarget=\"_blank\" color=\"greensea\" buttontext=\"Purchase!\" buttonsize=\"medium\" style=\"border\"]Content Here...[\/callout]<\/code><br \/>\n<div class=\"divider  thin\"  style=\"margin:40px 0 40px 0;\"><\/div>\n<strong>Customization Options and Features:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n\n<ul class=\"list-square  black\">\n<li><strong>Accordion Title: <\/strong>Title text for Accordion<\/li>\n<li><strong>Accordion Content:<\/strong> Type the content for Accordion<\/li>\n<li><strong>Font-awesome Icon:<\/strong> Enter the class of Font-awesome Icon <\/li>\n<li><strong>Accordion Tab Active:<\/strong> Set &#8220;true&#8221; if you wish to Active Tab.<\/li>\n<\/ul>\n\n","protected":false},"excerpt":{"rendered":"<p>Get The Code: &#091;fancy_box title=&#8221;Title Here&#8221; titlebgcolor=&#8221;#1abc9c&#8221; titlecolor=&#8221;#ffffff&#8221; textcolor=&#8221;#ffffff&#8221; boxbgcolor=&#8221;#2c3e50&#8243; ribbon=&#8221;03&#8243;]Content Here&#8230;&#091;\/fancy_box] Customization Options and Features: Get The Code: &#091;frame_box bgcolor=&#8221;#1abc9c&#8221; bordercolor=&#8221;#1abc9c&#8221; textcolor=&#8221;#ffffff&#8221;] Content Here&#8230; &#091;\/frame_box] Customization Options and Features: Get The Code: &#091;callout bgcolor=&#8221;#e6e6e6&#8243; buttonlink=&#8221;#&#8221; linktarget=&#8221;_blank&#8221; color=&#8221;greensea&#8221; buttontext=&#8221;Purchase!&#8221; buttonsize=&#8221;medium&#8221; style=&#8221;border&#8221;]Content Here&#8230;[\/callout] Customization Options and Features:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":246,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template_subpage.php","meta":{"footnotes":""},"class_list":{"0":"post-393","1":"page","2":"type-page","3":"status-publish","5":"last-post"},"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":2,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages\/393\/revisions"}],"predecessor-version":[{"id":646,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages\/393\/revisions\/646"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages\/246"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/media?parent=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}