{"id":161,"date":"2012-11-20T14:13:19","date_gmt":"2012-11-20T14:13:19","guid":{"rendered":"http:\/\/anpsthemes.com\/coolblue\/?page_id=161"},"modified":"2012-11-20T14:13:19","modified_gmt":"2012-11-20T14:13:19","slug":"elements","status":"publish","type":"page","link":"http:\/\/mammut.com.au\/index.php\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"<h3>Unlimited button color variations<\/h3>\n<p>These are just fiew examples of buttons. You can set unlimited variations of color&#8217;s trough our theme admin pannel.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"content-quarter\"><a href=\"\" style=\"\" class=\"button large button-style1\">Large button<\/a><\/div>\n<div class=\"content-quarter\"><a href=\"\" style=\"\" class=\"button large button-style2\">Large button<\/a>\n<\/div>\n<div class=\"content-quarter\"><a href=\"\" style=\"\" class=\"button large button-style3\">Large button<\/a><\/div>\n<div class=\"content-quarter last\"><a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9000), to#de7d00));\n                               background-image: -webkit-linear-gradient(top, #ff9000, #de7d00);\n                               background-image: -moz-linear-gradient(top, #ff9000, #de7d00);\n                               background-image: -ms-linear-gradient(top, #ff9000, #de7d00);\n                               background-image: -o-linear-gradient(top, #ff9000, #de7d00);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff9000, endColorstr=#ff9000);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff9000, endColorstr=#ff9000)\";\" class=\"button large button-\">Large button<\/a>\n<\/div><div class=\"clearfix\"><\/div>\n<p>&nbsp;<\/p>\n<div class=\"content-quarter\"><a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff52e9), to#dc47c9));\n                               background-image: -webkit-linear-gradient(top, #ff52e9, #dc47c9);\n                               background-image: -moz-linear-gradient(top, #ff52e9, #dc47c9);\n                               background-image: -ms-linear-gradient(top, #ff52e9, #dc47c9);\n                               background-image: -o-linear-gradient(top, #ff52e9, #dc47c9);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff52e9, endColorstr=#ff52e9);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff52e9, endColorstr=#ff52e9)\";\" class=\"button medium button-\">Medium button<\/a><\/div>\n<div class=\"content-quarter\"><a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2f7c00), to#215700));\n                               background-image: -webkit-linear-gradient(top, #2f7c00, #215700);\n                               background-image: -moz-linear-gradient(top, #2f7c00, #215700);\n                               background-image: -ms-linear-gradient(top, #2f7c00, #215700);\n                               background-image: -o-linear-gradient(top, #2f7c00, #215700);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2f7c00, endColorstr=#2f7c00);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#2f7c00, endColorstr=#2f7c00)\";\" class=\"button medium button-\">Medium button<\/a>\n<\/div>\n<div class=\"content-quarter\"><a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dcc500), to#bda900));\n                               background-image: -webkit-linear-gradient(top, #dcc500, #bda900);\n                               background-image: -moz-linear-gradient(top, #dcc500, #bda900);\n                               background-image: -ms-linear-gradient(top, #dcc500, #bda900);\n                               background-image: -o-linear-gradient(top, #dcc500, #bda900);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#dcc500, endColorstr=#dcc500);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dcc500, endColorstr=#dcc500)\";\" class=\"button medium button-\">Medium button<\/a><\/div>\n<div class=\"content-quarter last\"><a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bc00d8), to#9a00b1));\n                               background-image: -webkit-linear-gradient(top, #bc00d8, #9a00b1);\n                               background-image: -moz-linear-gradient(top, #bc00d8, #9a00b1);\n                               background-image: -ms-linear-gradient(top, #bc00d8, #9a00b1);\n                               background-image: -o-linear-gradient(top, #bc00d8, #9a00b1);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#bc00d8, endColorstr=#bc00d8);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#bc00d8, endColorstr=#bc00d8)\";\" class=\"button medium button-\">Medium button<\/a>\n<\/div><div class=\"clearfix\"><\/div>\n<p>&nbsp;<\/p>\n<div class=\"content-quarter\">\n<a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00a4bc), to#007b8d));\n                               background-image: -webkit-linear-gradient(top, #00a4bc, #007b8d);\n                               background-image: -moz-linear-gradient(top, #00a4bc, #007b8d);\n                               background-image: -ms-linear-gradient(top, #00a4bc, #007b8d);\n                               background-image: -o-linear-gradient(top, #00a4bc, #007b8d);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00a4bc, endColorstr=#00a4bc);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00a4bc, endColorstr=#00a4bc)\";\" class=\"button small button-\">Small button<\/a>\n<\/div>\n<div class=\"content-quarter\">\n<a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87c600), to#6ea100));\n                               background-image: -webkit-linear-gradient(top, #87c600, #6ea100);\n                               background-image: -moz-linear-gradient(top, #87c600, #6ea100);\n                               background-image: -ms-linear-gradient(top, #87c600, #6ea100);\n                               background-image: -o-linear-gradient(top, #87c600, #6ea100);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#87c600, endColorstr=#87c600);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#87c600, endColorstr=#87c600)\";\" class=\"button small button-\">Small button<\/a>\n<\/div>\n<div class=\"content-quarter\">\n<a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e50000), to#b30000));\n                               background-image: -webkit-linear-gradient(top, #e50000, #b30000);\n                               background-image: -moz-linear-gradient(top, #e50000, #b30000);\n                               background-image: -ms-linear-gradient(top, #e50000, #b30000);\n                               background-image: -o-linear-gradient(top, #e50000, #b30000);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e50000, endColorstr=#e50000);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e50000, endColorstr=#e50000)\";\" class=\"button small button-\">Small button<\/a>\n<\/div>\n<div class=\"content-quarter last\">\n<a href=\"\" style=\"color: #ffffff !important;\n                               background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9000), to#de7d00));\n                               background-image: -webkit-linear-gradient(top, #ff9000, #de7d00);\n                               background-image: -moz-linear-gradient(top, #ff9000, #de7d00);\n                               background-image: -ms-linear-gradient(top, #ff9000, #de7d00);\n                               background-image: -o-linear-gradient(top, #ff9000, #de7d00);\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff9000, endColorstr=#ff9000);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff9000, endColorstr=#ff9000)\";\" class=\"button small button-\">Small button<\/a>\n<\/div><div class=\"clearfix\"><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>accordian &amp; tabs<\/h3>\n<p>&nbsp;<\/p>\n<div class=\"content-half\">\n<div class=\"accordion\">\n<div class=\"accordion-item accordion-item-1\">\n                    <h3 data-accordion-counter=\"1\" class=\"accordion-h3 accordion-title-1\">TITLE<\/h3>\n                    <div class=\"accordion-item-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.<\/div>\n                <\/div>\n<div class=\"accordion-item accordion-item-2\">\n                    <h3 data-accordion-counter=\"2\" class=\"accordion-h3 accordion-title-2\">TITLE<\/h3>\n                    <div class=\"accordion-item-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.<\/div>\n                <\/div>\n<div class=\"accordion-item accordion-item-3\">\n                    <h3 data-accordion-counter=\"3\" class=\"accordion-h3 accordion-title-3\">TITLE<\/h3>\n                    <div class=\"accordion-item-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.<\/div>\n                <\/div>\n<div class=\"accordion-item accordion-item-4\">\n                    <h3 data-accordion-counter=\"4\" class=\"accordion-h3 accordion-title-4\">TITLE<\/h3>\n                    <div class=\"accordion-item-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.<\/div>\n                <\/div>\n<\/div>\n<\/div>\n<div class=\"content-half last\">\n<div class=\"tabs\">\n\t\t\t<ul class=\"tabs-menu clearfix\">\n\t\t\t\t<li class=\"selected-tab-menu\">TAB 1 <div class=\"tab-over\">TAB 1 <\/div><\/li>\n\t\t\t\t<li>TAB 2 <div class=\"tab-over\">TAB 2 <\/div><\/li>\n\t\t\t\t<li>TAB 3 <div class=\"tab-over\">TAB 3 <\/div><\/li>\n                \n                \n\t\t\t<\/ul>\n\t\t\t<div class=\"tabs-wrapper\">\n<div class=\"tab\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.\u00a0Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet. \u00a0Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.<\/div>\n<div class=\"tab\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.\u00a0Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet. \u00a0Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.<\/div>\n<div class=\"tab\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.\u00a0Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet. \u00a0Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.<\/div>\n<\/div><\/div>\n<\/div><div class=\"clearfix\"><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>allert messages<\/h3>\n<p>&nbsp;<\/p>\n<div class=\"content-half\"><div class=\"alert success\">Succes! Your message goes here<span class=\"alert-close\"><\/span><\/div><\/div>\n<div class=\"content-half last\"><div class=\"alert general\">General! Your message goes here<span class=\"alert-close\"><\/span><\/div><\/div><div class=\"clearfix\"><\/div>\n<div class=\"content-half\"><span style=\"line-height: 21px;\"><div class=\"alert notice\">Succes! Your message goes here<span class=\"alert-close\"><\/span><\/div><\/span><\/div>\n<div class=\"content-half last\"><div class=\"alert error\">Error! Your message goes here<span class=\"alert-close\"><\/span><\/div><\/div><div class=\"clearfix\"><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>statement box<\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"box statement-box\">\n                    <div class=\"statement-box-left\">\n                        <h2>Coolblue is incredibly responsive, with a refreshingly clean design<\/h2>\n                        <p>And it has some awesome features, premium sliders, unlimited colors, advanced theme options and so much more!<\/p>\n                    <\/div>\n                    <div class=\"statement-box-right\">\n                        <a href=\"http:\/\/themeforest.net\/user\/Anps\/?ref=anps\">\n                            <form action=\"http:\/\/themeforest.net\/user\/Anps\/?ref=anps\">\n                                <button>PURCHASE NOW<\/button>\n                            <\/form>\n                        <\/a>\n                    <\/div>\n              <\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>skill bars<\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"progress-wrapper\"><div class=\"progress\" style=\"width: 80%\">HTML5\/CSS3 \/ 80%<\/div><\/div>\n<div class=\"progress-wrapper\"><div class=\"progress\" style=\"width: 90%\">WEB DESIGN \/ 90%<\/div><\/div>\n<div class=\"progress-wrapper\"><div class=\"progress\" style=\"width: 70%\">PHP \/ 70%<\/div><\/div>\n<div class=\"progress-wrapper\"><div class=\"progress\" style=\"width: 65%\">JAVA SCRIPT \/ 65%<\/div><\/div>\n<div class=\"progress-wrapper\"><div class=\"progress\" style=\"width: 60%\">AJAX \/ 60%<\/div><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>CLIENT (LOGO BOX)<\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"box logo-box logo-box-more\">\n<div class=\"logo-box-row\"><div class=\"logo\"><a target=\"TARGET\" href=\"\"><img decoding=\"async\" src=\"http:\/\/astudio.si\/preview\/coolblue\/wp-content\/uploads\/2012\/11\/1.png\" \/><\/a><\/div>\n<div class=\"logo\"><a target=\"TARGET\" href=\"\"><img decoding=\"async\" src=\"http:\/\/astudio.si\/preview\/coolblue\/wp-content\/uploads\/2012\/11\/2.png\" \/><\/a><\/div>\n<div class=\"logo\"><a target=\"TARGET\" href=\"\"><img decoding=\"async\" src=\"http:\/\/mammut.com.au\/wp-content\/uploads\/2012\/11\/3.png\" \/><\/a><\/div>\n<div class=\"logo\"><a target=\"TARGET\" href=\"\"><img decoding=\"async\" src=\"http:\/\/mammut.com.au\/wp-content\/uploads\/2012\/11\/4.png\" \/><\/a><\/div>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unlimited button color variations These are just fiew examples of buttons. You can set unlimited variations of color&#8217;s trough our theme admin pannel. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; accordian &amp; tabs &nbsp; &nbsp; &nbsp; &nbsp; allert messages &hellip; <a href=\"http:\/\/mammut.com.au\/index.php\/elements\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-161","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mammut.com.au\/index.php\/wp-json\/wp\/v2\/pages\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mammut.com.au\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mammut.com.au\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mammut.com.au\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mammut.com.au\/index.php\/wp-json\/wp\/v2\/comments?post=161"}],"version-history":[{"count":0,"href":"http:\/\/mammut.com.au\/index.php\/wp-json\/wp\/v2\/pages\/161\/revisions"}],"wp:attachment":[{"href":"http:\/\/mammut.com.au\/index.php\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}