{"id":359,"date":"2016-11-23T10:42:43","date_gmt":"2016-11-23T10:42:43","guid":{"rendered":"http:\/\/orbitalonline.hk\/?page_id=359"},"modified":"2016-12-22T10:11:20","modified_gmt":"2016-12-22T10:11:20","slug":"buttons","status":"publish","type":"page","link":"https:\/\/www.aonijie.hk\/zh\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<p><section class=\"kc-elm kc-css-47219 kc_row\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-655381 kc_col-sm-4 kc_column col-md-4 col-sm-12\"><div class=\"kc-col-container\">\n<header class=\"kc-elm kc-css-355984 crumina-module crumina-heading align-left\">\n\n    <div class=\"title-text-wrap\">\n        <h3 class=\"heading-title\" >Solid Buttons<\/h3>\t        <\/div>\n\t<\/header>\n<div class=\"kc-elm kc-css-460009 crumina-module crum-button align-left\">\n    <a class=\"btn btn-small btn--dark icon-left\" href=\"#\">\n\t\t<span class=\"text\">Small Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-895164 crumina-module crum-button align-left\">\n    <a class=\"btn btn-medium btn--dark icon-left\" href=\"#\">\n\t\t<span class=\"text\">Medium Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-710344 crumina-module crum-button align-left\">\n    <a class=\"btn btn-large btn--dark icon-left\" href=\"#\">\n\t\t<span class=\"text\">Large Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><div class=\"kc-elm kc-css-522254 kc_col-sm-4 kc_column col-md-4 col-sm-12\"><div class=\"kc-col-container\">\n<header class=\"kc-elm kc-css-541717 crumina-module crumina-heading align-left\">\n\n    <div class=\"title-text-wrap\">\n        <h3 class=\"heading-title\" >Button With Icon<\/h3>\t        <\/div>\n\t<\/header>\n<div class=\"kc-elm kc-css-173593 crumina-module crum-button align-left\">\n    <a class=\"btn btn-small btn--primary icon-right\" href=\"#\">\n\t\t<span class=\"text\">Small Button<\/span><i class=\"sl-arrow-right\"><\/i>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-738394 crumina-module crum-button align-left\">\n    <a class=\"btn btn-medium btn--primary icon-right\" href=\"#\">\n\t\t<span class=\"text\">Medium Button<\/span><i class=\"sl-arrow-right\"><\/i>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-132969 crumina-module crum-button align-left\">\n    <a class=\"btn btn-large btn--primary icon-right\" href=\"#\">\n\t\t<span class=\"text\">Large Button<\/span><i class=\"sl-arrow-right\"><\/i>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><div class=\"kc-elm kc-css-29986 kc_col-sm-4 kc_column col-md-4 col-sm-12\"><div class=\"kc-col-container\">\n<header class=\"kc-elm kc-css-448627 crumina-module crumina-heading align-left\">\n\n    <div class=\"title-text-wrap\">\n        <h3 class=\"heading-title\" >Button With Border<\/h3>\t        <\/div>\n\t<\/header>\n<div class=\"kc-elm kc-css-152646 crumina-module crum-button align-left\">\n    <a class=\"btn btn-small btn--primary icon-left  btn-border\" href=\"#\">\n\t\t<span class=\"text\">Small Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-180388 crumina-module crum-button align-left\">\n    <a class=\"btn btn-medium btn--primary icon-left  btn-border\" href=\"#\">\n\t\t<span class=\"text\">Medium Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-978931 crumina-module crum-button align-left\">\n    <a class=\"btn btn-large btn--primary icon-left  btn-border\" href=\"#\">\n\t\t<span class=\"text\">Large Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc-css-134811 kc_row\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-905766 kc_col-sm-4 kc_column col-md-4 col-sm-12\"><div class=\"kc-col-container\">\n<header class=\"kc-elm kc-css-630770 crumina-module crumina-heading align-left\">\n\n    <div class=\"title-text-wrap\">\n        <h3 class=\"heading-title\" >Icon On Left<\/h3>\t        <\/div>\n\t<\/header>\n<div class=\"kc-elm kc-css-319091 crumina-module crum-button align-left\">\n    <a class=\"btn btn-small btn--blue icon-left\" href=\"#\">\n\t\t<i class=\"sl-arrow-left\"><\/i><span class=\"text\">Small Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-271627 crumina-module crum-button align-left\">\n    <a class=\"btn btn-medium btn--blue icon-left\" href=\"#\">\n\t\t<i class=\"sl-arrow-left\"><\/i><span class=\"text\">Medium Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-685628 crumina-module crum-button align-left\">\n    <a class=\"btn btn-large btn--blue icon-left\" href=\"#\">\n\t\t<i class=\"sl-arrow-left\"><\/i><span class=\"text\">Large Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><div class=\"kc-elm kc-css-489163 kc_col-sm-4 kc_column col-md-4 col-sm-12\"><div class=\"kc-col-container\">\n<header class=\"kc-elm kc-css-632271 crumina-module crumina-heading align-left\">\n\n    <div class=\"title-text-wrap\">\n        <h3 class=\"heading-title\" >Button With Shadow<\/h3>\t        <\/div>\n\t<\/header>\n<div class=\"kc-elm kc-css-227462 crumina-module crum-button align-left\">\n    <a class=\"btn btn-small btn--purple icon-left btn-hover-shadow\" href=\"#\">\n\t\t<span class=\"text\">Small Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-43613 crumina-module crum-button align-left\">\n    <a class=\"btn btn-medium btn--purple icon-left btn-hover-shadow\" href=\"#\">\n\t\t<span class=\"text\">Medium Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-470913 crumina-module crum-button align-left\">\n    <a class=\"btn btn-large btn--purple icon-left btn-hover-shadow\" href=\"#\">\n\t\t<span class=\"text\">Large Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><div class=\"kc-elm kc-css-433732 kc_col-sm-4 kc_column col-md-4 col-sm-12\"><div class=\"kc-col-container\">\n<header class=\"kc-elm kc-css-598801 crumina-module crumina-heading align-left\">\n\n    <div class=\"title-text-wrap\">\n        <h3 class=\"heading-title\" >Custom Button Style<\/h3>\t        <\/div>\n\t<\/header>\n<div class=\"kc-elm kc-css-679825 crumina-module crum-button align-left\">\n    <a class=\"btn btn-small btn--primary icon-right\" href=\"#\">\n\t\t<span class=\"text\">Small Button<\/span><i class=\"seosight-shopping-cart\"><\/i>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-747196 crumina-module crum-button align-left\">\n    <a class=\"btn btn-medium btn--primary icon-right\" href=\"#\">\n\t\t<span class=\"text\">Medium Button<\/span><i class=\"seosight-shopping-cart\"><\/i>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-342128 crumina-module crum-button align-left\">\n    <a class=\"btn btn-medium btn--primary icon-right\" href=\"#\">\n\t\t<span class=\"text\">Large Button<\/span><i class=\"seosight-shopping-cart\"><\/i>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc-css-392496 kc_row\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-286905 kc_col-sm-12 kc_column col-md-12\"><div class=\"kc-col-container\">\n<header class=\"kc-elm kc-css-85528 crumina-module crumina-heading align-center\">\n\n    <div class=\"title-text-wrap\">\n        <h3 class=\"heading-title\" >Button Alignment<\/h3>\t        <\/div>\n\t<\/header><div class=\"kc-elm kc-css-942138 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-412168 kc_col-sm-4 kc_column_inner col-md-4 col-sm-12\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-471399 crumina-module crum-button align-left\">\n    <a class=\"btn btn-small btn--orange icon-left\" href=\"#\">\n\t\t<span class=\"text\">Small Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-168415 crumina-module crum-button align-left\">\n    <a class=\"btn btn-medium btn--orange icon-left\" href=\"#\">\n\t\t<span class=\"text\">Medium Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-572400 crumina-module crum-button align-left\">\n    <a class=\"btn btn-large btn--orange icon-left\" href=\"#\">\n\t\t<span class=\"text\">Large Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><div class=\"kc-elm kc-css-459119 kc_col-sm-4 kc_column_inner col-md-4 col-sm-12\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-36090 crumina-module crum-button align-center\">\n    <a class=\"btn btn-small btn--green icon-left\" href=\"#\">\n\t\t<span class=\"text\">Small Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-575875 crumina-module crum-button align-center\">\n    <a class=\"btn btn-medium btn--green icon-left\" href=\"#\">\n\t\t<span class=\"text\">Medium Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-943157 crumina-module crum-button align-center\">\n    <a class=\"btn btn-large btn--green icon-left\" href=\"#\">\n\t\t<span class=\"text\">Large Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><div class=\"kc-elm kc-css-47148 kc_col-sm-4 kc_column_inner col-md-4 col-sm-12\"><div class=\"kc_wrapper kc-col-inner-container\">\n<div class=\"kc-elm kc-css-703721 crumina-module crum-button align-right\">\n    <a class=\"btn btn-small btn--rose icon-left\" href=\"#\">\n\t\t<span class=\"text\">Small Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-919020 crumina-module crum-button align-right\">\n    <a class=\"btn btn-medium btn--rose icon-left\" href=\"#\">\n\t\t<span class=\"text\">Medium Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div>\n<div class=\"kc-elm kc-css-171823 crumina-module crum-button align-right\">\n    <a class=\"btn btn-large btn--rose icon-left\" href=\"#\">\n\t\t<span class=\"text\">Large Button<\/span>        <span class=\"semicircle\"><\/span>\n    <\/a>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><\/p>","protected":false},"excerpt":{"rendered":"<\/p><div class=\"more-link\"><a href=\"https:\/\/www.aonijie.hk\/zh\/buttons\/\" class=\"btn btn-small btn--dark btn-hover-shadow\"><span class=\"text\">Continue Reading<\/span><i class=\"seoicon-right-arrow\"><\/i><\/a><\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Buttons - AONIJIE<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.aonijie.hk\/zh\/buttons\/\" \/>\n<meta property=\"og:locale\" content=\"zh_HK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Buttons - AONIJIE\" \/>\n<meta property=\"og:description\" content=\"Solid Buttons Small Button Medium Button Large Button Button With Icon Small Button Medium Button Large Button Button With Border Small Button Medium Button Large Button Icon On Left Small Button Medium Button Large Button Button With Shadow Small Button Medium Button Large Button Custom Button Style Small Button Medium Button Large Button Button Alignment [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aonijie.hk\/zh\/buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"AONIJIE\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-22T10:11:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aonijie.hk\/buttons\/\",\"url\":\"https:\/\/www.aonijie.hk\/buttons\/\",\"name\":\"Buttons - AONIJIE\",\"isPartOf\":{\"@id\":\"https:\/\/www.aonijie.hk\/#website\"},\"datePublished\":\"2016-11-23T10:42:43+00:00\",\"dateModified\":\"2016-12-22T10:11:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.aonijie.hk\/buttons\/#breadcrumb\"},\"inLanguage\":\"zh-HK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aonijie.hk\/buttons\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aonijie.hk\/buttons\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.aonijie.hk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Buttons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aonijie.hk\/#website\",\"url\":\"https:\/\/www.aonijie.hk\/\",\"name\":\"AONIJIE\",\"description\":\"Enjoy Sports and Cross Country Fun\",\"publisher\":{\"@id\":\"https:\/\/www.aonijie.hk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aonijie.hk\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-HK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.aonijie.hk\/#organization\",\"name\":\"Orbital \u6f6e\u6d41\u8ecc\u8de1\",\"url\":\"https:\/\/www.aonijie.hk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-HK\",\"@id\":\"https:\/\/www.aonijie.hk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.orbitalonline.hk\/wp-content\/uploads\/2020\/09\/orbital_logo.png\",\"contentUrl\":\"https:\/\/www.orbitalonline.hk\/wp-content\/uploads\/2020\/09\/orbital_logo.png\",\"width\":300,\"height\":200,\"caption\":\"Orbital \u6f6e\u6d41\u8ecc\u8de1\"},\"image\":{\"@id\":\"https:\/\/www.aonijie.hk\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Buttons - AONIJIE","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.aonijie.hk\/zh\/buttons\/","og_locale":"zh_HK","og_type":"article","og_title":"Buttons - AONIJIE","og_description":"Solid Buttons Small Button Medium Button Large Button Button With Icon Small Button Medium Button Large Button Button With Border Small Button Medium Button Large Button Icon On Left Small Button Medium Button Large Button Button With Shadow Small Button Medium Button Large Button Custom Button Style Small Button Medium Button Large Button Button Alignment [&hellip;]","og_url":"https:\/\/www.aonijie.hk\/zh\/buttons\/","og_site_name":"AONIJIE","article_modified_time":"2016-12-22T10:11:20+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.aonijie.hk\/buttons\/","url":"https:\/\/www.aonijie.hk\/buttons\/","name":"Buttons - AONIJIE","isPartOf":{"@id":"https:\/\/www.aonijie.hk\/#website"},"datePublished":"2016-11-23T10:42:43+00:00","dateModified":"2016-12-22T10:11:20+00:00","breadcrumb":{"@id":"https:\/\/www.aonijie.hk\/buttons\/#breadcrumb"},"inLanguage":"zh-HK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aonijie.hk\/buttons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.aonijie.hk\/buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.aonijie.hk\/"},{"@type":"ListItem","position":2,"name":"Buttons"}]},{"@type":"WebSite","@id":"https:\/\/www.aonijie.hk\/#website","url":"https:\/\/www.aonijie.hk\/","name":"AONIJIE","description":"Enjoy Sports and Cross Country Fun","publisher":{"@id":"https:\/\/www.aonijie.hk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aonijie.hk\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-HK"},{"@type":"Organization","@id":"https:\/\/www.aonijie.hk\/#organization","name":"Orbital \u6f6e\u6d41\u8ecc\u8de1","url":"https:\/\/www.aonijie.hk\/","logo":{"@type":"ImageObject","inLanguage":"zh-HK","@id":"https:\/\/www.aonijie.hk\/#\/schema\/logo\/image\/","url":"https:\/\/www.orbitalonline.hk\/wp-content\/uploads\/2020\/09\/orbital_logo.png","contentUrl":"https:\/\/www.orbitalonline.hk\/wp-content\/uploads\/2020\/09\/orbital_logo.png","width":300,"height":200,"caption":"Orbital \u6f6e\u6d41\u8ecc\u8de1"},"image":{"@id":"https:\/\/www.aonijie.hk\/#\/schema\/logo\/image\/"}}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.aonijie.hk\/zh\/wp-json\/wp\/v2\/pages\/359"}],"collection":[{"href":"https:\/\/www.aonijie.hk\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aonijie.hk\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aonijie.hk\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aonijie.hk\/zh\/wp-json\/wp\/v2\/comments?post=359"}],"version-history":[{"count":0,"href":"https:\/\/www.aonijie.hk\/zh\/wp-json\/wp\/v2\/pages\/359\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.aonijie.hk\/zh\/wp-json\/wp\/v2\/media?parent=359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}