{"id":3728,"date":"2026-02-10T16:57:41","date_gmt":"2026-02-10T09:57:41","guid":{"rendered":"https:\/\/3ofspadestattoo.com\/?page_id=3728"},"modified":"2026-04-02T16:37:55","modified_gmt":"2026-04-02T09:37:55","slug":"artists","status":"publish","type":"page","link":"https:\/\/3ofspadestattoo.com\/vi\/artists\/","title":{"rendered":"Our Artists"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid pix-padding-top-s pix-padding-bottom-s pix-row-overlay default\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><h1 style=\"color: #FFFFFF;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading vc_custom_1775060409457\" >Our Artists<\/h1><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_90 vc_sep_pos_align_center vc_sep_color_white wpb_content_element text-center vc_separator-has-text\" ><span class=\"vc_sep_holder vc_sep_holder_l\"><span class=\"vc_sep_line\"><\/span><\/span><h4>G\u1eb7p g\u1ee1 chuy\u00ean gia c\u1ee7a ch\u00fang t\u00f4i<\/h4><span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span><\/span>\n<\/div>    <div class=\"pg2-grid\">\n                <div class=\"pg2-card\">\n            <a href=\"https:\/\/3ofspadestattoo.com\/vi\/portfolio\/jim\/\" class=\"pg2-card__link\">\n                <div class=\"pg2-card__ratio\">\n                    <div class=\"pg2-card__image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/3ofspadestattoo.com\/wp-content\/uploads\/2026\/01\/artist-website-profile3.webp\" alt=\"Jim\">\n                                            <\/div>\n                    <div class=\"pg2-card__content\">\n                        <h3 class=\"pg2-card__title\">Jim<\/h3>\n                        <div class=\"pg2-card__btn\">\n                            <span>XEM<\/span>\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n                <div class=\"pg2-card\">\n            <a href=\"https:\/\/3ofspadestattoo.com\/vi\/portfolio\/moe\/\" class=\"pg2-card__link\">\n                <div class=\"pg2-card__ratio\">\n                    <div class=\"pg2-card__image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/3ofspadestattoo.com\/wp-content\/uploads\/2026\/01\/artist-website-profile4.webp\" alt=\"Moe\">\n                                            <\/div>\n                    <div class=\"pg2-card__content\">\n                        <h3 class=\"pg2-card__title\">Moe<\/h3>\n                        <div class=\"pg2-card__btn\">\n                            <span>XEM<\/span>\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n                <div class=\"pg2-card\">\n            <a href=\"https:\/\/3ofspadestattoo.com\/vi\/portfolio\/hukk\/\" class=\"pg2-card__link\">\n                <div class=\"pg2-card__ratio\">\n                    <div class=\"pg2-card__image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/3ofspadestattoo.com\/wp-content\/uploads\/2026\/01\/artist-website-profile2.webp\" alt=\"Hukk\">\n                                            <\/div>\n                    <div class=\"pg2-card__content\">\n                        <h3 class=\"pg2-card__title\">Hukk<\/h3>\n                        <div class=\"pg2-card__btn\">\n                            <span>XEM<\/span>\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n                <div class=\"pg2-card\">\n            <a href=\"https:\/\/3ofspadestattoo.com\/vi\/portfolio\/lotus\/\" class=\"pg2-card__link\">\n                <div class=\"pg2-card__ratio\">\n                    <div class=\"pg2-card__image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/3ofspadestattoo.com\/wp-content\/uploads\/2026\/01\/5-1.webp\" alt=\"Lotus\">\n                                            <\/div>\n                    <div class=\"pg2-card__content\">\n                        <h3 class=\"pg2-card__title\">Lotus<\/h3>\n                        <div class=\"pg2-card__btn\">\n                            <span>XEM<\/span>\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n                <div class=\"pg2-card\">\n            <a href=\"https:\/\/3ofspadestattoo.com\/vi\/portfolio\/raven\/\" class=\"pg2-card__link\">\n                <div class=\"pg2-card__ratio\">\n                    <div class=\"pg2-card__image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/3ofspadestattoo.com\/wp-content\/uploads\/2026\/02\/raven-profile.webp\" alt=\"Raven\">\n                                            <\/div>\n                    <div class=\"pg2-card__content\">\n                        <h3 class=\"pg2-card__title\">Raven<\/h3>\n                        <div class=\"pg2-card__btn\">\n                            <span>XEM<\/span>\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n                <div class=\"pg2-card\">\n            <a href=\"https:\/\/3ofspadestattoo.com\/vi\/portfolio\/phoebe\/\" class=\"pg2-card__link\">\n                <div class=\"pg2-card__ratio\">\n                    <div class=\"pg2-card__image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/3ofspadestattoo.com\/wp-content\/uploads\/2026\/03\/12421423.webp\" alt=\"Phoebe\">\n                                            <\/div>\n                    <div class=\"pg2-card__content\">\n                        <h3 class=\"pg2-card__title\">Phoebe<\/h3>\n                        <div class=\"pg2-card__btn\">\n                            <span>XEM<\/span>\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <\/div>\n\n    <style>\n    \/* ----------------------------------------\n       2\u00d72 GRID \u2014 always 2 columns on all screens\n    ---------------------------------------- *\/\n    .pg2-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n        margin: 20px auto;\n        max-width: 900px;\n    }\n\n    \/* ----------------------------------------\n       CARD\n    ---------------------------------------- *\/\n\n    .pg2-card {\n        border-radius: 8px;\n    }\n\n    .pg2-card__link {\n        display: block;\n        text-decoration: none;\n    }\n\n    \/* 1:1.5 vertical ratio \u2192 padding-top = 150%\n       transform lives here (not on .pg2-card) so absolute children don't break on hover\n       overflow:hidden lives here so border-radius is never clipped *\/\n    .pg2-card__ratio {\n        position: relative;\n        width: 100%;\n        padding-top: 120%;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n    }\n\n    .pg2-card:hover .pg2-card__ratio {\n        box-shadow: 0 12px 30px rgba(0,0,0,0.25);\n    }\n\n    \/* ===== IMAGE ===== *\/\n    .pg2-card__image {\n        position: absolute;\n        inset: 0;\n    }\n\n    .pg2-card__image img,\n    .pg2-card__no-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.6s ease;\n    }\n\n    .pg2-card__no-image {\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-size: 40px;\n        font-weight: 700;\n    }\n\n    .pg2-card:hover .pg2-card__image img,\n    .pg2-card:hover .pg2-card__no-image {\n        transform: scale(1.08);\n    }\n\n\n    \/* ===== CONTENT ===== *\/\n    .pg2-card__content {\n        position: absolute;\n        inset: 0;\n        padding: 14px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        z-index: 2;\n    }\n\n    .pg2-card__title {\n        color: #fff;\n        margin: 0;\n        text-transform: uppercase;\n        text-shadow: 0 1px 6px rgba(0,0,0,0.4);\n    }\n\n    .pg2-card__btn {\n        align-self: flex-end;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        padding: 8px 14px;\n        background: rgba(255,255,255,0.15);\n        backdrop-filter: blur(8px);\n        border: 1px solid rgba(255,255,255,0.3);\n        border-radius: 30px;\n        color: #fff;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 1.2px;\n        text-transform: uppercase;\n        transition: background 0.3s ease;\n    }\n\n    .pg2-card:hover .pg2-card__btn {\n        background: rgba(255,255,255,0.25);\n        border-color: rgba(255,255,255,0.5);\n    }\n\n    \/* ===== RESPONSIVE ===== *\/\n    @media (max-width: 480px) {\n        .pg2-grid {\n            gap: 10px;\n        }\n\n        .pg2-card__content {\n            padding: 12px;\n        }\n\n        .pg2-card__title {\n            font-size: 16px;\n            letter-spacing: 1px;\n        }\n\n        .pg2-card__btn {\n            font-size: 9px;\n            padding: 6px 10px;\n        }\n\n        .pg2-card__btn svg {\n            width: 13px;\n            height: 13px;\n        }\n    }\n    <\/style>\n    <\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-home.php","meta":{"footnotes":""},"class_list":["post-3728","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/3ofspadestattoo.com\/vi\/wp-json\/wp\/v2\/pages\/3728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3ofspadestattoo.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3ofspadestattoo.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3ofspadestattoo.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3ofspadestattoo.com\/vi\/wp-json\/wp\/v2\/comments?post=3728"}],"version-history":[{"count":0,"href":"https:\/\/3ofspadestattoo.com\/vi\/wp-json\/wp\/v2\/pages\/3728\/revisions"}],"wp:attachment":[{"href":"https:\/\/3ofspadestattoo.com\/vi\/wp-json\/wp\/v2\/media?parent=3728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}