{"id":116,"date":"2013-04-26T11:29:06","date_gmt":"2013-04-26T11:29:06","guid":{"rendered":"https:\/\/demo.mekshq.com\/awsm-wp\/?page_id=116"},"modified":"2019-03-15T12:32:36","modified_gmt":"2019-03-15T12:32:36","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/demo.mekshq.com\/awsm-wp\/features\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<div class=\"fourcol\">\n\r\n\t\t\t\t<div class=\"services_box\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t<img src=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2013\/04\/ico_1.png\" \/>\r\n\t\t\t\t\t<h3>24h support<\/h3>\r\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit.&nbsp;<a class=\"button middle oval\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\" target=\"_self\">View more<\/a>&nbsp;\r\n\t\t\t\t<\/div><\/div>\r\n\t\t\t\n<\/div>\n<div class=\"fourcol\">\n\r\n\t\t\t\t<div class=\"services_box\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t<img src=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2013\/04\/ico_5.png\" \/>\r\n\t\t\t\t\t<h3>Explore super cool stuff<\/h3>\r\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. &nbsp;&nbsp;<a class=\"button middle oval\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\" target=\"_self\">View more<\/a> &nbsp;\r\n\t\t\t\t<\/div><\/div>\r\n\t\t\t\n<\/div>\n<div class=\"fourcol last\">\n\r\n\t\t\t\t<div class=\"services_box\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t<img src=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2013\/04\/ico_3.png\" \/>\r\n\t\t\t\t\t<h3>Combine shortcodes<\/h3>\r\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. <a class=\"button middle oval\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\" target=\"_self\">View more<\/a>&nbsp;&nbsp;\r\n\t\t\t\t<\/div><\/div>\r\n\t\t\t\n<\/div><div class=\"clear\"><\/div>\n<div class=\"separator wide\"><\/div>\n<h2 style=\"text-align: center;\">You can combine services boxes with columns<\/h2>\n<div class=\"separator wide\"><\/div>\n<div class=\"sixcol\">\n<h3>Two columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus. Aenean sollicitudin nisl quis nibh fringilla eget condimentum mi adipiscing. Nam dolor nisl, dictum et pretium in, condimentum id turpis. Nullam blandit ipsum id nunc rutrum sit amet fermentum libero commodo. Quisque pellentesque, orci in elementum laoreet, dolor nisi dictum neque, vitae commodo ligula sapien a nisi.<\/p>\n<\/div>\n<div class=\"sixcol last\">\n<h3>Two columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus. Aenean sollicitudin nisl quis nibh fringilla eget condimentum mi adipiscing. Nam dolor nisl, dictum et pretium in, condimentum id turpis. Nullam blandit ipsum id nunc rutrum sit amet fermentum libero commodo. Quisque pellentesque, orci in elementum laoreet, dolor nisi dictum neque, vitae commodo ligula sapien a nisi.<\/p>\n<\/div><div class=\"clear\"><\/div>\n<div class=\"separator wide\"><\/div>\n<div class=\"fourcol\">\n<h3>Three columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus.<\/p>\n<\/div>\n<div class=\"fourcol\">\n<h3>Three columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus.<\/p>\n<\/div>\n<div class=\"fourcol last\">\n<h3>Three columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus.<\/p>\n<\/div><div class=\"clear\"><\/div>\n<div class=\"separator wide\"><\/div>\n<div class=\"threecol\">\n<h3>Four columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus.<\/p>\n<\/div>\n<div class=\"threecol\">\n<h3>Four columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus.<\/p>\n<\/div>\n<div class=\"threecol\">\n<h3>Four columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus.<\/p>\n<\/div>\n<div class=\"threecol last\">\n<h3>Four columns<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. Sed dignissim urna ac risus aliquet condimentum. Suspendisse potenti. Cras vel est sit amet mauris convallis facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur eu porta metus.<\/p>\n<\/div><div class=\"clear\"><\/div>\n<div class=\"separator wide\"><\/div>\n<h3 style=\"text-align: center;\">Show your skills with one single click<\/h3>\n<div class=\"separator wide\"><\/div>\n<p style=\"text-align: left;\">\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>95\/100<\/span>WordPress\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>99\/100<\/span>HTML\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>78\/100<\/span>jQuery\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>55\/100<\/span>PHP\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>55\/100<\/span>MySQL\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>100\/100<\/span>Web Design\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>95\/100<\/span>Photoshop\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>95\/100<\/span>Clean code\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>100\/100<\/span>Clean code\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>94\/100<\/span>WordPress Themes\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"soft_skill\">\r\n\t\t\t\t<span>95\/100<\/span>WordPress Plugins\r\n  \t\t<\/div>\n<p style=\"text-align: left;\"><div class=\"separator wide\"><\/div>\n<p style=\"text-align: left;\"><div class=\"sixcol\">\r\n\t\t\t<div class=\"skill_box\">\r\n    \t\t<div class=\"skill_label\">WordPress<span class=\"skill_name\">Pro<\/span><\/div>\r\n    \t\t<div class=\"skill_level\"><div class=\"skill_set\" data-skill=\"95\"><\/div><\/div>\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"skill_box\">\r\n    \t\t<div class=\"skill_label\">HTML\/CSS<span class=\"skill_name\">Pro<\/span><\/div>\r\n    \t\t<div class=\"skill_level\"><div class=\"skill_set\" data-skill=\"85\"><\/div><\/div>\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"skill_box\">\r\n    \t\t<div class=\"skill_label\">Photoshop<span class=\"skill_name\">Expert<\/span><\/div>\r\n    \t\t<div class=\"skill_level\"><div class=\"skill_set\" data-skill=\"90\"><\/div><\/div>\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"skill_box\">\r\n    \t\t<div class=\"skill_label\">PHP<span class=\"skill_name\">Advanced<\/span><\/div>\r\n    \t\t<div class=\"skill_level\"><div class=\"skill_set\" data-skill=\"75\"><\/div><\/div>\r\n  \t\t<\/div>\r\n\t\t\t<div class=\"skill_box\">\r\n    \t\t<div class=\"skill_label\">Photography<span class=\"skill_name\">Novice<\/span><\/div>\r\n    \t\t<div class=\"skill_level\"><div class=\"skill_set\" data-skill=\"33\"><\/div><\/div>\r\n  \t\t<\/div><\/div>\n<p style=\"text-align: left;\"><div class=\"sixcol last\">\n<h3 style=\"text-align: center;\">Who is awesome?<\/h3>\n<p style=\"text-align: center;\"><input class=\"knob\" data-fgColor=\"#34799e\" data-bgColor=\"#EEE\" data-angleOffset=\"-270\" data-thickness=\".3\" data-height=\"200\" data-width=\"200\" data-readOnly=true value=\"80\">\n<p style=\"text-align: left;\"><\/div><div class=\"clear\"><\/div>\n<div class=\"clear\"><\/div>\n<p style=\"text-align: left;\"><div class=\"separator wide\"><\/div>\n<h3 style=\"text-align: center;\">Point out your important project links<\/h3>\n<p style=\"text-align: left;\"><div class=\"separator wide\"><\/div>\n<p style=\"text-align: left;\">\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\/\">My First WordPress Project<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\/\">Super cool startup<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\/\">Awesome app design<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\/\">Photography class<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"\">Mid level expertise<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"\">Fun with superwesome team<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\n\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\/\">Super cool startup<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\/\">My First WordPress Project<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\/\">Awesome app design<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"\">Mid level expertise<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"\">Fun with superwesome team<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t<div class=\"project\">\r\n\t\t\t\t\t<a class=\"project_link\" href=\"https:\/\/demo.mekshq.com\/awsm-wp\/\">Photography class<\/a>\r\n\t\t\t\t\t<div class=\"project_content\">\r\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in dolor quis purus egestas rhoncus. Etiam in sagittis elit. Duis pretium commodo consequat. \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\n<div class=\"separator wide\"><\/div>\n<h3 style=\"text-align: center;\">Add some nice buttons<\/h3>\n<div class=\"separator wide\"><\/div>\n<div class=\"sixcol\">\n<p style=\"text-align: center;\"><a class=\"button small oval\" href=\"http:\/\/\" target=\"_self\">Small<\/a> <a class=\"button middle oval\" href=\"http:\/\/\" target=\"_self\">Medium<\/a> <a class=\"button large oval\" href=\"http:\/\/\" target=\"_self\">Big<\/a>\n<\/div>\n<p style=\"text-align: center;\"><div class=\"sixcol last\">\n<a class=\"button small squared\" href=\"http:\/\/\" target=\"_self\">Small<\/a> <a class=\"button middle squared\" href=\"http:\/\/\" target=\"_self\">Medium<\/a> <a class=\"button large squared\" href=\"http:\/\/\" target=\"_self\">Big<\/a>\n<\/div><div class=\"clear\"><\/div>\n<p>&nbsp;<\/p>\n<div class=\"clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>You can combine services boxes with columns Show your skills with one single click Point out your important project links Add some nice buttons &nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":118,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-full-width.php","meta":[],"_links":{"self":[{"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/pages\/116"}],"collection":[{"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":0,"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/pages\/116\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/pages\/118"}],"wp:attachment":[{"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/media?parent=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}