{"id":10010,"date":"2025-02-18T07:59:11","date_gmt":"2025-02-18T07:59:11","guid":{"rendered":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/?page_id=10010"},"modified":"2025-05-21T09:14:21","modified_gmt":"2025-05-21T09:14:21","slug":"career-dev","status":"publish","type":"page","link":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/career-dev\/","title":{"rendered":"Career 2 &#8211; Dev"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10010\" class=\"elementor elementor-10010\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1521689 e-flex e-con-boxed e-con e-parent\" data-id=\"1521689\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1af5aa elementor-widget elementor-widget-html\" data-id=\"c1af5aa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* Global Reset *\/\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Hero Banner Container *\/\r\n    .hero-banner {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: flex-end;\r\n        height: 80vh; \/* Full container height *\/\r\n        overflow: hidden;\r\n        gap: 10px;\r\n    }\r\n\r\n    \/* Each Banner Item *\/\r\n    .banner-item {\r\n        flex: 1;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        opacity: 0; \/* Start invisible *\/\r\n        transform: translateY(-100%); \/* Start off-screen at the top *\/\r\n        animation: dropIn 1s ease forwards; \/* Apply animation *\/\r\n    }\r\n\r\n    \/* Staggered Animation Delays *\/\r\n    .banner-item:nth-child(1) {\r\n        animation-delay: 0.2s;\r\n        height: 60vh;\r\n    }\r\n\r\n    .banner-item:nth-child(2) {\r\n        animation-delay: 0.4s;\r\n        height: 80vh;\r\n    }\r\n\r\n    .banner-item:nth-child(3) {\r\n        animation-delay: 0.6s;\r\n        height: 70vh;\r\n    }\r\n\r\n    .banner-item:nth-child(4) {\r\n        animation-delay: 0.8s;\r\n        height: 65vh;\r\n    }\r\n\r\n    \/* Drop-In Animation *\/\r\n    @keyframes dropIn {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .banner-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border-radius: 20px;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    \/* Optional Hover Effect *\/\r\n    .banner-item img:hover {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Gradient Overlay *\/\r\n    .banner-item::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .hero-banner {\r\n            height: 65vh; \/* Adjust height for mobile *\/\r\n        }\r\n\r\n        .banner-item {\r\n            display: none; \/* Hide all items by default *\/\r\n        }\r\n\r\n        .banner-item.active {\r\n            display: block; \/* Show only the active item *\/\r\n            flex: 1 1 100%; \/* Full width on mobile *\/\r\n        }\r\n\r\n        \/* Match second and third images' dimensions to the first and last *\/\r\n        .banner-item:nth-child(2).active,\r\n        .banner-item:nth-child(3).active {\r\n            height: 60vh; \/* Same height as the first and last items *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Hero Banner -->\r\n<div class=\"hero-banner\">\r\n    <!-- Image 1 -->\r\n    <div class=\"banner-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-content\/uploads\/2025\/04\/HR-Recruitment-Photoshoot-G-Edited_edited_reducedsize.jpg\" alt=\"Image 1\">\r\n    <\/div>\r\n    <!-- Image 2 -->\r\n    <div class=\"banner-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-content\/uploads\/2025\/03\/HR-Recruitment-Photoshoot-I-Edited_ReducedSize-2.jpg\" alt=\"Image 2\">\r\n    <\/div>\r\n    <!-- Image 3 -->\r\n    <div class=\"banner-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-content\/uploads\/2025\/03\/HR-Recruitment-Photoshoot-J-Edited_ReducedSize-3.jpg\" alt=\"Image 3\">\r\n    <\/div>\r\n    <!-- Image 4 -->\r\n    <div class=\"banner-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-content\/uploads\/2025\/03\/HR-Recruitment-Photoshoot-H-Edited_ReducedSize-4.jpg\" alt=\"Image 4\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const bannerItems = document.querySelectorAll(\".banner-item\");\r\n        if (window.innerWidth <= 768) {\r\n            \/\/ Generate a random index to select a banner item\r\n            const randomIndex = Math.floor(Math.random() * bannerItems.length);\r\n\r\n            \/\/ Set the selected banner item to active\r\n            bannerItems[randomIndex].classList.add(\"active\");\r\n        }\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23eff2e e-flex e-con-boxed e-con e-parent\" data-id=\"23eff2e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ea8aa4 elementor-widget elementor-widget-heading\" data-id=\"7ea8aa4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Join our team and be part of something special!<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39064d0 elementor-widget elementor-widget-text-editor\" data-id=\"39064d0\" data-element_type=\"widget\" id=\"second-heading\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>See more job listings at <a class=\"anchor-link\" href=\"https:\/\/www.linkedin.com\/company\/re&amp;s-enterprises-pte-ltd\/?originalSubdomain=sg\">RE&amp;S LinkedIn<\/a>, <a class=\"anchor-link\" href=\"https:\/\/sg.jobstreet.com\/\">Job Street<\/a>, and <a class=\"anchor-link\" href=\"&quot;https:\/\/www.fastjobs.sg\/\">Fast Jobs<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f2442c elementor-widget elementor-widget-html\" data-id=\"5f2442c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .tab-container {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        margin-bottom: 20px;\n    }\n\n    .tab {\n        position: relative;\n        padding: 10px 20px;\n        cursor: pointer;\n        background-color: rgba(128, 128, 128, 0.6);\n        color: black;\n        border: none;\n        margin: 0 5px;\n        transition: background-color 0.3s;\n    }\n\n    .tab.active {\n        background-color: #f47d30;\n        color: #fff;\n    }\n\n    .tab.active::after {\n        content: \"\u25bc\";\n        position: absolute;\n        bottom: -14px;\n        left: 50%;\n        transform: translateX(-50%);\n        font-size: 12px;\n        color: #f47d30;\n    }\n\n    .grid-container {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n\n    .card {\n        position: relative;\n        background-color: #ffecd8;\n        border-radius: 10px;\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        padding: 20px;\n        text-align: center;\n    }\n\n    .card img {\n        width: 80px;\n        height: 80px;\n        margin-bottom: 10px;\n    }\n\n    .card h3 {\n        font-size: 18px;\n        margin-bottom: 5px;\n        margin-top: 0px !important;\n    }\n\n    .card p {\n        font-size: 14px;\n        margin-bottom: 15px;\n    }\n\n    .card button {\n        background-color: #ff8a47;\n        color: #fff;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n    }\n\n    \/* Tablet responsiveness: Two job cards per row *\/\n    @media (min-width: 600px) and (max-width: 1024px) {\n        .grid-container {\n            grid-template-columns: repeat(2, 1fr); \/* Two columns on tablets *\/\n        }\n    }\n\n    \/* Mobile responsiveness *\/\n    @media (max-width: 600px) {\n        .grid-container {\n            grid-template-columns: 1fr; \/* One column on small screens *\/\n        }\n    }\n\n    #career-nav a {\n        color: #f47d30 !important;\n    } \n    \n    \n    .anchor-link:hover {\n        color: #f47d30;\n    }\n    \n    #second-heading p {\n        margin-bottom: 0px !important;\n    }\n    \n    .recruitment-fairs-text {\n        background-color: #ffecd8;\n        padding: 20px;\n    }\n    \n    .recruitment-fairs-text p {\n        color: black;\n    }\n    \n    #wpcf7-f9946-p8685-o1 > form {\n        background-color: #ffecd8;\n    }\n    .tab-card{\n        margin-top:20px;\n    }\n        \n    .tab-result-container{\n        margin-top: 50px;\n        margin-bottom: 50px;\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66cdedd elementor-widget elementor-widget-html\" data-id=\"66cdedd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\n.career-sidebar table{\n    border:none\n}\n.career-tab{\n    background-color: rgba(128, 128, 128, 0.6);\n    color:black;\n    cursor: pointer;\n    text-align: center;\n    padding:17px 20px;\n}\n.career-tab:hover{\n    color:white;\n}\n\n.career-sidebar{\n    background-color:rgba(244, 126, 47, 0.2);\n    color:black;\n    font-size: 18px;\n\n}\n.career-sidebar h3{\n    text-align: center;\n    font-weight: bold;\n    font-style: italic\n}\n.career-sidebar table,\n.career-sidebar tbody,\n.career-sidebar tr,\n.career-sidebar tr td{\n    border:none;\n}\n.career-sidebar tr td:first-child{\n    text-align: right;\n    width:33%;\n}\n\n\n.career-active{\n    background-color: rgb(244, 125, 48);\n    color: rgb(255, 255, 255);\n\n}\n\n.career-content-wrapper{\n    padding-left:30px;\n}\n\n.career-content{\n    padding:20px;\n    color:black;\n    font-size: 18px;\n}\n.career-content li{\n    list-style-position: inside;\n    margin: 0 20px\n}\n.career-hidden{\n    display:none;\n}\n.career-show{\n    display:block;\n}\n\n.career-form,\n.tab-cards .wpcf7 form{\n    \n    background-color: #F47E2F33;\n    width:900px;\n    margin:0 auto;\n    margin-top: 20px;\n    border-radius: 30px;\n    color:black;\n}\n.career-form form .wpcf7-submit{\n    border:none;\n    min-width: 100px;\n}\n\n@media screen and (max-width: 992px) {\n .tab-container {\n    display: inline-block;\n        padding: 0 20px;\n    \n}\n\n\n.tab {\n     margin: 5px 0;\n     width: 100%;\n}\n.tab.active::after {display:none}\n}\n\n.tab-cards {margin: 0;padding:0 10px;}\n\n.career-form, .tab-cards .wpcf7 form {\nwidth:100%;\n}\n\n.career-content-wrapper, \n.career-wrapper .row {\n    padding:0;margin:0;\n}\n .career-content-wrapper .row {margin: 0;padding:0;}\n \n.career-sidebar h3 {margin:0;padding:10px 0;}\n\n.tab-result-container, .tab-cards {padding: 0 20px}\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b91bab4 elementor-widget elementor-widget-html\" data-id=\"b91bab4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"tab-container\">\r\n    <button class=\"tab active\" data-shortcodeID=\"front-of-house\">Front-of-House Roles <\/button><button class=\"tab \" data-shortcodeID=\"back-of-house\">Back-of-House Roles <\/button><button class=\"tab\" data-shortcodeID=\"corporate-functions\">Corporate Functions<\/button><button class=\"tab\" data-shortcodeID=\"internship\">Internship<\/button>\r\n<\/div>\r\n<div class=\"tab-cards\">\r\n    \n<div class=\"row\">\n\t<div class=\"col-xs-12 col-sm-4\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>Location<\/label><\/p>\n\t\t\t<select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-control field_location previously_field_position\" aria-required=\"true\" aria-invalid=\"false\" name=\"jobLocationNew\" >\n\t\t\t\t<option value=\"0\">Select Location<\/option>\n\t\t\t\t<option value=\"west_singapore\">West Singapore<\/option>\n\t\t\t\t<option value=\"north_singapore\">North Singapore<\/option>\n\t\t\t\t<option value=\"south_singapore\">South Singapore<\/option>\n\t\t\t\t<option value=\"east_singapore\">East Singapore<\/option>\n\t\t\t\t<option value=\"central_singapore\">Central Singapore<\/option>\n\t\t\t\t<option value=\"singapore_islandwide\">Singapore Islandwide<\/option>\n\t\t\t\t<option value=\"johor_bahru_my\">Johor Bahru (Malaysia)<\/option>\n\t\t\t\t<option value=\"kuala_lumpur_my\">Kuala Lumpur (Malaysia)<\/option>\n\t\t\t<\/select>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div class=\"col-xs-12 col-sm-4\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>Category<\/label><\/p>\n\t\t\t<select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-control field_category\" aria-required=\"true\" aria-invalid=\"false\" name=\"jobCategoryNew\">\n\t\t\t\t<option value=\"0\">Select Category<\/option>\n\t\t\t\t<option value=\"full_time\">Full Time<\/option>\n\t\t\t\t<option value=\"part_time\">Part Time<\/option>\n\t\t\t<\/select>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div class=\"col-xs-12 col-sm-4\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>Job<\/label><\/p>\n\t\t\t<select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-control field_job\" aria-required=\"true\" aria-invalid=\"false\" name=\"jobType\">\n\t\t\t\t<option value=\"0\">Select Job<\/option>\n\t\t\t<\/select>\n\t\t<\/div>\n\t<\/div>\n\t<input type=\"hidden\" value=\"front-of-house\" name=\"activeTab\" class=\"activeTab\">\n\t\n<\/div>\n\r\n<\/div>\r\n<div class=\"tab-result-container\">\r\n\r\n<div class=\"career-wrapper\">\r\n\t\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script type = 'text\/javascript'>\r\njQuery(\".tab\").click(function(){\r\n  var shortcodeID = jQuery(this).attr(\"data-shortcodeID\");\r\n  jQuery('button').removeClass('active');\r\n  jQuery(this).addClass('active');\r\n  \r\n  \r\n  \/\/console.log(shortcodeID);\r\n  var bam_ajaxurl = 'https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-admin\/admin-ajax.php';\r\n  jQuery('.tab-cards').html( '<center>Loading...<\/center>' );\r\n  jQuery('.tab-result-container').html( '' );\r\n  jQuery.ajax({\r\n        url: bam_ajaxurl,\r\n        data: {\r\n            action: 'ajax_career_function',\r\n            tab: shortcodeID\r\n        },\r\n        type: 'POST',\r\n        success: function( html_result ) {\r\n            jQuery('.tab-cards').html( html_result );\r\n            \r\n            const $form = jQuery('.wpcf7-form').eq(0)\r\n\t\t\t\t\twpcf7.init($form[0])\r\n        }\r\n    });\r\n  \r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5037e12 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"5037e12\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Join our team and be part of something special! See more job listings at RE&amp;S LinkedIn, Job Street, and Fast Jobs.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10010","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-json\/wp\/v2\/pages\/10010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-json\/wp\/v2\/comments?post=10010"}],"version-history":[{"count":220,"href":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-json\/wp\/v2\/pages\/10010\/revisions"}],"predecessor-version":[{"id":10526,"href":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-json\/wp\/v2\/pages\/10010\/revisions\/10526"}],"wp:attachment":[{"href":"https:\/\/staging5.iclickwebdesign.sg\/res_new\/wp-json\/wp\/v2\/media?parent=10010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}