{"id":1588,"date":"2023-12-26T17:40:16","date_gmt":"2023-12-26T09:40:16","guid":{"rendered":"https:\/\/instantstudio.app\/?page_id=1588"},"modified":"2024-01-31T15:58:02","modified_gmt":"2024-01-31T07:58:02","slug":"ai-headshots-nye2024","status":"publish","type":"page","link":"https:\/\/instantstudio.ai\/zh\/ai-headshots-nye2024\/","title":{"rendered":"Happy New Year &#8211; 2024!"},"content":{"rendered":"<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Chinese New Year 2024 by Instant Studio<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500&#038;display=swap\" rel=\"stylesheet\">    <style>\n      html, body {\n        height: 100%;\n        margin: 0;\n        padding: 0;\n        font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif!important;\n        color: #fff;\n      }\n      a {\n        color: #fff;\n      }\n\n      #content {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        position: relative;\n      }\n      #top {\n        background: url(\"https:\/\/instantstudio.app\/wp-content\/uploads\/cny-event-bg01-scaled.jpg\") center!important;\n        background-size:cover!important;\n        flex: 1 1 0%;\n        position: relative;\n      }\n      #top:after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: #117253;\n        opacity: .8;\n        transition: opacity .5s;\n      }\n      #bottom {\n        background: url(\"https:\/\/instantstudio.app\/wp-content\/uploads\/cny-event-bg02.jpg\") center!important;\n        background-size:cover!important;\n        flex: 1 1 0%;\n        position: relative;\n      }\n      #bottom:after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: #981F01;\n        opacity: .8;\n        transition: opacity .5s;\n      }\n      #logos {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        bottom: 2rem;\n      }\n      #hcny-text {\n        width: 45%;\n      }\n      #instantstudio-logo {\n        width: 12.5%;\n      }\n      #by {\n        font-size: 2.25rem;\n        margin: 1rem 0 2rem 0;\n      }\n      .introduction {\n        position: absolute;\n        left: 52%;\n        top: 3rem;\n        width: 33%;\n        line-height: 1.5;\n        z-index: 1;\n      }\n      .introduction h3 {\n        margin: 0;\n        font-size: 1.25rem;\n      }\n      .introduction p {\n        \/* background: rgba(0, 0, 0, .5); *\/\n        \/* padding: 1rem; *\/\n        \/* border-radius: .375rem; *\/\n        margin: 0;\n        margin-bottom: 1rem;\n      }\n      .cta-button {\n        line-height: 1.5;\n        background: #0E4C49;\n        font-size: 1.25rem;\n        border-radius: 0.375rem;\n        color: #fff;\n        padding: .75rem 1.5rem;\n        text-decoration: none;\n        display: block;\n        white-space: nowrap;\n      }\n      .carousel-container {\n        overflow: hidden;\n        margin-left: 2rem;\n        flex: 1;\n        position: absolute;\n        right: 52%;\n        top: 3rem;\n        z-index: 1;\n        width: 33%;\n      }\n\n      .carousel-wrapper {\n        display: flex;\n        transition: transform 0.5s ease-in-out;\n      }\n\n      .carousel-item {\n        min-width: 100%; \/* Set the width to accommodate four images *\/\n        box-sizing: border-box;\n        display: flex;\n      }\n\n      .slide {\n        flex: 33%;\n        border: 4px solid transparent;\n        box-sizing: border-box;\n      }\n\n      .slide img {\n        width: 100%;\n        height: auto;\n        border: 2px solid #fff;\n        box-sizing: border-box;\n        border-radius: 5px;\n        \/* padding: 3px; *\/\n        \/* background-color: #ccc; *\/\n      }\n      .split {\n        display: flex;\n        align-items: flex-start;\n      }\n      .introduction small, .introduction small a {\n        color: #ddd;\n      }\n\n\n      \/* Media query for mobile devices *\/\n      @media (max-width: 767px) {\n        #logos {\n          position: absolute;\n          display: flex;\n          flex-direction: column;\n          z-index: 1;\n          bottom: 2rem;\n        }\n        #by {\n          font-size: 2rem;\n        }\n        #hcny-text {\n          width: 80%;\n        }\n        #instantstudio-logo {\n          width: 25%;\n        }\n        .carousel-container {\n          position: relative;\n          width: auto;\n          margin: 2rem 1rem;\n          z-index: 1;\n          right: auto;\n          top: auto;\n        }\n        .introduction {\n          position: relative;\n          left: auto;\n          top: auto;\n          width: auto;\n          margin: 0 1rem;\n        }\n        #top {\n          flex: 0 1 40%;\n        }\n        .split {\n          flex-direction: column;\n        }\n        .cta-button {\n          width: 100%;\n          box-sizing: border-box;\n          text-align: center;\n          margin-bottom: 1rem;\n        }\n      }\n    <\/style>\n<\/head>\n<body class=\"cny-event\">\n  <div id=\"content\">\n    <div id=\"top\">\n      <div id=\"logos\">\n        <img decoding=\"async\" src=\"https:\/\/instantstudio.app\/wp-content\/uploads\/hcny-text.svg\" id=\"hcny-text\" \/>\n        <div id=\"by\">\n          By\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/instantstudio.app\/wp-content\/uploads\/instant-studio-logo-white.png\" id=\"instantstudio-logo\" class=\"logo\" \/>\n      <\/div>\n    <\/div>\n    <div id=\"bottom\">\n      <div class=\"carousel-container\">\n        <div class=\"carousel-wrapper\" id=\"carousel\">\n            <div class=\"carousel-item\">\n              <div class=\"slide\">\n                <img decoding=\"async\" src=\"https:\/\/instantstudio.app\/wp-content\/uploads\/cny01-1.jpg\" \/>\n              <\/div>\n              <div class=\"slide\">\n                <img decoding=\"async\" src=\"https:\/\/instantstudio.app\/wp-content\/uploads\/cny02-1.jpg\" \/>\n              <\/div>\n              <div class=\"slide\">\n                <img decoding=\"async\" src=\"https:\/\/instantstudio.app\/wp-content\/uploads\/cny03-1.jpg\" \/>\n              <\/div>\n            <\/div>\n            <div class=\"carousel-item\">\n              <div class=\"slide\">\n                <img decoding=\"async\" src=\"https:\/\/instantstudio.app\/wp-content\/uploads\/cny04-1.jpg\" \/>\n              <\/div>\n              <div class=\"slide\">\n                <img decoding=\"async\" src=\"https:\/\/instantstudio.app\/wp-content\/uploads\/cny05-1.jpg\" \/>\n              <\/div>\n              <div class=\"slide\">\n                <img decoding=\"async\" src=\"https:\/\/instantstudio.app\/wp-content\/uploads\/cny06-1.jpg\" \/>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <div class=\"introduction\">\n        <!-- <a href=\"https:\/\/instantstudio.app\">\n          <h3>InstantStudio<\/h3>\n        <\/a> -->\n        <div class=\"split\">\n          <p>\n            Welcome friends! We&#8217;re delighted to offer you an exclusive set of Chinese New Year AI portraits &#8211; FREE.\n          <\/p>\n          <a href=\"#\" class=\"cta-button\">\n            Try Now\n          <\/a>  \n        <\/div>\n        <small>\n          InstantStudio is an AI image generation platform &#8211; learn more at <a href=\"https:\/\/instantstudio.app\/generative-ai-solutions\/\">InstantStudio.app\/enterprise<\/a>\n        <\/small>\n\n      <\/div>\n    <\/div>\n  <\/div>\n  <script>\n    const carousel = document.getElementById('carousel');\n    let currentIndex = 0;\n\n    function rotateCarousel() {\n        currentIndex = (currentIndex + 1) % (carousel.children.length);\n        const translateValue = `-${currentIndex * 100}%`;\n        carousel.style.transform = `translateX(${translateValue})`;\n    }\n    setInterval(rotateCarousel, 6000);\n  <\/script>\n<\/body>\n\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Chinese New Year 2024 by Instant Studio By Welcome friends! We&#8217;re delighted to offer you an exclusive set of Chinese New Year AI portraits &#8211; FREE. Try Now InstantStudio is an AI image generation platform &#8211; learn more at InstantStudio.app\/enterprise<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","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":"","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"iawp_total_views":512,"footnotes":""},"class_list":["post-1588","page","type-page","status-publish","hentry"],"aioseo_notices":[],"pbg_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"ultp_layout_landscape_large":false,"ultp_layout_landscape":false,"ultp_layout_portrait":false,"ultp_layout_square":false},"pbg_author_info":{"display_name":"David Strand","author_link":"https:\/\/instantstudio.ai\/zh\/author\/dstrand2\/","author_img":false},"pbg_comment_info":" No Comments","pbg_excerpt":"Chinese New Year 2024 by Instant Studio By Welcome friends! We&#8217;re delighted to offer you an exclusive set of Chinese New Year AI portraits &#8211; FREE. Try Now InstantStudio is an AI image generation platform &#8211; learn more at InstantStudio.app\/enterprise","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"ultp_layout_landscape_large":false,"ultp_layout_landscape":false,"ultp_layout_portrait":false,"ultp_layout_square":false},"uagb_author_info":{"display_name":"David Strand","author_link":"https:\/\/instantstudio.ai\/zh\/author\/dstrand2\/"},"uagb_comment_info":0,"uagb_excerpt":"Chinese New Year 2024 by Instant Studio By Welcome friends! We&#8217;re delighted to offer you an exclusive set of Chinese New Year AI portraits &#8211; FREE. Try Now InstantStudio is an AI image generation platform &#8211; learn more at InstantStudio.app\/enterprise","_links":{"self":[{"href":"https:\/\/instantstudio.ai\/zh\/wp-json\/wp\/v2\/pages\/1588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/instantstudio.ai\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/instantstudio.ai\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/instantstudio.ai\/zh\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/instantstudio.ai\/zh\/wp-json\/wp\/v2\/comments?post=1588"}],"version-history":[{"count":48,"href":"https:\/\/instantstudio.ai\/zh\/wp-json\/wp\/v2\/pages\/1588\/revisions"}],"predecessor-version":[{"id":2120,"href":"https:\/\/instantstudio.ai\/zh\/wp-json\/wp\/v2\/pages\/1588\/revisions\/2120"}],"wp:attachment":[{"href":"https:\/\/instantstudio.ai\/zh\/wp-json\/wp\/v2\/media?parent=1588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}