{"id":117,"date":"2013-06-26T13:54:03","date_gmt":"2013-06-26T13:54:03","guid":{"rendered":"http:\/\/strictthemes.com\/strictone\/?page_id=117"},"modified":"2013-10-30T22:50:21","modified_gmt":"2013-10-30T22:50:21","slug":"elements","status":"publish","type":"page","link":"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"<div class=\"column column-1-2\"><div><h3>Buttons<\/h3>\n<p><a class=\" button button-custom-color\" href=\"#\" target=\"_parent\" style=\"background-color: #606671;\"><span>Button<\/span><\/a> <a class=\" button\" href=\"#\" target=\"_parent\"><span>Button<\/span><\/a> <a class=\" button button-custom-color\" href=\"#\" target=\"_parent\" style=\"background-color: #a9adb4;\"><span>Button<\/span><\/a><br \/>\n<a class=\" button button-with-icon button-with-icon-16 button-with-icon-16 button-custom-color\" href=\"#\" target=\"_parent\" style=\"background-color: #606671; background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/16\/glyphs\/white\/download-2.png);\"><span>Button<\/span><\/a> <a class=\" button button-with-icon button-with-icon-16 button-with-icon-16\" href=\"#\" target=\"_parent\" style=\" background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/16\/glyphs\/white\/cart.png);\"><span>Button<\/span><\/a> <a class=\" button button-with-icon button-with-icon-16 button-with-icon-16 button-custom-color\" href=\"#\" target=\"_parent\" style=\"background-color: #a9adb4; background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/16\/glyphs\/white\/arrow-right-2.png);\"><span>Button<\/span><\/a><\/p>\n<p>Checkout all available icons <a href=\"http:\/\/strictthemes.com\/documentation\/icons\/\">here<\/a>.<\/p>\n<\/div><\/div>\n<div class=\"column column-1-2\"><div style=\"margin-right: 0px;\"><h3>Tabs<\/h3>\n<div class=\"st-tabs-holder\">\n<ul class=\"st-ul\">\n<li>First<\/li>\n<li> Second<\/li>\n<li> Third<\/li>\n<\/ul>\n<div class=\"st-tabs\">\n<div>\n<p>Sed sed neque metus. Nullam mauris metus, bibendum at facilisis nec, ullamcorper sit amet orci. Nulla facilisi. Pellentesque dapibus libero sed dui hendrerit accumsan. Mauris eleifend imperdiet placerat.<\/p>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div>\n<p>Sed posuere leo vitae odio facilisis sed eleifend tortor dapibus. Nam fringilla tincidunt massa euismod pharetra. Etiam in quam massa. In hac habitasse platea dictumst.<\/p>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div>\n<p>Praesent eu nulla vitae elit interdum sagittis eget a leo. Aenean et mauris massa. Proin feugiat risus id metus laoreet at condimentum metus pharetra.<\/p>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-2\"><div><h3>Notice<\/h3>\n<div class=\"notice  \">\n<h2>Hello World!<\/h2>\n<p>Cras venenatis nisi nec est faucibus consequat. Praesent dui massa, consectetur vitae varius eu.<\/p>\n<p><a class=\" button\" href=\"#\" target=\"_parent\"><span> Learn more <\/span><\/a><\/p>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"clear\" style=\"height:10px !important;\"><!-- --><\/div>\n<\/div><\/div>\n<div class=\"column column-1-2\"><div style=\"margin-right: 0px;\"><h3>Accordions<\/h3>\n<div class=\"accordion\">\n<div class=\"toggle toggle-opened\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>First<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nulla vitae elit interdum sagittis eget a leo. Aenean et mauris massa. Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis vestibulum nibh rhoncus. <\/div>\n<\/div>\n<\/div>\n<div class=\"toggle toggle-closed\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>Second<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nulla vitae elit interdum sagittis eget a leo. Aenean et mauris massa. Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis vestibulum nibh rhoncus. <\/div>\n<\/div>\n<\/div>\n<div class=\"toggle toggle-closed\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>Third<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nulla vitae elit interdum sagittis eget a leo. Aenean et mauris massa. Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis vestibulum nibh rhoncus. <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-2\"><div><h3>Skills<\/h3>\n<div class=\"skill\">\n<div class=\"skill-bar skill-auto\" data-progress=\"83\"><!-- progress bar --><\/div>\n<div class=\"skill-label\">English <span>83%<\/span><\/div>\n<\/div>\n<div class=\"skill\">\n<div class=\"skill-bar skill-scroll\" data-progress=\"67\"><!-- progress bar --><\/div>\n<div class=\"skill-label\">German <span>67%<\/span><\/div>\n<\/div>\n<div class=\"skill\">\n<div class=\"skill-bar skill-scroll\" data-progress=\"52\"><!-- progress bar --><\/div>\n<div class=\"skill-label\">Slovenian <span>52%<\/span><\/div>\n<\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<\/div><\/div>\n<div class=\"column column-1-2\"><div style=\"margin-right: 0px;\"><h3>Alert Boxes<\/h3>\n<div class=\"alert alert-notice\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Notice this:<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"alert alert-warning\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Warning!<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"alert alert-success\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Well done!<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"alert alert-error\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Oh snap!<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"alert alert-info\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Heads up!<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-2\"><div><h3>Table<\/h3>\n<table>\n<caption>The table<\/caption>\n<tbody>\n<tr>\n<th>Name<\/th>\n<th>Order<\/th>\n<th>Price<\/th>\n<\/tr>\n<tr>\n<td>Item One<\/td>\n<td>#001<\/td>\n<td>$3<\/td>\n<\/tr>\n<tr class=\"alt\">\n<td>Item Two<\/td>\n<td>#002<\/td>\n<td>$6<\/td>\n<\/tr>\n<tr>\n<td>Item Three<\/td>\n<td>#003<\/td>\n<td>$9<\/td>\n<\/tr>\n<tr class=\"alt\">\n<td>Item Four<\/td>\n<td>#004<\/td>\n<td>$12<\/td>\n<\/tr>\n<tr>\n<td>Item Five<\/td>\n<td>#005<\/td>\n<td>$15<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td>Table Footer 1<\/td>\n<td>Table Footer 2<\/td>\n<td>Table Footer 3<\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<\/div><\/div>\n<div class=\"column column-1-2\"><div style=\"margin-right: 0px;\"><h3>Toggle<\/h3>\n<div class=\"toggle toggle-opened\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>First<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\">Cras venenatis nisi nec est faucibus consequat. Praesent dui massa, consectetur vitae varius eu, viverra dictum sem. Nullam tempus mi sit amet mauris lacinia eu sodales nisl cursus. Duis convallis dignissim nisi non mattis.<\/div>\n<\/div>\n<\/div>\n<div class=\"toggle toggle-closed\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>Second<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\">Cras venenatis nisi nec est faucibus consequat. Praesent dui massa, consectetur vitae varius eu, viverra dictum sem. Nullam tempus mi sit amet mauris lacinia eu sodales nisl cursus. Duis convallis dignissim nisi non mattis.<\/div>\n<\/div>\n<\/div>\n<div class=\"toggle toggle-closed\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>Third<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\">Cras venenatis nisi nec est faucibus consequat. Praesent dui massa, consectetur vitae varius eu, viverra dictum sem. Nullam tempus mi sit amet mauris lacinia eu sodales nisl cursus. Duis convallis dignissim nisi non mattis.<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<h3>Google map<\/h3>\n<div id=\"googlemaps\" class=\"google-map google-map-full\" style=\"height:300px; width:100%\"><\/div>\r\n\t\t\t\t<script src=\"http:\/\/maps.google.com\/maps\/api\/js?sensor=true\"><\/script><script src=\"https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/components\/shortcodes\/assets\/js\/jquery.gmap.min.js\"><\/script>\r\n\t\t\t\t<script type=\"text\/javascript\">\r\n\t\t\t\t   jQuery(\"#googlemaps\").gMap({\r\n\t\t\t\t\tmaptype: \"ROADMAP\",\r\n\t\t\t\t\tscrollwheel: false,\r\n\t\t\t\t\tzoom: 15,\r\n\t\t\t\t\tmarkers: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\taddress: 'Ljubljana, Slovenia',\r\n\t\t\t\t\t\thtml: \"\",\r\n\t\t\t\t\t\tpopup: false,\r\n\t\t\t\t\t}\r\n\t\t\t\t\t],\r\n\t\t\t\t});\r\n\t\t\t\t<\/script>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<h3>Icon Boxes 16\/32<\/h3>\n<p>Checkout all available icons <a href=\"http:\/\/strictthemes.com\/documentation\/icons\/\">here<\/a>.<\/p>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-4\"><div><div class=\"st_icon_box st_icon_box_16\" style=\"background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/16\/glyphs\/gray\/shield.png)\">\n<h5>Scelerisque<\/h5>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra dolor sit amet.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-4\"><div><div class=\"st_icon_box st_icon_box_16\" style=\"background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/16\/glyphs\/gray\/flag.png)\">\n<h5>Nam tristique<\/h5>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra dolor sit amet.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-4\"><div><div class=\"st_icon_box st_icon_box_16\" style=\"background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/16\/glyphs\/gray\/rocket.png)\">\n<h5>Donec nibh<\/h5>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra dolor sit amet.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-4\"><div><div class=\"st_icon_box st_icon_box_16\" style=\"background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/16\/glyphs\/gray\/tool.png)\">\n<h5>Nam nec libero<\/h5>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra dolor sit amet.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-3\"><div><div class=\"st_icon_box st_icon_box_32\" style=\"background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/32\/glyphs\/gray\/flag.png)\">\n<h3>Scelerisque<\/h3>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-3\"><div><div class=\"st_icon_box st_icon_box_32\" style=\"background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/32\/glyphs\/gray\/rocket.png)\">\n<h3>Nam tristique<\/h3>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-3\"><div><div class=\"st_icon_box st_icon_box_32\" style=\"background-image: url(https:\/\/strictthemes.com\/attitude\/wp-content\/plugins\/stkit\/assets\/images\/icons\/32\/glyphs\/gray\/tool.png)\">\n<h3>Donec nibh<\/h3>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:25px !important;\"><!-- --><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google map Icon Boxes 16\/32 Checkout all available icons here.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":222,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Elements - Attitude<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elements - Attitude\" \/>\n<meta property=\"og:description\" content=\"Google map Icon Boxes 16\/32 Checkout all available icons here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Attitude\" \/>\n<meta property=\"article:modified_time\" content=\"2013-10-30T22:50:21+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/strictthemes.com\/attitude\/#website\",\"url\":\"https:\/\/strictthemes.com\/attitude\/\",\"name\":\"Attitude\",\"description\":\"Just another StrictThemes Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/strictthemes.com\/attitude\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/#webpage\",\"url\":\"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/\",\"name\":\"Elements - Attitude\",\"isPartOf\":{\"@id\":\"https:\/\/strictthemes.com\/attitude\/#website\"},\"datePublished\":\"2013-06-26T13:54:03+00:00\",\"dateModified\":\"2013-10-30T22:50:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Shortcodes\",\"item\":\"https:\/\/strictthemes.com\/attitude\/shortcodes\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elements - Attitude","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Elements - Attitude","og_description":"Google map Icon Boxes 16\/32 Checkout all available icons here.","og_url":"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/","og_site_name":"Attitude","article_modified_time":"2013-10-30T22:50:21+00:00","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/strictthemes.com\/attitude\/#website","url":"https:\/\/strictthemes.com\/attitude\/","name":"Attitude","description":"Just another StrictThemes Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/strictthemes.com\/attitude\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/#webpage","url":"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/","name":"Elements - Attitude","isPartOf":{"@id":"https:\/\/strictthemes.com\/attitude\/#website"},"datePublished":"2013-06-26T13:54:03+00:00","dateModified":"2013-10-30T22:50:21+00:00","breadcrumb":{"@id":"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/strictthemes.com\/attitude\/shortcodes\/elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Shortcodes","item":"https:\/\/strictthemes.com\/attitude\/shortcodes\/"},{"@type":"ListItem","position":2,"name":"Elements"}]}]}},"_links":{"self":[{"href":"https:\/\/strictthemes.com\/attitude\/wp-json\/wp\/v2\/pages\/117"}],"collection":[{"href":"https:\/\/strictthemes.com\/attitude\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strictthemes.com\/attitude\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strictthemes.com\/attitude\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strictthemes.com\/attitude\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":0,"href":"https:\/\/strictthemes.com\/attitude\/wp-json\/wp\/v2\/pages\/117\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/strictthemes.com\/attitude\/wp-json\/wp\/v2\/pages\/222"}],"wp:attachment":[{"href":"https:\/\/strictthemes.com\/attitude\/wp-json\/wp\/v2\/media?parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}