{"id":379,"date":"2015-09-22T10:51:36","date_gmt":"2015-09-22T10:51:36","guid":{"rendered":"http:\/\/demo.pixelemu.com\/pe-magnetic-watermark\/?page_id=379"},"modified":"2015-09-22T10:51:36","modified_gmt":"2015-09-22T10:51:36","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/amocofcu.autoexam.com\/index.php\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<body><div class=\"embed-responsive embed-responsive-16by9\"><iframe loading=\"lazy\" title=\"Shortcode generator for WordPress themes\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/z9y-4wpVD0E?start=9&amp;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<h3 class=\"pe-typo-title\">Animated hover CSS3 effects for images<\/h3>\n<p>These shortcodes allows you to display an image and its description with animated CSS3 effect.<br>\n<strong>Note:<\/strong> If you would like to add your own text into the image description, just modify the shortcode below or edit an existing shortcode of the demo template.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>title<\/li>\n<li>subtitle<\/li>\n<li>effect : saddie \/ goliath \/ julia \/ marley<\/li>\n<li>background : URL to image with http:\/\/<\/li>\n<li>fontcolor : color value (HEX)<\/li>\n<li>width : size in PX<\/li>\n<li>height : size in PX<\/li>\n<li>link : URL with http:\/\/<\/li>\n<li>target : _self \/ _blank<\/li>\n<\/ul>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<p><strong>Example 1<\/strong><\/p>\n<pre  >[anibox effect=<b>\"sadie\"<\/b> background=<b>\"http:\/\/placehold.it\/480x360\"<\/b> fontcolor=<b>\"#000000\"<\/b> width=<b>\"480\"<\/b> height=<b>\"360\"<\/b> link=<b>\"#\"<\/b> title=<b>\"Example Title\"<\/b> subtitle=<b>\"Lorem ipsum dolor sit amet.\"<\/b>]<\/pre>\n<div style=\"margin: 0 auto 30px;\"><div class=\"pe-anibox\"><figure class=\"effect-sadie\" style=\"max-width: 480px; height: 360px;\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/480x360\" alt=\"Example Title\" \/><figcaption><h2  style=\"color: #000000;\">Example Title<\/h2><p  style=\"color: #000000;\">Lorem ipsum dolor sit amet.<\/p><a href=\"#\" target=\"_self\">#<\/a><\/figcaption><\/figure><\/div><\/div>\n<\/div>\n<div class=\"col-md-6\">\n<p><strong>Example 2<\/strong><\/p>\n<pre  >[anibox effect=<b>\"goliath\"<\/b> background=<b>\"http:\/\/placehold.it\/480x360\"<\/b> fontcolor=<b>\"#ffffff\"<\/b> width=<b>\"480\"<\/b> height=<b>\"360\"<\/b> link=<b>\"#\"<\/b> title=<b>\"Example Title\"<\/b> subtitle=<b>\"Lorem ipsum dolor sit amet.\"<\/b>]<\/pre>\n<div style=\"margin: 0 auto 30px;\"><div class=\"pe-anibox\"><figure class=\"effect-goliath\" style=\"max-width: 480px; height: 360px;\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/480x360\" alt=\"Example Title\" \/><figcaption><h2  style=\"color: #ffffff;\">Example Title<\/h2><p  style=\"color: #ffffff;\">Lorem ipsum dolor sit amet.<\/p><a href=\"#\" target=\"_self\">#<\/a><\/figcaption><\/figure><\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<p><strong>Example 3<\/strong><\/p>\n<pre  >[anibox effect=<b>\"julia\"<\/b> background=<b>\"http:\/\/placehold.it\/480x360\"<\/b> fontcolor=<b>\"#000000\"<\/b> width=<b>\"480\"<\/b> height=<b>\"360\"<\/b> link=<b>\"#\"<\/b> title=<b>\"Example Title\"<\/b> subtitle=<b>\"Lorem ipsum dolor sit amet.\"<\/b>]<\/pre>\n<div style=\"margin: 0 auto 30px;\"><div class=\"pe-anibox\"><figure class=\"effect-julia\" style=\"max-width: 480px; height: 360px;\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/480x360\" alt=\"Example Title\" \/><figcaption><h2  style=\"color: #000000;\">Example Title<\/h2><p  style=\"color: #000000;\">Lorem ipsum dolor sit amet.<\/p><a href=\"#\" target=\"_self\">#<\/a><\/figcaption><\/figure><\/div><\/div>\n<\/div>\n<div class=\"col-md-6\">\n<p><strong>Example 4<\/strong><\/p>\n<pre  >[anibox effect=<b>\"marley\"<\/b> background=<b>\"http:\/\/placehold.it\/480x360\"<\/b> fontcolor=<b>\"#ffffff\"<\/b> width=<b>\"480\"<\/b> height=<b>\"360\"<\/b> link=<b>\"#\"<\/b> title=<b>\"Example Title\"<\/b> subtitle=<b>\"Lorem ipsum dolor sit amet.\"<\/b>]<\/pre>\n<div style=\"margin: 0 auto 30px;\"><div class=\"pe-anibox\"><figure class=\"effect-marley\" style=\"max-width: 480px; height: 360px;\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/480x360\" alt=\"Example Title\" \/><figcaption><h2  style=\"color: #ffffff;\">Example Title<\/h2><p  style=\"color: #ffffff;\">Lorem ipsum dolor sit amet.<\/p><a href=\"#\" target=\"_self\">#<\/a><\/figcaption><\/figure><\/div><\/div>\n<\/div>\n<\/div>\n<h3 class=\"pe-typo-title\">Testimonial<\/h3>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>title<\/li>\n<li>subtitle<\/li>\n<li>class : custom css class (eg. right)<\/li>\n<\/ul>\n<div class=\"row\">\n<div class=\"col-md-6\"><pre  >[testimonial class=<b>\"right\"<\/b> title=<b>\"bill gates\"<\/b> subtitle=<b>\"famous visionary\"<\/b>] <i>Nunc at pellentesque...<\/i> [\/testimonial]<\/pre>\n<div class=\"pe-testimonials right\"><div class=\"pe-custom-text\">Nunc at pellentesque massa, a euismod nisl. Sed quam diam, ultrices ac enim a, cursus gravida lorem. Etiam non suscipit massa. Proin condimentum tristique augue ac varius. Maecenas feugiat ex vitae massa viverra tincidunt et sed tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.<\/div><div class=\"pe-custom-title\">bill gates<\/div><div class=\"pe-custom-subtitle\">famous visionary<\/div><\/div><\/div>\n<div class=\"col-md-6\"><pre  style=\"min-height: 117px;\">[testimonial title=<b>\"steven tyler\"<\/b> subtitle=<b>\"famous singer\"<\/b>] <i>Nunc at pellentesque...<\/i> [\/testimonial]<\/pre>\n<div class=\"pe-testimonials \"><div class=\"pe-custom-text\">Nunc at pellentesque massa, a euismod nisl. Sed quam diam, ultrices ac enim a, cursus gravida lorem. Etiam non suscipit massa. Proin condimentum tristique augue ac varius. Maecenas feugiat ex vitae massa viverra tincidunt et sed tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.<\/div><div class=\"pe-custom-title\">steven tyler<\/div><div class=\"pe-custom-subtitle\">famous singer<\/div><\/div><\/div>\n<\/div>\n<h3 class=\"pe-typo-title\">Video Gallery<\/h3>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>id : ID of video<\/li>\n<li>web : youtube \/ vimeo<\/li>\n<li>fs : 1 \/ 0<\/li>\n<li>size : 1 \u2013 12 (grid)<\/li>\n<\/ul>\n<pre  >[row][pevideo id=<b>\"Hq8SzbapPkA\"<\/b> web=<b>\"youtube\"<\/b> fs=<b>\"1\"<\/b> size=<b>\"4\"<\/b>][pevideo id=<b>\"74195893\"<\/b> web=<b>\"vimeo\"<\/b> fs=<b>\"1\"<\/b> size=<b>\"4\"<\/b>][pevideo id=<b>\"_XwrAefrCxc\"<\/b> web=<b>\"youtube\"<\/b> fs=<b>\"0\"<\/b> size=<b>\"4\"<\/b>][\/row][row][pevideo id=<b>\"dtncYXTbjOk\"<\/b> web=<b>\"youtube\"<\/b> fs=<b>\"1\"<\/b> size=<b>\"6\"<\/b>][pevideo id=<b>\"hIhXtoyN_6A\"<\/b> web=<b>\"youtube\"<\/b> fs=<b>\"1\"<\/b> size=<b>\"6\"<\/b>][\/row]<\/pre>\n<div class=\"clearfix\"><div class=\"row sc\"><div class=\"item col-md-4\"><figure class=\"pe_video embed-responsive embed-responsive-16by9\"><iframe src=\"\/\/www.youtube.com\/embed\/Hq8SzbapPkA\" allowfullscreen><\/iframe><\/figure><\/div><div class=\"item col-md-4\"><figure class=\"pe_video embed-responsive embed-responsive-16by9\"><iframe src=\"\/\/player.vimeo.com\/video\/74195893\" allowfullscreen><\/iframe><\/figure><\/div><div class=\"item col-md-4\"><figure class=\"pe_video embed-responsive embed-responsive-16by9\"><iframe src=\"\/\/www.youtube.com\/embed\/_XwrAefrCxc\"  ><\/iframe><\/figure><\/div><\/div><div class=\"row sc\"><div class=\"item col-md-6\"><figure class=\"pe_video embed-responsive embed-responsive-16by9\"><iframe src=\"\/\/www.youtube.com\/embed\/dtncYXTbjOk\" allowfullscreen><\/iframe><\/figure><\/div><div class=\"item col-md-6\"><figure class=\"pe_video embed-responsive embed-responsive-16by9\"><iframe src=\"\/\/www.youtube.com\/embed\/hIhXtoyN_6A\" allowfullscreen><\/iframe><\/figure><\/div><\/div><\/div>\n<h3 class=\"pe-typo-title\">Image Gallery<\/h3>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>orderby : none \/ ID \/ author \/ title \/ date \/ modified \/ parent \/ rand \/ comment_count \/ menu_order \/ post__in<\/li>\n<li>order : ASC \/ DESC<\/li>\n<li>id : image ID<\/li>\n<li>columns : 1 \u2013 12 (grid)<\/li>\n<li>size : full \/ medium \/ thumbnail (image size)<\/li>\n<li>link : URL with http:\/\/<\/li>\n<li>modal : enable \/ disable<\/li>\n<\/ul>\n<pre  >[pegallery modal=<b>\"enable\"<\/b> size=<b>\"full\"<\/b> columns=<b>\"3\"<\/b> ids=<b>\"2172, 2173, 2174, 2175, 2176, 2177\"<\/b> orderby=<b>\"rand\"<\/b>]<\/pre>\n<div class=\"clearfix\"><\/div>\n<h3 class=\"pe-typo-title\">Accordion<\/h3>\n<p>This shortcode allows you to display accordion panels inside posts or widgets.<br>\n<strong>Note: <\/strong>Remember to always set the accordion title, and if you want that one of the accordions to be open on page load then enter the status attribute to \u201cactive\u201d.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>title<\/li>\n<li>status : active<\/li>\n<\/ul>\n<pre  >[accordion][accordion_content title=<b>\"Accordion 1\"<\/b> status=<b>\"active\"<\/b>] <i>Ut lectus felis...<\/i> [\/accordion_content][accordion_content title=<b>\"Accordion 2\"<\/b>] <i>Ut lectus felis...<\/i> [\/accordion_content][accordion_content title=<b>\"Accordion 3\"<\/b>] <i>Ut lectus felis...<\/i> [\/accordion_content][\/accordion]<\/pre>\n<div class=\"clearfix\"><div id=\"pe-accordion-6a686266281bb6.96191371\" class=\"pe-accordion-container\" role=\"tablist\"><div class=\"pe-accordion\"><div class=\"accordion-in\"><div id=\"pe-heading-6a6862662821c809931787\" class=\"pe-accordion-heading active\" role=\"tab\"><a href=\"#pe-accordion-6a6862662821d782040208\" role=\"button\" aria-controls=\"pe-accordion-6a6862662821d782040208\">Accordion 1<\/a><\/div><div id=\"pe-accordion-6a6862662821d782040208\" class=\"pe-accordion-content active\" role=\"tabpanel\" aria-labelledby=\"pe-heading-6a6862662821c809931787\"  aria-expanded=\"true\">Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Donec eget neque erat. Nam dictum justo sit amet placerat consectetur. Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula. Fusce eu risus sit amet metus sagittis volutpat vehicula porttitor elit. Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat. <\/div><\/div><\/div><div class=\"pe-accordion\"><div class=\"accordion-in\"><div id=\"pe-heading-6a6862662822d068012359\" class=\"pe-accordion-heading \" role=\"tab\"><a href=\"#pe-accordion-6a6862662822e207258426\" role=\"button\" aria-controls=\"pe-accordion-6a6862662822e207258426\">Accordion 2<\/a><\/div><div id=\"pe-accordion-6a6862662822e207258426\" class=\"pe-accordion-content \" role=\"tabpanel\" aria-labelledby=\"pe-heading-6a6862662822d068012359\"  aria-expanded=\"false\">Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Donec eget neque erat. Nam dictum justo sit amet placerat consectetur. Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula. Fusce eu risus sit amet metus sagittis volutpat vehicula porttitor elit. Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat. <\/div><\/div><\/div><div class=\"pe-accordion\"><div class=\"accordion-in\"><div id=\"pe-heading-6a68626628237434545237\" class=\"pe-accordion-heading \" role=\"tab\"><a href=\"#pe-accordion-6a68626628238980696897\" role=\"button\" aria-controls=\"pe-accordion-6a68626628238980696897\">Accordion 3<\/a><\/div><div id=\"pe-accordion-6a68626628238980696897\" class=\"pe-accordion-content \" role=\"tabpanel\" aria-labelledby=\"pe-heading-6a68626628237434545237\"  aria-expanded=\"false\">Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Donec eget neque erat. Nam dictum justo sit amet placerat consectetur. Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula. Fusce eu risus sit amet metus sagittis volutpat vehicula porttitor elit. Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat. <\/div><\/div><\/div><\/div><\/div>\n<h3 class=\"pe-typo-title\">Tabs<\/h3>\n<p>This shortcode allows you to display tabs inside posts or widgets.<br>\n<strong>Note: <\/strong>Remember to always set the tab title, and if you want than one of the tabs to be open on page load then enter the status attribute to \u201cactive\u201d.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>class : custom css class<\/li>\n<\/ul>\n<ul>\n<li>title<\/li>\n<li>status : active<\/li>\n<\/ul>\n<pre  >[tabs][tab title=<b>\"Tab 1\"<\/b> status=<b>\"active\"<\/b>] <i>Sed fringilla purus...<\/i> [\/tab][tab title=<b>\"Tab 2\"<\/b>] <i>Maecenas laoreet, ligula...<\/i> [\/tab][tab title=<b>\"Tab 3\"<\/b>] <i>Pellentesque sodales elit...<\/i> [\/tab][\/tabs]<\/pre>\n<div class=\"clearfix\"><div id=\"pe-tabs-6a686266282516.27085080\" class=\"pe-tabs \"><ul class=\"pe-tab-links\" role=\"tablist\" tabindex=\"0\"><li class=\"active\" role=\"presentation\"><a href=\"#pe-tab-6a686266282a7366287516\" aria-controls=\"pe-tab-6a686266282a7366287516\" role=\"tab\" >Tab 1<\/a><\/li><li class=\"\" role=\"presentation\"><a href=\"#pe-tab-6a686266282b1785932475\" aria-controls=\"pe-tab-6a686266282b1785932475\" role=\"tab\" >Tab 2<\/a><\/li><li class=\"\" role=\"presentation\"><a href=\"#pe-tab-6a686266282b8619310533\" aria-controls=\"pe-tab-6a686266282b8619310533\" role=\"tab\" >Tab 3<\/a><\/li><\/ul><div class=\"pe-tabs-content\"><div id=\"pe-tab-6a686266282a7366287516\" class=\"pe-tab active\" role=\"tabpanel\">Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat. <\/div><div id=\"pe-tab-6a686266282b1785932475\" class=\"pe-tab \" role=\"tabpanel\">Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula. <\/div><div id=\"pe-tab-6a686266282b8619310533\" class=\"pe-tab \" role=\"tabpanel\">Pellentesque sodales elit id pellentesque convallis. Sed sit amet lacinia augue. Nunc sit amet sapien neque. Donec neque neque, hendrerit et gravida eget, aliquam quis urna. <\/div><\/div><\/div><\/div>\n<pre  >[tabs class=<b>\"pe-clean\"<\/b>][tab title=<b>\"Tab 1\"<\/b> status=<b>\"active\"<\/b>] <i>Sed fringilla purus...<\/i> [\/tab][tab title=<b>\"Tab 2\"<\/b>] <i>Maecenas laoreet, ligula...<\/i> [\/tab][tab title=<b>\"Tab 3\"<\/b>] <i>Pellentesque sodales elit...<\/i> [\/tab][\/tabs]<\/pre>\n<div class=\"clearfix\"><div id=\"pe-tabs-6a686266282c85.64220994\" class=\"pe-tabs pe-clean\"><ul class=\"pe-tab-links\" role=\"tablist\" tabindex=\"0\"><li class=\"active\" role=\"presentation\"><a href=\"#pe-tab-6a686266282dc831736870\" aria-controls=\"pe-tab-6a686266282dc831736870\" role=\"tab\" >Tab 1<\/a><\/li><li class=\"\" role=\"presentation\"><a href=\"#pe-tab-6a686266282e2571261342\" aria-controls=\"pe-tab-6a686266282e2571261342\" role=\"tab\" >Tab 2<\/a><\/li><li class=\"\" role=\"presentation\"><a href=\"#pe-tab-6a686266282e7352901144\" aria-controls=\"pe-tab-6a686266282e7352901144\" role=\"tab\" >Tab 3<\/a><\/li><\/ul><div class=\"pe-tabs-content\"><div id=\"pe-tab-6a686266282dc831736870\" class=\"pe-tab active\" role=\"tabpanel\">Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat. <\/div><div id=\"pe-tab-6a686266282e2571261342\" class=\"pe-tab \" role=\"tabpanel\">Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula. <\/div><div id=\"pe-tab-6a686266282e7352901144\" class=\"pe-tab \" role=\"tabpanel\">Pellentesque sodales elit id pellentesque convallis. Sed sit amet lacinia augue. Nunc sit amet sapien neque. Donec neque neque, hendrerit et gravida eget, aliquam quis urna. <\/div><\/div><\/div><\/div>\n<h3 class=\"pe-typo-title\">Grid<\/h3>\n<p>This shortcode allows you to display columns inside posts or widgets. <strong>Note:<\/strong> It is needed to use the <strong>col<\/strong> short inside <strong>row<\/strong> shortcode. As well you can choose class suffix for different screens by using screen attribute, default is \u201cmd\u201d.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>title<\/li>\n<li>margin : true \/ false<\/li>\n<li>size : 1 \u2013 12 (grid)<\/li>\n<li>screen : xs \/ sm \/ md \/ lg (grid)<\/li>\n<\/ul>\n<pre  >[row][col size=<b>\"6\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/2 Phasellus vulputate ac...<\/i> [\/col][col size=<b>\"6\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/2 Phasellus vulputate ac...<\/i> [\/col][\/row][row][col size=<b>\"4\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/3 Phasellus vulputate ac...<\/i> [\/col][col size=<b>\"4\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/3 Phasellus vulputate ac...<\/i> [\/col][col size=<b>\"4\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/3 Phasellus vulputate ac...<\/i> [\/col][\/row][row][col size=<b>\"3\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/4 Phasellus vulputate ac...<\/i> [\/col][col size=<b>\"3\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/4 Phasellus vulputate ac...<\/i> [\/col][col size=<b>\"3\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/4 Phasellus vulputate ac...<\/i> [\/col][col size=<b>\"3\"<\/b> screen=<b>\"sm\"<\/b>] <i>1\/4 Phasellus vulputate ac...<\/i> [\/col][\/row]<\/pre>\n<div class=\"clearfix\"><div class=\"row sc\"><div class=\"item col-sm-6 \"><strong>1\/2<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><div class=\"item col-sm-6 \"><strong>1\/2<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><\/div><div class=\"row sc\"><div class=\"item col-sm-4 \"><strong>1\/3<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><div class=\"item col-sm-4 \"><strong>1\/3<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><div class=\"item col-sm-4 \"><strong>1\/3<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><\/div><div class=\"row sc\"><div class=\"item col-sm-3 \"><strong>1\/4<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><div class=\"item col-sm-3 \"><strong>1\/4<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><div class=\"item col-sm-3 \"><strong>1\/4<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><div class=\"item col-sm-3 \"><strong>1\/4<\/strong><br>\nPhasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.<\/div><\/div><\/div>\n<h3 class=\"pe-typo-title\">Table<\/h3>\n<p>This shortcode allows you to display Pricing Table.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>width : table width in PX or %<\/li>\n<li>size : cell(s) width in PX or % (coma separated)<\/li>\n<li>head : true \/ false (table heading display)<\/li>\n<li>fixed : true \/ false (table fixed layout)<\/li>\n<li>center : true \/ false (table text align center)<\/li>\n<\/ul>\n<pre  >\n[table width=<b>\"100%\"<\/b> head=<b>\"true\"<\/b>]&lt;br&gt;\n<i>Your title | ipsum | dolor | sit&lt;br&gt;\ncontent | lorem | ipsum | dolor&lt;br&gt;\nsit | amet | consectetur | adipiscing&lt;br&gt;\ntempus | lacinia | scelerisque | porttitor&lt;br&gt;\nlaoreet | ultricies | diam | eget&lt;br&gt;\narcu | molestie | dapibus | sollicitudin<\/i>&lt;br&gt;\n[\/table]&lt;br&gt;\n<\/pre>\n<div class=\"clearfix\"><table class=\"pe-table \" style=\"width: 100%;\"><thead><tr><th class=\"th-1\" >Your title<\/th><th class=\"th-2\" >ipsum<\/th><th class=\"th-3\" >dolor<\/th><th class=\"th-4\" >sit<\/th><\/tr><\/thead><tbody><tr class=\"tr-1\"><td class=\"td-1\" >content<\/td><td class=\"td-2\" >lorem<\/td><td class=\"td-3\" >ipsum<\/td><td class=\"td-4\" >dolor<\/td><\/tr><tr class=\"tr-2\"><td class=\"td-5\" >sit<\/td><td class=\"td-6\" >amet<\/td><td class=\"td-7\" >consectetur<\/td><td class=\"td-8\" >adipiscing<\/td><\/tr><tr class=\"tr-3\"><td class=\"td-9\" >tempus<\/td><td class=\"td-10\" >lacinia<\/td><td class=\"td-11\" >scelerisque<\/td><td class=\"td-12\" >porttitor<\/td><\/tr><tr class=\"tr-4\"><td class=\"td-13\" >laoreet<\/td><td class=\"td-14\" >ultricies<\/td><td class=\"td-15\" >diam<\/td><td class=\"td-16\" >eget<\/td><\/tr><tr class=\"tr-5\"><td class=\"td-17\" >arcu<\/td><td class=\"td-18\" >molestie<\/td><td class=\"td-19\" >dapibus<\/td><td class=\"td-20\" >sollicitudin<\/td><\/tr><\/tbody><\/table><\/div>\n<h3 class=\"pe-typo-title\">Google Map<\/h3>\n<p>This shortcode allows you to display Google Map.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>address<\/li>\n<li>latitude : number<\/li>\n<li>longitutde : number<\/li>\n<li>width: PX or %<\/li>\n<li>height: PX or %<\/li>\n<li>enablescrollwheel: true \/ false<\/li>\n<li>disablecontrols: ture \/ false<\/li>\n<li>zoom : 0 \u2013 23<\/li>\n<li>tooltip : disable \/ tooltip text<\/li>\n<\/ul>\n<pre  >[map address=<b>\"New York City\"<\/b>]<\/pre>\n<div class=\"clearfix\">You must provide valid address or coordinates (1)<\/div>\n<h3 class=\"pe-typo-title\">Headline<\/h3>\n<p>This shortcode allows you to display headline with effect.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>subtitle<\/li>\n<li>class : custom css class<\/li>\n<li>style : custom css styles<\/li>\n<\/ul>\n<pre  >[headline subtitle=<b>\"reliability, experience, effectiveness\"<\/b>] <i>Lorem ipsum dolor sit amet:<\/i> [\/headline]<\/pre>\n<div class=\"clearfix\"><div class=\"cd-intro \"><h2 class=\"cd-headline loading-bar\" ><span class=\"cd-desc\">Lorem ipsum dolor sit amet:<\/span><span class=\"cd-words-wrapper\"><b class=\"is-visible\">reliability<\/b><b>experience<\/b><b>effectiveness<\/b><\/span><\/h2><\/div><\/div>\n<h3 class=\"pe-typo-title\">Icontext<\/h3>\n<p>This shortcode allows you to display text with Font Awesome icon and link.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>title<\/li>\n<li>icon : font Awesome class<\/li>\n<li>link : URL with http:\/\/<\/li>\n<\/ul>\n<pre  >[icontext link=<b>\"#\"<\/b> title=<b>\"Lorem ipsum dolor sit amet\"<\/b> icon=<b>\"fa-coffee\"<\/b>] <i>Lorem ipsum dolor...<\/i> [\/icontext]<\/pre>\n<div class=\"clearfix\"><div class=\"pe-icontext \"><div class=\"pe-icon\" ><span class=\"fa fa-coffee\" aria-hidden=\"true\"><\/span><\/div><div class=\"pe-content\" ><div class=\"pe-label\"><a href=\"#\">Lorem ipsum dolor sit amet<\/a><\/div><div class=\"pe-desc\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.<\/div><\/div><\/div><\/div>\n<h3 class=\"pe-typo-title\">Readmore<\/h3>\n<p>This shortcode allows you to display text readmore button.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>icon : font Awesome class<\/li>\n<li>link : URL with http:\/\/<\/li>\n<li>type : large<\/li>\n<\/ul>\n<pre  >[readmore link=<b>\"#\"<\/b> icon=<b>\"fa-arrow-right\"<\/b>] <i>Lorem ipsum dolor<\/i> [\/readmore]<\/pre>\n<div class=\"clearfix\"><a href=\"#\" class=\"readmore readmore-icon\">Lorem ipsum dolor<span class=\"fa fa-arrow-right\" aria-hidden=\"true\"><\/span><\/a><\/div>\n<h3 class=\"pe-typo-title\">Pricing<\/h3>\n<p>This shortcode allows you to display pricing table.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>img : URL to image with http:\/\/<\/li>\n<li>title<\/li>\n<li>price<\/li>\n<li>before_price<\/li>\n<li>after_price<\/li>\n<li>sub<\/li>\n<li>button_name<\/li>\n<li>url : URL with http:\/\/<\/li>\n<li>highlight : true \/ false<\/li>\n<li>class : custom css class<\/li>\n<\/ul>\n<pre  >[pricing title=<b>\"LOREM\"<\/b> price=<b>\"49\"<\/b> before_price=<b>\"$\"<\/b> subtitle=<b>\"Lorem ipsum\"<\/b> button_name=<b>\"buy now!\"<\/b> button_url=<b>\"#\"<\/b> ]\nLorem ipsum dolor sit amet | Consectetur adipiscing elit | Lorem ipsum dolor sit amet&lt;br&gt;\n[\/pricing]<\/pre>\n<div class=\"clearfix\"><div class=\"pe-pricing\"><div class=\"price\"><span class=\"before\">$<\/span><span class=\"p\">49<\/span><\/div><div class=\"title\">LOREM<\/div><div class=\"content\"><div class=\"subtitle\">Lorem ipsum<\/div><ul><li>Lorem ipsum dolor sit amet<\/li><li>Consectetur adipiscing elit<\/li><li>Lorem ipsum dolor sit amet<\/li><\/ul><\/div><div class=\"bottom\"><a href=\"#\" class=\"button\">buy now!<\/a><\/div><\/div><\/div>\n<h3 class=\"pe-typo-title\">Font Awesome<\/h3>\n<p>This shortcode allows you to display Font Awesome icon.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>class : font Awesome class<\/li>\n<\/ul>\n<pre  >[fa] <i>fa-user fa-3x<\/i> [\/fa]<\/pre>\n<div class=\"clearfix\"><span class=\"fa fa-user fa-3x\" aria-hidden=\"true\"><\/span><\/div>\n<h3 class=\"pe-typo-title\">Counter<\/h3>\n<p>This shortcode allows you to display counters.<\/p>\n<p><strong>Parameters<\/strong><\/p>\n<ul>\n<li>icon : font Awesome class<\/li>\n<li>size : font size<\/li>\n<li>number<\/li>\n<li>unit<\/li>\n<li>link : URL with http:\/\/<\/li>\n<li>title<\/li>\n<\/ul>\n<pre  >[counter number=<b>\"24\"<\/b> unit=<b>\"K\"<\/b> title=<b>\"COFFEES\"<\/b>]<\/pre>\n<div class=\"clearfix\"><div class=\"pe-counter\"><div class=\"pe-count\"><span class=\"pe-number\" data-to=\"24\" data-from=\"0\">0<\/span><span class=\"pe-unit\">K<\/span><\/div><div class=\"pe-title\">COFFEES<\/div><\/div><\/div>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>Animated hover CSS3 effects for images These shortcodes allows you to display an image and its description with animated CSS3 effect. Note: If you would like to add your own text into the image description, just modify the shortcode below or edit an existing shortcode of the demo template. Parameters title subtitle effect : saddie [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-379","page","type-page","status-publish","hentry","clearfix"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/amocofcu.autoexam.com\/index.php\/wp-json\/wp\/v2\/pages\/379"}],"collection":[{"href":"https:\/\/amocofcu.autoexam.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amocofcu.autoexam.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amocofcu.autoexam.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amocofcu.autoexam.com\/index.php\/wp-json\/wp\/v2\/comments?post=379"}],"version-history":[{"count":0,"href":"https:\/\/amocofcu.autoexam.com\/index.php\/wp-json\/wp\/v2\/pages\/379\/revisions"}],"wp:attachment":[{"href":"https:\/\/amocofcu.autoexam.com\/index.php\/wp-json\/wp\/v2\/media?parent=379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}