{"id":263,"date":"2026-01-30T01:31:56","date_gmt":"2026-01-29T22:31:56","guid":{"rendered":"https:\/\/tojobksa.com\/?page_id=263"},"modified":"2026-02-16T15:25:17","modified_gmt":"2026-02-16T12:25:17","slug":"my-new-theme","status":"publish","type":"page","link":"https:\/\/tojobksa.com\/en\/my-new-theme\/","title":{"rendered":"\u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u0638\u0627\u0626\u0641"},"content":{"rendered":"\n<!-- ============================================================\n     SAUDI JOBS WEBSITE TEMPLATE - LISTING PAGE\n     Version: Development (All-in-One)\n     Usage: Copy-paste directly into WordPress Custom HTML Block\n     ============================================================ -->\n\n<div class=\"atw-shell\" dir=\"rtl\">\n\n  <!-- ============ STYLES ============ -->\n  <style>\n    \/* CSS Variables scoped to .atw-shell only *\/\n    .atw-shell {\n      --atw-primary: #b8742c;\n      --atw-primary-dark: rgba(184, 116, 44, 0.85);\n      --atw-primary-light: rgba(184, 116, 44, 0.1);\n      --atw-bg-main: #ffdbc0;\n      --atw-bg-card: #ffdbc0;\n      --atw-text-dark: #2d2d2d;\n      --atw-text-light: #ffffff;\n      --atw-border: rgba(184, 116, 44, 0.2);\n      --atw-shadow: 0 2px 8px rgba(184, 116, 44, 0.15);\n      --atw-radius: 6px;\n      --atw-transition: all 0.3s ease;\n    }\n\n    \/* Reset scoped to .atw-shell only *\/\n    .atw-shell * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .atw-shell {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Tajawal', Arial, sans-serif;\n      background: var(--atw-bg-main);\n      color: var(--atw-text-dark);\n      line-height: 1.6;\n      font-size: 16px;\n    }\n\n    \/* ====== HEADER ====== *\/\n    .atw-header {\n      background: var(--atw-primary);\n      color: var(--atw-text-light);\n      padding: 20px 15px;\n      text-align: center;\n    }\n\n    .atw-header__logo {\n      font-size: 28px;\n      font-weight: bold;\n      margin-bottom: 5px;\n    }\n\n    .atw-header__tagline {\n      font-size: 14px;\n      opacity: 0.9;\n    }\n\n    \/* ====== NAVIGATION ====== *\/\n    .atw-nav {\n      background: var(--atw-primary-dark);\n      padding: 0;\n      position: relative;\n    }\n\n    .atw-nav__list {\n      list-style: none;\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      padding: 0;\n      margin: 0;\n    }\n\n    .atw-nav__item {\n      margin: 0;\n    }\n\n    .atw-nav__link {\n      display: block;\n      padding: 15px 20px;\n      color: var(--atw-text-light);\n      text-decoration: none;\n      transition: var(--atw-transition);\n      white-space: nowrap;\n    }\n\n    .atw-nav__link:hover,\n    .atw-nav__link:focus {\n      background: var(--atw-primary);\n      outline: 2px solid rgba(255, 255, 255, 0.3);\n      outline-offset: -2px;\n    }\n\n    .atw-nav__toggle {\n      display: none;\n      background: transparent;\n      border: 2px solid var(--atw-text-light);\n      color: var(--atw-text-light);\n      padding: 10px 15px;\n      cursor: pointer;\n      font-size: 18px;\n      margin: 10px;\n    }\n\n    \/* Mobile Navigation *\/\n    @media (max-width: 768px) {\n      .atw-nav__toggle {\n        display: block;\n      }\n\n      .atw-nav__list {\n        display: none;\n        flex-direction: column;\n        width: 100%;\n      }\n\n      .atw-nav__list.atw-nav--open {\n        display: flex;\n      }\n\n      .atw-nav__link {\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n      }\n    }\n\n    \/* ====== SEARCH BAR ====== *\/\n    .atw-search {\n      background: var(--atw-bg-main);\n      padding: 30px 15px;\n      text-align: center;\n    }\n\n    .atw-search__form {\n      max-width: 600px;\n      margin: 0 auto;\n      display: flex;\n      gap: 10px;\n    }\n\n    .atw-search__input {\n      flex: 1;\n      padding: 12px 15px;\n      border: 2px solid var(--atw-border);\n      border-radius: var(--atw-radius);\n      font-size: 16px;\n      background: var(--atw-text-light);\n      color: var(--atw-text-dark);\n    }\n\n    .atw-search__input:focus {\n      outline: none;\n      border-color: var(--atw-primary);\n      box-shadow: 0 0 0 3px var(--atw-primary-light);\n    }\n\n    .atw-search__btn {\n      padding: 12px 30px;\n      background: var(--atw-primary);\n      color: var(--atw-text-light);\n      border: none;\n      border-radius: var(--atw-radius);\n      font-size: 16px;\n      cursor: pointer;\n      transition: var(--atw-transition);\n      font-weight: bold;\n    }\n\n    .atw-search__btn:hover,\n    .atw-search__btn:focus {\n      background: var(--atw-primary-dark);\n      transform: translateY(-2px);\n      box-shadow: var(--atw-shadow);\n    }\n\n    \/* ====== MAIN CONTENT ====== *\/\n    .atw-main {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 40px 15px;\n    }\n\n    \/* ====== CARDS GRID ====== *\/\n    .atw-cards {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    @media (max-width: 1023px) and (min-width: 769px) {\n      .atw-cards {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .atw-cards {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .atw-card {\n      background: var(--atw-bg-card);\n      border: 2px solid var(--atw-border);\n      border-radius: var(--atw-radius);\n      padding: 20px;\n      transition: var(--atw-transition);\n      box-shadow: var(--atw-shadow);\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .atw-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 8px 20px rgba(184, 116, 44, 0.25);\n      border-color: var(--atw-primary);\n    }\n\n    .atw-card__title {\n      font-size: 18px;\n      font-weight: bold;\n      color: var(--atw-text-dark);\n      margin: 0;\n    }\n\n    .atw-card__meta {\n      font-size: 14px;\n      color: var(--atw-primary);\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n\n    .atw-card__meta-item {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .atw-card__btn {\n      align-self: flex-start;\n      padding: 10px 25px;\n      background: var(--atw-primary);\n      color: var(--atw-text-light);\n      text-decoration: none;\n      border-radius: var(--atw-radius);\n      font-size: 14px;\n      transition: var(--atw-transition);\n      border: none;\n      cursor: pointer;\n      font-weight: bold;\n    }\n\n    .atw-card__btn:hover,\n    .atw-card__btn:focus {\n      background: var(--atw-primary-dark);\n      transform: scale(1.05);\n    }\n\n    \/* ====== PAGINATION ====== *\/\n    .atw-pagination {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .atw-pagination__btn {\n      padding: 10px 15px;\n      background: var(--atw-text-light);\n      color: var(--atw-primary);\n      border: 2px solid var(--atw-primary);\n      border-radius: var(--atw-radius);\n      cursor: pointer;\n      transition: var(--atw-transition);\n      font-size: 16px;\n      font-weight: bold;\n      min-width: 45px;\n    }\n\n    .atw-pagination__btn:hover,\n    .atw-pagination__btn:focus {\n      background: var(--atw-primary-light);\n    }\n\n    .atw-pagination__btn--active {\n      background: var(--atw-primary);\n      color: var(--atw-text-light);\n    }\n\n    \/* ====== FOOTER ====== *\/\n    .atw-footer {\n      background: var(--atw-primary);\n      color: var(--atw-text-light);\n      padding: 40px 15px 20px;\n      margin-top: 60px;\n    }\n\n    .atw-footer__content {\n      max-width: 1200px;\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .atw-footer__links {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: 20px;\n      list-style: none;\n      padding: 0;\n      margin-bottom: 20px;\n    }\n\n    .atw-footer__link {\n      color: var(--atw-text-light);\n      text-decoration: none;\n      transition: var(--atw-transition);\n    }\n\n    .atw-footer__link:hover,\n    .atw-footer__link:focus {\n      text-decoration: underline;\n      opacity: 0.8;\n    }\n\n    .atw-footer__copyright {\n      font-size: 14px;\n      opacity: 0.9;\n      border-top: 1px solid rgba(255, 255, 255, 0.2);\n      padding-top: 20px;\n      margin-top: 20px;\n    }\n\n    \/* ====== UTILITY ====== *\/\n    .atw-hidden {\n      display: none !important;\n    }\n\n    \/* ====== BACK TO TOP ====== *\/\n    .atw-backtop {\n      position: fixed;\n      bottom: 30px;\n      left: 30px;\n      background: var(--atw-primary);\n      color: var(--atw-text-light);\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      border: none;\n      cursor: pointer;\n      font-size: 24px;\n      display: none;\n      align-items: center;\n      justify-content: center;\n      transition: var(--atw-transition);\n      box-shadow: var(--atw-shadow);\n      z-index: 1000;\n    }\n\n    .atw-backtop:hover,\n    .atw-backtop:focus {\n      background: var(--atw-primary-dark);\n      transform: translateY(-5px);\n    }\n\n    .atw-backtop--visible {\n      display: flex;\n    }\n  <\/style>\n\n  <!-- ============ HEADER ============ -->\n  <header class=\"atw-header\">\n    <div class=\"atw-header__logo\">\u0639\u0645\u0644\u0646\u064a \u0648\u0638\u064a\u0641\u0629<\/div>\n    <div class=\"atw-header__tagline\">\u062f\u0644\u064a\u0644 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\n  <\/header>\n\n  <!-- ============ NAVIGATION ============ -->\n  <nav class=\"atw-nav\">\n    <button class=\"atw-nav__toggle\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\" onclick=\"atwToggleMenu()\">\u2630 \u0627\u0644\u0642\u0627\u0626\u0645\u0629<\/button>\n    <ul class=\"atw-nav__list\" id=\"atwNavList\">\n      <li class=\"atw-nav__item\"><a href=\"#\" class=\"atw-nav__link\">\u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u0638\u0627\u0626\u0641<\/a><\/li>\n      <li class=\"atw-nav__item\"><a href=\"#\" class=\"atw-nav__link\">\u0648\u0638\u0627\u0626\u0641 \u062d\u0643\u0648\u0645\u064a\u0629<\/a><\/li>\n      <li class=\"atw-nav__item\"><a href=\"#\" class=\"atw-nav__link\">\u0648\u0638\u0627\u0626\u0641 \u0634\u0631\u0643\u0627\u062a<\/a><\/li>\n      <li class=\"atw-nav__item\"><a href=\"#\" class=\"atw-nav__link\">\u0648\u0638\u0627\u0626\u0641 \u0639\u0633\u0643\u0631\u064a\u0629<\/a><\/li>\n      <li class=\"atw-nav__item\"><a href=\"#\" class=\"atw-nav__link\">\u0648\u0638\u0627\u0626\u0641 \u0645\u062f\u0646\u064a\u0629<\/a><\/li>\n      <li class=\"atw-nav__item\"><a href=\"#\" class=\"atw-nav__link\">\u0648\u0638\u0627\u0626\u0641 \u0639\u0646 \u0628\u0639\u062f<\/a><\/li>\n    <\/ul>\n  <\/nav>\n\n  <!-- ============ SEARCH BAR ============ -->\n  <section class=\"atw-search\">\n    <form class=\"atw-search__form\" onsubmit=\"return false;\">\n      <input \n        type=\"text\" \n        class=\"atw-search__input\" \n        id=\"atwSearchInput\"\n        placeholder=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u0648\u0638\u064a\u0641\u0629...\" \n        aria-label=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u0648\u0638\u064a\u0641\u0629\"\n        oninput=\"atwSearchJobs()\"\n      >\n      <button type=\"button\" class=\"atw-search__btn\" aria-label=\"\u0628\u062d\u062b\">\u0628\u062d\u062b<\/button>\n    <\/form>\n  <\/section>\n\n  <!-- ============ MAIN CONTENT ============ -->\n  <main class=\"atw-main\">\n    <!-- Cards Grid -->\n    <div class=\"atw-cards\" id=\"atwCardsContainer\">\n      \n      <!-- Page 1 Cards -->\n      <article class=\"atw-card\" data-page=\"1\" data-title=\"\u0623\u062e\u0635\u0627\u0626\u064a \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a\" data-company=\"\u0634\u0631\u0643\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\">\n        <h3 class=\"atw-card__title\">\u0623\u062e\u0635\u0627\u0626\u064a \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a &#8211; 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0634\u0631\u0643\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 \u064a\u0648\u0645\u064a\u0646<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card\" data-page=\"1\" data-title=\"\u0648\u0638\u0627\u0626\u0641 \u0625\u062f\u0627\u0631\u064a\u0629\" data-company=\"\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\">\n        <h3 class=\"atw-card__title\">\u0648\u0638\u0627\u0626\u0641 \u0625\u062f\u0627\u0631\u064a\u0629 \u0641\u064a \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 &#8211; 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u062c\u062f\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 3 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card\" data-page=\"1\" data-title=\"\u0645\u0647\u0646\u062f\u0633 \u0628\u0631\u0645\u062c\u064a\u0627\u062a\" data-company=\"\u0623\u0631\u0627\u0645\u0643\u0648 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\">\n        <h3 class=\"atw-card__title\">\u0645\u0647\u0646\u062f\u0633 \u0628\u0631\u0645\u062c\u064a\u0627\u062a &#8211; \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u0648\u0638\u064a\u0641 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0623\u0631\u0627\u0645\u0643\u0648 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u0638\u0647\u0631\u0627\u0646<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 \u064a\u0648\u0645 \u0648\u0627\u062d\u062f<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card\" data-page=\"1\" data-title=\"\u0636\u0627\u0628\u0637 \u0623\u0645\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\" data-company=\"\u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\">\n        <h3 class=\"atw-card__title\">\u0636\u0627\u0628\u0637 \u0623\u0645\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a &#8211; 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 4 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card\" data-page=\"1\" data-title=\"\u0645\u062f\u064a\u0631 \u0645\u0634\u0627\u0631\u064a\u0639\" data-company=\"\u0634\u0631\u0643\u0629 \u0633\u0627\u0628\u0643\">\n        <h3 class=\"atw-card__title\">\u0645\u062f\u064a\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0647\u0646\u062f\u0633\u064a\u0629 &#8211; \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0634\u0631\u0643\u0629 \u0633\u0627\u0628\u0643<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u062c\u0628\u064a\u0644<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 5 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card\" data-page=\"1\" data-title=\"\u0645\u062d\u0644\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\" data-company=\"\u0647\u064a\u0626\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 \u0648\u0627\u0644\u0636\u0631\u064a\u0628\u0629\">\n        <h3 class=\"atw-card__title\">\u0645\u062d\u0644\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0645\u0631\u0627\u0642\u0628\u0629 &#8211; 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0647\u064a\u0626\u0629 \u0627\u0644\u0632\u0643\u0627\u0629 \u0648\u0627\u0644\u0636\u0631\u064a\u0628\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 \u0623\u0633\u0628\u0648\u0639<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <!-- Page 2 Cards -->\n      <article class=\"atw-card atw-hidden\" data-page=\"2\" data-title=\"\u0645\u0633\u0624\u0648\u0644 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629\" data-company=\"\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0627\u0639\u064a\">\n        <h3 class=\"atw-card__title\">\u0645\u0633\u0624\u0648\u0644 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629 &#8211; \u062a\u0648\u0638\u064a\u0641 \u0641\u0648\u0631\u064a 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0627\u0639\u064a<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 \u064a\u0648\u0645\u064a\u0646<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card atw-hidden\" data-page=\"2\" data-title=\"\u0645\u0647\u0646\u062f\u0633 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\" data-company=\"\u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0644\u0643\u0647\u0631\u0628\u0627\u0621\">\n        <h3 class=\"atw-card__title\">\u0645\u0647\u0646\u062f\u0633 \u0643\u0647\u0631\u0628\u0627\u0626\u064a &#8211; \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0627\u0642\u0629 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u062c\u062f\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 3 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card atw-hidden\" data-page=\"2\" data-title=\"\u0623\u062e\u0635\u0627\u0626\u064a \u062a\u062f\u0642\u064a\u0642 \u062f\u0627\u062e\u0644\u064a\" data-company=\"\u0645\u0635\u0631\u0641 \u0627\u0644\u0631\u0627\u062c\u062d\u064a\">\n        <h3 class=\"atw-card__title\">\u0623\u062e\u0635\u0627\u0626\u064a \u062a\u062f\u0642\u064a\u0642 \u062f\u0627\u062e\u0644\u064a &#8211; 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0645\u0635\u0631\u0641 \u0627\u0644\u0631\u0627\u062c\u062d\u064a<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 \u064a\u0648\u0645 \u0648\u0627\u062d\u062f<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card atw-hidden\" data-page=\"2\" data-title=\"\u0645\u062f\u0631\u0633 \u0644\u063a\u0629 \u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\" data-company=\"\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\">\n        <h3 class=\"atw-card__title\">\u0645\u062f\u0631\u0633 \u0644\u063a\u0629 \u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 &#8211; \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 4 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card atw-hidden\" data-page=\"2\" data-title=\"\u0645\u0635\u0645\u0645 \u062c\u0631\u0627\u0641\u064a\u0643\" data-company=\"\u0634\u0631\u0643\u0629 \u0639\u0644\u064a \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0639\u0644\u064a\u0627\u0646\">\n        <h3 class=\"atw-card__title\">\u0645\u0635\u0645\u0645 \u062c\u0631\u0627\u0641\u064a\u0643 &#8211; \u0642\u0633\u0645 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0634\u0631\u0643\u0629 \u0639\u0644\u064a \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0639\u0644\u064a\u0627\u0646<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u062c\u062f\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 6 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card atw-hidden\" data-page=\"2\" data-title=\"\u0635\u064a\u062f\u0644\u064a \u0625\u0643\u0644\u064a\u0646\u064a\u0643\u064a\" data-company=\"\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0635\u062d\u0629\">\n        <h3 class=\"atw-card__title\">\u0635\u064a\u062f\u0644\u064a \u0625\u0643\u0644\u064a\u0646\u064a\u0643\u064a &#8211; \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0635\u062d\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u062f\u0645\u0627\u0645<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 \u0623\u0633\u0628\u0648\u0639<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <!-- Page 3 Cards -->\n      <article class=\"atw-card atw-hidden\" data-page=\"3\" data-title=\"\u0645\u062d\u0627\u0645\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u064a\" data-company=\"\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\">\n        <h3 class=\"atw-card__title\">\u0645\u062d\u0627\u0645\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u064a &#8211; \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 2026<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0627\u0644\u062f\u0648\u0644\u064a<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 \u064a\u0648\u0645\u064a\u0646<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n      <article class=\"atw-card atw-hidden\" data-page=\"3\" data-title=\"\u0645\u0647\u0646\u062f\u0633 \u0645\u0639\u0645\u0627\u0631\u064a\" data-company=\"\u0634\u0631\u0643\u0629 \u062f\u0627\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u0629\">\n        <h3 class=\"atw-card__title\">\u0645\u0647\u0646\u062f\u0633 \u0645\u0639\u0645\u0627\u0631\u064a &#8211; \u0645\u0634\u0627\u0631\u064a\u0639 \u0631\u0624\u064a\u0629 2030<\/h3>\n        <div class=\"atw-card__meta\">\n          <span class=\"atw-card__meta-item\">\ud83c\udfe2 \u0634\u0631\u0643\u0629 \u062f\u0627\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udccd \u062c\u062f\u0629<\/span>\n          <span class=\"atw-card__meta-item\">\ud83d\udcc5 \u0645\u0646\u0630 3 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n        <a href=\"#\" class=\"atw-card__btn\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n      <\/article>\n\n    <\/div>\n\n    <!-- Pagination -->\n    <div class=\"atw-pagination\" id=\"atwPagination\">\n      <button class=\"atw-pagination__btn atw-pagination__btn--active\" data-page=\"1\" onclick=\"atwGoToPage(1)\">1<\/button>\n      <button class=\"atw-pagination__btn\" data-page=\"2\" onclick=\"atwGoToPage(2)\">2<\/button>\n      <button class=\"atw-pagination__btn\" data-page=\"3\" onclick=\"atwGoToPage(3)\">3<\/button>\n    <\/div>\n  <\/main>\n\n  <!-- ============ FOOTER ============ -->\n  <footer class=\"atw-footer\">\n    <div class=\"atw-footer__content\">\n      <ul class=\"atw-footer__links\">\n        <li><a href=\"#\" class=\"atw-footer__link\">\u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u0638\u0627\u0626\u0641<\/a><\/li>\n        <li><a href=\"#\" class=\"atw-footer__link\">\u0648\u0638\u0627\u0626\u0641 \u062d\u0643\u0648\u0645\u064a\u0629<\/a><\/li>\n        <li><a href=\"#\" class=\"atw-footer__link\">\u0648\u0638\u0627\u0626\u0641 \u0634\u0631\u0643\u0627\u062a<\/a><\/li>\n        <li><a href=\"#\" class=\"atw-footer__link\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n      <\/ul>\n      <div class=\"atw-footer__copyright\">\n        \u00a9 2026 \u0639\u0645\u0644\u0646\u064a \u0648\u0638\u064a\u0641\u0629 &#8211; \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- Back to Top Button -->\n  <button class=\"atw-backtop\" id=\"atwBackTop\" aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649\" onclick=\"atwScrollToTop()\">\u2191<\/button>\n\n  <!-- ============ JAVASCRIPT ============ -->\n  <script>\n    \/\/ Current page state\n    let atwCurrentPage = 1;\n\n    \/\/ Toggle mobile menu\n    function atwToggleMenu() {\n      const navList = document.getElementById('atwNavList');\n      navList.classList.toggle('atw-nav--open');\n    }\n\n    \/\/ Search functionality (filter by title + company)\n    function atwSearchJobs() {\n      const searchInput = document.getElementById('atwSearchInput');\n      const searchTerm = searchInput.value.toLowerCase().trim();\n      const cards = document.querySelectorAll('.atw-card');\n\n      cards.forEach(card => {\n        const title = card.getAttribute('data-title').toLowerCase();\n        const company = card.getAttribute('data-company').toLowerCase();\n        const currentPage = card.getAttribute('data-page');\n\n        if (searchTerm === '') {\n          \/\/ Reset to pagination view\n          if (parseInt(currentPage) === atwCurrentPage) {\n            card.classList.remove('atw-hidden');\n          } else {\n            card.classList.add('atw-hidden');\n          }\n        } else {\n          \/\/ Search mode: show matching cards regardless of page\n          if (title.includes(searchTerm) || company.includes(searchTerm)) {\n            card.classList.remove('atw-hidden');\n          } else {\n            card.classList.add('atw-hidden');\n          }\n        }\n      });\n\n      \/\/ Hide pagination during search\n      const pagination = document.getElementById('atwPagination');\n      if (searchTerm !== '') {\n        pagination.style.display = 'none';\n      } else {\n        pagination.style.display = 'flex';\n      }\n    }\n\n    \/\/ Pagination: Go to specific page\n    function atwGoToPage(pageNum) {\n      atwCurrentPage = pageNum;\n      const cards = document.querySelectorAll('.atw-card');\n      const paginationBtns = document.querySelectorAll('.atw-pagination__btn');\n\n      \/\/ Show\/hide cards\n      cards.forEach(card => {\n        const cardPage = parseInt(card.getAttribute('data-page'));\n        if (cardPage === pageNum) {\n          card.classList.remove('atw-hidden');\n        } else {\n          card.classList.add('atw-hidden');\n        }\n      });\n\n      \/\/ Update active button\n      paginationBtns.forEach(btn => {\n        const btnPage = parseInt(btn.getAttribute('data-page'));\n        if (btnPage === pageNum) {\n          btn.classList.add('atw-pagination__btn--active');\n        } else {\n          btn.classList.remove('atw-pagination__btn--active');\n        }\n      });\n\n      \/\/ Scroll to top of cards\n      document.querySelector('.atw-main').scrollIntoView({ behavior: 'smooth' });\n    }\n\n    \/\/ Back to top button visibility\n    window.addEventListener('scroll', function() {\n      const backTop = document.getElementById('atwBackTop');\n      if (window.pageYOffset > 300) {\n        backTop.classList.add('atw-backtop--visible');\n      } else {\n        backTop.classList.remove('atw-backtop--visible');\n      }\n    });\n\n    \/\/ Scroll to top function\n    function atwScrollToTop() {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n  <\/script>\n\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0639\u0645\u0644\u0646\u064a \u0648\u0638\u064a\u0641\u0629 \u062f\u0644\u064a\u0644 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u2630 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u0638\u0627\u0626\u0641 \u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0638\u0627\u0626\u0641 \u0634\u0631\u0643\u0627\u062a \u0648\u0638\u0627\u0626\u0641 \u0639\u0633\u0643\u0631\u064a\u0629 \u0648\u0638\u0627\u0626\u0641 \u0645\u062f\u0646\u064a\u0629 \u0648\u0638\u0627\u0626\u0641 \u0639\u0646 \u0628\u0639\u062f \u0628\u062d\u062b \u0623\u062e\u0635\u0627\u0626\u064a \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a &#8211; 2026 \ud83c\udfe2 \u0634\u0631\u0643\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \ud83d\udccd \u0627\u0644\u0631\u064a\u0627\u0636 \ud83d\udcc5 \u0645\u0646\u0630 \u064a\u0648\u0645\u064a\u0646 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0638\u0627\u0626\u0641 \u0625\u062f\u0627\u0631\u064a\u0629 \u0641\u064a \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 &#8211; 2026 \ud83c\udfe2 \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \ud83d\udccd \u062c\u062f\u0629 \ud83d\udcc5 \u0645\u0646\u0630 3 \u0623\u064a\u0627\u0645 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0647\u0646\u062f\u0633 \u0628\u0631\u0645\u062c\u064a\u0627\u062a &#8230; <a title=\"\u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u0638\u0627\u0626\u0641\" class=\"read-more\" href=\"https:\/\/tojobksa.com\/en\/my-new-theme\/\" aria-label=\"Read more about \u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u0638\u0627\u0626\u0641\">Read more<\/a><\/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-263","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/tojobksa.com\/en\/wp-json\/wp\/v2\/pages\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tojobksa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tojobksa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tojobksa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tojobksa.com\/en\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":0,"href":"https:\/\/tojobksa.com\/en\/wp-json\/wp\/v2\/pages\/263\/revisions"}],"wp:attachment":[{"href":"https:\/\/tojobksa.com\/en\/wp-json\/wp\/v2\/media?parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}