{"id":190,"date":"2017-10-19T19:34:47","date_gmt":"2017-10-19T15:34:47","guid":{"rendered":"http:\/\/keksus.com\/?page_id=190"},"modified":"2017-10-25T10:03:40","modified_gmt":"2017-10-25T06:03:40","slug":"q-shortcodes-demo","status":"publish","type":"page","link":"https:\/\/hostatto.com\/blog\/q-shortcodes-demo.html","title":{"rendered":"q-Shortcodes demo"},"content":{"rendered":"<h2 style=\"text-align: center;\">Buttons<\/h2>\n<p>[q][q_button url=\"#\" icon=\"\" target=\"_blank\" ]Button[\/q_button][\/q]<br \/>\n[q][q_button url=\"#\" icon=\"ion-trash-a\" target=\"_blank\" ]Icon button[\/q_button][\/q]<br \/>\n[q][q_button url=\"#\" icon=\"fa fa-check-square\" target=\"_blank\" ]Icon button[\/q_button][\/q]<br \/>\n[q_clear]<\/p>\n<p>You can use <a href=\"http:\/\/keksus.com\/demo\/ionicons\/\" title=\"Ionicons icons\" rel=\"noopener\" target=\"_blank\">Ionicons<\/a> icons or <a href=\"http:\/\/fontawesome.io\/icons\/\" title=\"FontAwesome icons\" rel=\"noopener\" target=\"_blank\">FontAwesome<\/a> icons<\/p>\n<h2 style=\"text-align: center;\">Toggles<\/h2>\n<p>[q_toggle title=\"Toggle title text1\"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eleifend mauris turpis. Nam a dolor quis odio mattis feugiat sit amet a arcu. Suspendisse potenti. Curabitur ipsum arcu, laoreet ut condimentum in, malesuada quis lectus. Ut et congue elit. Vivamus lacus mi, egestas id mauris at, finibus euismod ipsum. Maecenas facilisis mauris eu massa volutpat commodo. [\/q_toggle]<br \/>\n[q_toggle title=\"Toggle title text2\"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eleifend mauris turpis. Nam a dolor quis odio mattis feugiat sit amet a arcu. Suspendisse potenti. Curabitur ipsum arcu, laoreet ut condimentum in, malesuada quis lectus. Ut et congue elit. Vivamus lacus mi, egestas id mauris at, finibus euismod ipsum. Maecenas facilisis mauris eu massa volutpat commodo [\/q_toggle]<br \/>\n[q_toggle title=\"Toggle title text1\"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eleifend mauris turpis. Nam a dolor quis odio mattis feugiat sit amet a arcu. Suspendisse potenti. Curabitur ipsum arcu, laoreet ut condimentum in, malesuada quis lectus. Ut et congue elit. Vivamus lacus mi, egestas id mauris at, finibus euismod ipsum. Maecenas facilisis mauris eu massa volutpat commodo. [\/q_toggle]<\/p>\n<h2 style=\"text-align: center;\">Tabs<\/h2>\n<p>[q_tabs][q_tab id=\"1\" name=\"Tab 1\"] Sample tab1 text [\/q_tab][q_tab id=\"2\" name=\"Tab 2\"] Sample tab2 text [\/q_tab][q_tab id=\"3\" name=\"Tab 3\"] Sample tab3 text [\/q_tab][\/q_tabs]<\/p>\n<h2 style=\"text-align: center;\">Icons block<\/h2>\n<p>[q4][q_icon class=\"ion-flag\"]<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eleifend mauris turpis. Nam a dolor quis odio mattis feugiat sit amet a arcu. Suspendisse potenti. Curabitur ipsum arcu, laoreet ut condimentum in, malesuada quis lectus. Ut et congue elit. Vivamus lacus mi, egestas id mauris at, finibus euismod ipsum. Maecenas facilisis mauris eu massa volutpat commodo.<\/p>\n<p>[\/q_icon][\/q4]<\/p>\n<p>[q4][q_icon class=\"ion-heart\"]<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eleifend mauris turpis. Nam a dolor quis odio mattis feugiat sit amet a arcu. Suspendisse potenti. Curabitur ipsum arcu, laoreet ut condimentum in, malesuada quis lectus. Ut et congue elit. Vivamus lacus mi, egestas id mauris at, finibus euismod ipsum. Maecenas facilisis mauris eu massa volutpat commodo.<\/p>\n<p>[\/q_icon][\/q4]<\/p>\n<p>[q4][q_icon class=\"ion-star\"]<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eleifend mauris turpis. Nam a dolor quis odio mattis feugiat sit amet a arcu. Suspendisse potenti. Curabitur ipsum arcu, laoreet ut condimentum in, malesuada quis lectus. Ut et congue elit. Vivamus lacus mi, egestas id mauris at, finibus euismod ipsum. Maecenas facilisis mauris eu massa volutpat commodo.<\/p>\n<p>[\/q_icon][\/q4]<br \/>\n[q_divider]<br \/>\nYou can use <a href=\"http:\/\/keksus.com\/demo\/ionicons\/\" title=\"Ionicons icons\" rel=\"noopener\" target=\"_blank\">Ionicons<\/a> icons or <a href=\"http:\/\/fontawesome.io\/icons\/\" title=\"FontAwesome icons\" rel=\"noopener\" target=\"_blank\">FontAwesome<\/a> icons<br \/>\n[q_divider]<\/p>\n<h2 style=\"text-align: center;\">Services block<\/h2>\n<p>[q4][q_service url=\"#\" target=\"_self\" btn_text=\"read more\"]<\/p>\n<h3>Service title example<\/h3>\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<\/ul>\n<p>[\/q_service][\/q4]<br \/>\n[q4][q_service url=\"#\" target=\"_self\" btn_text=\"read more\"]<\/p>\n<h3>Service title example<\/h3>\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<\/ul>\n<p>[\/q_service][\/q4]<br \/>\n[q4][q_service url=\"#\" target=\"_self\" btn_text=\"read more\"]<\/p>\n<h3>Service title example<\/h3>\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Lorem ipsum dolor sit amet<\/li>\n<\/ul>\n<p>[\/q_service][\/q4]<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\">Dividers<\/h2>\n<p>[q_divider]<br \/>\n[q_divider]<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eleifend mauris turpis. Nam a dolor quis odio mattis feugiat sit amet a arcu. Suspendisse potenti. Curabitur ipsum arcu, laoreet ut condimentum in, malesuada quis lectus. Ut et congue elit. Vivamus lacus mi, egestas id mauris at, finibus euismod ipsum. Maecenas facilisis mauris eu massa volutpat commodo.<br \/>\n[q_divider]<br \/>\n[q_divider]<br \/>\n[q_divider]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>...<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-190","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/pages\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":0,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/pages\/190\/revisions"}],"wp:attachment":[{"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/media?parent=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}