{"id":36341,"date":"2026-09-16T09:07:08","date_gmt":"2026-09-16T07:07:08","guid":{"rendered":"https:\/\/www.mioc.hr\/wp\/?page_id=36341"},"modified":"2026-09-16T10:58:32","modified_gmt":"2026-09-16T08:58:32","slug":"contacts","status":"publish","type":"page","link":"https:\/\/www.mioc.hr\/wp\/?page_id=36341","title":{"rendered":"Contacts"},"content":{"rendered":"\n<!-- ============================================================\n     IB PROGRAMME \u2013 KONTAKTI \/ CONTACTS\n     Spremno za lijepljenje u WordPress \"Custom HTML\" blok.\n     Sve je u jednom bloku (CSS je skopiran unutar .ibk- klasa\n     da se ne sudara sa stilovima teme).\n     ============================================================ -->\n<div class=\"ibk-wrap\">\n  <style>\n    .ibk-wrap {\n      --ibk-navy: #1c3a5e;\n      --ibk-blue: #2f6fa5;\n      --ibk-blue-light: #eaf2f8;\n      --ibk-border: #dbe4ec;\n      --ibk-text: #24344a;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--ibk-text);\n      max-width: 900px;\n      margin: 0 auto;\n    }\n    .ibk-wrap * { box-sizing: border-box; }\n\n    .ibk-header {\n      text-align: center;\n      padding: 28px 20px 22px;\n      margin-bottom: 28px;\n      background: linear-gradient(135deg, var(--ibk-navy), var(--ibk-blue));\n      border-radius: 14px;\n      color: #fff;\n    }\n    .ibk-header h1 {\n      margin: 0 0 6px;\n      font-size: 1.5rem;\n      letter-spacing: 0.03em;\n      font-weight: 700;\n    }\n    .ibk-header p {\n      margin: 0;\n      font-size: 0.95rem;\n      opacity: 0.9;\n    }\n    .ibk-header .ibk-school-meta {\n      margin-top: 14px;\n      font-size: 0.88rem;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 6px 18px;\n      opacity: 0.95;\n    }\n    .ibk-header .ibk-school-meta a { color: #fff; text-decoration: underline; }\n\n    \/* --- Jezi\u010dni prekida\u010d (CSS-only, bez JavaScripta) --- *\/\n    .ibk-tabs input[type=\"radio\"] { display: none; }\n    .ibk-tab-nav {\n      display: flex;\n      justify-content: center;\n      gap: 8px;\n      margin-bottom: 24px;\n    }\n    .ibk-tab-nav label {\n      cursor: pointer;\n      padding: 8px 22px;\n      border-radius: 999px;\n      border: 1.5px solid var(--ibk-blue);\n      color: var(--ibk-blue);\n      font-weight: 600;\n      font-size: 0.9rem;\n      transition: background 0.15s ease, color 0.15s ease;\n      user-select: none;\n    }\n    #ibk-lang-hr:checked ~ .ibk-tab-nav label[for=\"ibk-lang-hr\"],\n    #ibk-lang-en:checked ~ .ibk-tab-nav label[for=\"ibk-lang-en\"] {\n      background: var(--ibk-blue);\n      color: #fff;\n    }\n    .ibk-panel { display: none; }\n    #ibk-lang-hr:checked ~ .ibk-panel-hr,\n    #ibk-lang-en:checked ~ .ibk-panel-en {\n      display: block;\n    }\n\n    .ibk-section {\n      margin-bottom: 18px;\n    }\n    .ibk-section-title {\n      font-size: 0.78rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: var(--ibk-blue);\n      margin: 0 0 10px 4px;\n    }\n\n    .ibk-card {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      background: #fff;\n      border: 1px solid var(--ibk-border);\n      border-left: 4px solid var(--ibk-blue);\n      border-radius: 10px;\n      padding: 16px 20px;\n      margin-bottom: 12px;\n    }\n    .ibk-card-info .ibk-name {\n      font-weight: 700;\n      font-size: 1.02rem;\n      color: var(--ibk-navy);\n      margin: 0 0 2px;\n    }\n    .ibk-card-info .ibk-role {\n      font-size: 0.88rem;\n      color: #55677f;\n      margin: 0 0 6px;\n    }\n    .ibk-card-info .ibk-note {\n      font-size: 0.85rem;\n      color: #55677f;\n      margin: 6px 0 0;\n    }\n    .ibk-email {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      background: var(--ibk-blue-light);\n      color: var(--ibk-blue) !important;\n      text-decoration: none !important;\n      font-size: 0.88rem;\n      font-weight: 600;\n      padding: 8px 14px;\n      border-radius: 8px;\n      white-space: nowrap;\n      transition: background 0.15s ease;\n    }\n    .ibk-email:hover { background: #d7e8f4; }\n\n    @media (max-width: 480px) {\n      .ibk-card { flex-direction: column; align-items: flex-start; }\n      .ibk-email { align-self: stretch; justify-content: center; }\n    }\n  <\/style>\n\n  <div class=\"ibk-header\">\n    <h1>IB Programme \u2013 XV. gimnazija<\/h1>\n    <p>IB World School \u00b7 Zagreb, Hrvatska<\/p>\n    <div class=\"ibk-school-meta\">\n      <span>\ud83d\udccd Jordanovac 8, 10000 Zagreb<\/span>\n      <span>\u260e\ufe0f +385 1 230 22 55<\/span>\n      <span>\u2709\ufe0f <a href=\"mailto:xvg@mioc.hr\">xvg@mioc.hr<\/a><\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"ibk-tabs\">\n    <input type=\"radio\" name=\"ibk-lang\" id=\"ibk-lang-hr\" checked>\n    <input type=\"radio\" name=\"ibk-lang\" id=\"ibk-lang-en\">\n\n    <div class=\"ibk-tab-nav\">\n      <label for=\"ibk-lang-hr\">Hrvatski<\/label>\n      <label for=\"ibk-lang-en\">English<\/label>\n    <\/div>\n\n    <!-- ================= HRVATSKA VERZIJA ================= -->\n    <div class=\"ibk-panel ibk-panel-hr\">\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">Ravnateljstvo<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Nikola Dmitrovi\u0107, prof.<\/p>\n            <p class=\"ibk-role\">Ravnatelj XV. gimnazije<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:ravnatelj@mioc.hr\">\u2709\ufe0f ravnatelj@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">IB Middle Years Programme (IB MYP)<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Darija Kos, prof.<\/p>\n            <p class=\"ibk-role\">MYP Coordinator<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:dkos@mioc.hr\">\u2709\ufe0f dkos@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">IB Diploma Programme (IBDP)<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Zorana Frani\u0107, prof.<\/p>\n            <p class=\"ibk-role\">IBDP Coordinator<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:zfranic@mioc.hr\">\u2709\ufe0f zfranic@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">CAS<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Loreana Seli\u0161ek Butina, prof.<\/p>\n            <p class=\"ibk-role\">CAS kontakt<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:lsbutina@mioc.hr\">\u2709\ufe0f lsbutina@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">Knji\u017enica<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">mr. sc. Tamara Kanjera, prof.<\/p>\n            <p class=\"ibk-note\">Posudba knjiga za u\u010denike IB programa: 9:30 \u2013 13:30 h<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:knjiznica@mioc.hr\">\u2709\ufe0f knjiznica@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- ================= ENGLISH VERSION ================= -->\n    <div class=\"ibk-panel ibk-panel-en\">\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">School Management<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Nikola Dmitrovi\u0107, Prof.<\/p>\n            <p class=\"ibk-role\">Head of school<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:ravnatelj@mioc.hr\">\u2709\ufe0f ravnatelj@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">IB Middle Years Programme (IB MYP)<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Darija Kos, Prof.<\/p>\n            <p class=\"ibk-role\">MYP Coordinator<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:dkos@mioc.hr\">\u2709\ufe0f dkos@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">IB Diploma Programme (IBDP)<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Zorana Frani\u0107, Prof.<\/p>\n            <p class=\"ibk-role\">IBDP Coordinator<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:zfranic@mioc.hr\">\u2709\ufe0f zfranic@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">Creativity, Activity, Service (CAS)<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Loreana Seli\u0161ek Butina, Prof.<\/p>\n            <p class=\"ibk-role\">CAS Coordinator<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:lsbutina@mioc.hr\">\u2709\ufe0f lsbutina@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ibk-section\">\n        <p class=\"ibk-section-title\">Library<\/p>\n        <div class=\"ibk-card\">\n          <div class=\"ibk-card-info\">\n            <p class=\"ibk-name\">Tamara Kanjera, MSc, Prof.<\/p>\n            <p class=\"ibk-note\">Book Lending Service for IB Programme Students: 9:30 a.m. \u2013 1:30 p.m.<\/p>\n          <\/div>\n          <a class=\"ibk-email\" href=\"mailto:knjiznica@mioc.hr\">\u2709\ufe0f knjiznica@mioc.hr<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>IB Programme \u2013 XV. gimnazija IB World School \u00b7 Zagreb, Hrvatska \ud83d\udccd Jordanovac 8, 10000 Zagreb \u260e\ufe0f +385 1 230 22 55 \u2709\ufe0f xvg@mioc.hr Hrvatski English Ravnateljstvo Nikola Dmitrovi\u0107, prof. Ravnatelj XV. gimnazije \u2709\ufe0f ravnatelj@mioc.hr IB Middle Years Programme (IB MYP) Darija Kos, prof. MYP Coordinator \u2709\ufe0f dkos@mioc.hr IB Diploma Programme (IBDP) Zorana Frani\u0107, prof. [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"_links":{"self":[{"href":"https:\/\/www.mioc.hr\/wp\/index.php?rest_route=\/wp\/v2\/pages\/36341"}],"collection":[{"href":"https:\/\/www.mioc.hr\/wp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mioc.hr\/wp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mioc.hr\/wp\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mioc.hr\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36341"}],"version-history":[{"count":6,"href":"https:\/\/www.mioc.hr\/wp\/index.php?rest_route=\/wp\/v2\/pages\/36341\/revisions"}],"predecessor-version":[{"id":36351,"href":"https:\/\/www.mioc.hr\/wp\/index.php?rest_route=\/wp\/v2\/pages\/36341\/revisions\/36351"}],"wp:attachment":[{"href":"https:\/\/www.mioc.hr\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}