{"id":161,"date":"2012-11-20T14:13:19","date_gmt":"2012-11-20T14:13:19","guid":{"rendered":"http:\/\/anpsthemes.com\/shopifiq\/?page_id=161"},"modified":"2012-11-20T14:13:19","modified_gmt":"2012-11-20T14:13:19","slug":"elements","status":"publish","type":"page","link":"https:\/\/wingssa.com\/en\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"

Unlimited button color variations<\/h3>\n

These are just fiew examples of buttons. You can set unlimited variations of color’s trough our theme admin pannel.<\/p>\n

 <\/p>\n

 <\/p>\n

[content_quarter][button size=\u00bblarge\u00bb style=\u00bbstyle1″ link=\u00bb\u00bb target=\u00bb\u00bb]Large button[\/button][\/content_quarter]
\n[content_quarter][button size=\u00bblarge\u00bb style=\u00bbstyle2″ link=\u00bb\u00bb target=\u00bb\u00bb]Large button[\/button]<\/p>\n

[\/content_quarter]
\n[content_quarter][button size=\u00bblarge\u00bb style=\u00bbstyle3″ link=\u00bb\u00bb target=\u00bb\u00bb]Large button[\/button][\/content_quarter]
\n[content_quarter id=\u00bblast\u00bb][button size=\u00bblarge\u00bb gradient_top=\u00bb#ff9000″ gradient_bottom=\u00bb#de7d00″ font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Large button[\/button]<\/p>\n

[\/content_quarter]<\/p>\n

 <\/p>\n

[content_quarter][button size=\u00bbmedium\u00bb gradient_top=\u00bb#ff52e9″ gradient_bottom=\u00bb#dc47c9″ font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Medium button[\/button][\/content_quarter]
\n[content_quarter][button size=\u00bbmedium\u00bb gradient_top=\u00bb#2f7c00″ gradient_bottom=\u00bb#215700″ font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Medium button[\/button]<\/p>\n

[\/content_quarter]
\n[content_quarter][button size=\u00bbmedium\u00bb gradient_top=\u00bb#dcc500″ gradient_bottom=\u00bb#bda900″ font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Medium button[\/button][\/content_quarter]<\/p>\n

[content_quarter id=\u00bblast\u00bb][button size=\u00bbmedium\u00bb gradient_top=\u00bb#bc00d8″ gradient_bottom=\u00bb#9a00b1″ font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Medium button[\/button]<\/p>\n

[\/content_quarter]<\/p>\n

 <\/p>\n

[content_quarter]<\/p>\n

[button size=\u00bbsmall\u00bb gradient_top=\u00bb#00a4bc\u00bb gradient_bottom=\u00bb#007b8d\u00bb font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Small button[\/button]<\/p>\n

[\/content_quarter]
\n[content_quarter]<\/p>\n

[button size=\u00bbsmall\u00bb gradient_top=\u00bb#87c600″ gradient_bottom=\u00bb#6ea100″ font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Small button[\/button]<\/p>\n

[\/content_quarter]<\/p>\n

[content_quarter]
\n[button size=\u00bbsmall\u00bb gradient_top=\u00bb#e50000″ gradient_bottom=\u00bb#b30000″ font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Small button[\/button]<\/p>\n

[\/content_quarter]<\/p>\n

[content_quarter id=\u00bblast\u00bb]<\/p>\n

[button size=\u00bbsmall\u00bb gradient_top=\u00bb#ff9000″ gradient_bottom=\u00bb#de7d00″ font_color=\u00bb#ffffff\u00bb link=\u00bb\u00bb target=\u00bb\u00bb]Small button[\/button]<\/p>\n

[\/content_quarter]<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

accordian & tabs<\/h3>\n

 <\/p>\n

[content_half]<\/p>\n

[accordion]
\n[accordion_item title=\u00bbTITLE\u00bb]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.[\/accordion_item]<\/p>\n

[accordion_item title=\u00bbTITLE\u00bb]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.[\/accordion_item]<\/p>\n

[accordion_item title=\u00bbTITLE\u00bb]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.[\/accordion_item]<\/p>\n

[accordion_item title=\u00bbTITLE\u00bb]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.[\/accordion_item]
\n[\/accordion]<\/p>\n

[\/content_half]<\/p>\n

[content_half id=\u00bblast\u00bb]<\/p>\n

[tabs tab1=\u00bbTAB 1 \u00bb tab2=\u00bbTAB 2 \u00bb tab3=\u00bbTAB 3 \u00ab]
\n[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.[\/tab]<\/p>\n

[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.[\/tab]
\n[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.[\/tab]
\n[\/tabs]<\/p>\n

[\/content_half]<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

allert messages<\/h3>\n

 <\/p>\n

[content_half][alert type=\u00bbsuccess\u00bb]Succes! Your message goes here[\/alert][\/content_half]<\/p>\n

[content_half id=\u00bblast\u00bb][alert type=\u00bbgeneral\u00bb]General! Your message goes here[\/alert][\/content_half]<\/p>\n

[content_half][alert type=\u00bbnotice\u00bb]Succes! Your message goes here[\/alert]<\/span>[\/content_half]<\/p>\n

[content_half id=\u00bblast\u00bb][alert type=\u00bberror\u00bb]Error! Your message goes here[\/alert][\/content_half]<\/p>\n

 <\/p>\n

 <\/p>\n

statement box<\/h3>\n

 <\/p>\n

 <\/p>\n

[statement_box link=\u00bbhttp:\/\/themeforest.net\/user\/Anps\/?ref=anps\u00bb button=\u00bbPURCHASE NOW\u00bb title=\u00bbCoolblue is incredibly responsive, with a refreshingly clean design\u00bb]And it has some awesome features, premium sliders, unlimited colors, advanced theme options and so much more![\/statement_box]<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

skill bars<\/h3>\n

 <\/p>\n

 <\/p>\n

[progress percentage=\u00bb80″]HTML5\/CSS3[\/progress]<\/p>\n

[progress percentage=\u00bb90″]WEB DESIGN[\/progress]<\/p>\n

[progress percentage=\u00bb70″]PHP[\/progress]<\/p>\n

[progress percentage=\u00bb65″]JAVA SCRIPT[\/progress]<\/p>\n

[progress percentage=\u00bb60″]AJAX[\/progress]<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

CLIENT (LOGO BOX)<\/h3>\n

 <\/p>\n

 <\/p>\n

[logo_box]
\n[logo link=\u00bb\u00bb target=\u00bbTARGET\u00bb]http:\/\/ideonstudio.com\/wp-content\/uploads\/2012\/11\/1.png[\/logo]
\n[logo link=\u00bb\u00bb target=\u00bbTARGET\u00bb]http:\/\/ideonstudio.com\/wp-content\/uploads\/2012\/11\/2.png[\/logo]
\n[logo link=\u00bb\u00bb target=\u00bbTARGET\u00bb]http:\/\/ideonstudio.com\/wp-content\/uploads\/2012\/11\/3.png[\/logo]
\n[logo link=\u00bb\u00bb target=\u00bbTARGET\u00bb]http:\/\/ideonstudio.com\/wp-content\/uploads\/2012\/11\/4.png[\/logo]
\n[\/logo_box]<\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Unlimited button color variations These are just fiew examples of buttons. You can set unlimited variations of color’s trough our […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-161","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wingssa.com\/en\/wp-json\/wp\/v2\/pages\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wingssa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wingssa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wingssa.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wingssa.com\/en\/wp-json\/wp\/v2\/comments?post=161"}],"version-history":[{"count":0,"href":"https:\/\/wingssa.com\/en\/wp-json\/wp\/v2\/pages\/161\/revisions"}],"wp:attachment":[{"href":"https:\/\/wingssa.com\/en\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}