{"id":20404,"date":"2025-10-22T11:51:46","date_gmt":"2025-10-22T11:51:46","guid":{"rendered":"https:\/\/iit.ac.rs\/?page_id=20404"},"modified":"2026-04-17T07:43:49","modified_gmt":"2026-04-17T07:43:49","slug":"centri","status":"publish","type":"page","link":"https:\/\/iit.ac.rs\/en\/centri\/","title":{"rendered":"Centers"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20404\" class=\"elementor elementor-20404\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce474ac e-flex e-con-boxed e-con e-parent\" data-id=\"ce474ac\" 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-cdcf40a elementor-widget elementor-widget-html\" data-id=\"cdcf40a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u0426\u0435\u043d\u0442\u0440\u0438 \u0441\u0430 \u0441\u043b\u0438\u043a\u0430\u043c\u0430 \u043f\u0440\u0438 hover-\u0443 *\/\r\n  .iit-centri {\r\n    --accent: #07294DE8;\r\n    --bg: #f7f9fc;\r\n    --text: #1c2430;\r\n    max-width: 1100px;\r\n    margin: 0 auto 60px auto;\r\n    padding: 36px 36px 10px 36px;\r\n    background: var(--bg);\r\n    border-radius: 18px;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n  }\r\n\r\n  .iit-centri h3 {\r\n    text-align: center;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: var(--text);\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .iit-centri .sub {\r\n    text-align: center;\r\n    color: #6b7785;\r\n    font-size: 15px;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .iit-centri-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 22px;\r\n  }\r\n\r\n  .iit-centar {\r\n    background: radial-gradient(circle at top left, #ffffff 0%, #f4f7fb 40%, #eef2f8 100%);\r\n    border-radius: 18px;\r\n    padding: 60px 20px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(7,41,77,.10);\r\n    box-shadow: 0 4px 14px rgba(0,0,0,.06);\r\n    transition: \r\n      transform 0.35s ease,\r\n      box-shadow 0.35s ease,\r\n      border-color 0.35s ease,\r\n      background 0.35s ease;\r\n  }\r\n\r\n  .iit-centar:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 14px 32px rgba(7,41,77,.25);\r\n    border-color: rgba(7,41,77,.35);\r\n    background: radial-gradient(circle at top left, #ffffff 0%, #e7efff 45%, #dde7ff 100%);\r\n  }\r\n\r\n  \/* --- Hover \u043f\u043e\u0437\u0430\u0434\u0438\u043d\u0441\u043a\u0435 \u0441\u043b\u0438\u043a\u0435 --- *\/\r\n  .iit-centar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    opacity: 0.12;\r\n    transition: \r\n      opacity 0.4s ease,\r\n      transform 0.45s ease;\r\n    z-index: 1;\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  .iit-centar:nth-child(1)::before {\r\n    background-image: url('https:\/\/iit.ac.rs\/wp-content\/uploads\/2026\/04\/centar_za_eksperimentalnu_hemiju.jpg');\r\n  }\r\n  .iit-centar:nth-child(2)::before {\r\n    background-image: url('https:\/\/iit.ac.rs\/wp-content\/uploads\/2026\/04\/centar_za_hemoinformatiku_i_kompjutersku_fiziku.jpg');\r\n  }\r\n  .iit-centar:nth-child(3)::before {\r\n    background-image: url('https:\/\/iit.ac.rs\/wp-content\/uploads\/2026\/04\/centar_za_integrativna_bioloska_istrazivanja.jpg');\r\n  }\r\n  .iit-centar:nth-child(4)::before {\r\n    background-image: url('https:\/\/iit.ac.rs\/wp-content\/uploads\/2026\/04\/centar_za_primenu_informacionih_tehnologija_u_inzenjerstvu.jpg');\r\n  }\r\n  .iit-centar:nth-child(5)::before {\r\n    background-image: url('https:\/\/iit.ac.rs\/wp-content\/uploads\/2026\/04\/centar_za_bioinzenjering_i_numericko_modeliranje.jpg');}\r\n    \r\n      .iit-centar:nth-child(6)::before {\r\n    background-image: url('https:\/\/iit.ac.rs\/wp-content\/uploads\/2026\/04\/centar_za_digitalne_inovacije_i_vestacku_inteligenciju.jpg');}\r\n    \r\n    \r\n\r\n  \/* Kad pre\u0111e mi\u0161 *\/\r\n  .iit-centar:hover::before {\r\n    opacity: 0.85;\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  \/* \u0422\u0430\u043c\u043d\u0438 overlay *\/\r\n  .iit-centar::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 10px;\r\n    border-radius: 14px;\r\n    background: radial-gradient(circle at top, rgba(7,41,77,0.35), rgba(7,41,77,0.65));\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    z-index: 2;\r\n    box-shadow:\r\n      0 0 0 1px rgba(255,255,255,0.18),\r\n      inset 0 0 18px rgba(0,0,0,0.35);\r\n  }\r\n\r\n  .iit-centar:hover::after {\r\n    opacity: 1;\r\n  }\r\n\r\n  .iit-centar a {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px 18px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.9);\r\n    color: var(--text);\r\n    text-decoration: none;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    transition: \r\n      color 0.3s ease,\r\n      background 0.3s ease,\r\n      box-shadow 0.3s ease,\r\n      transform 0.25s ease;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .iit-centar:hover a {\r\n    background: rgba(255,255,255,0.12);\r\n    color: #ffffff;\r\n    box-shadow: 0 0 0 1px rgba(255,255,255,0.55);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .iit-centar a::after {\r\n    content: \"\u2192\";\r\n    color: var(--accent);\r\n    opacity: 0;\r\n    margin-left: 6px;\r\n    transition: opacity 0.3s, margin-left 0.3s, color 0.3s;\r\n  }\r\n\r\n  .iit-centar:hover a::after {\r\n    opacity: 1;\r\n    margin-left: 12px;\r\n    color: #ffffff;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .iit-centri {\r\n      padding: 26px 20px;\r\n    }\r\n\r\n    .iit-centar {\r\n      padding: 40px 18px;\r\n    }\r\n\r\n    .iit-centar a {\r\n      font-size: 16px;\r\n      padding: 8px 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"iit-centri\">\r\n  <h3>Institute Centers<\/h3>\r\n  <p class=\"sub\">Institute of Information Technologies Kragujevac<\/p>\r\n\r\n  <div class=\"iit-centri-grid\">\r\n    <div class=\"iit-centar\">\r\n      <a href=\"https:\/\/iit.ac.rs\/en\/naucnoistrazivacki-centar-za-eksper\/\">Scientific Research Center for Experimental Chemistry<\/a>\r\n    <\/div>\r\n    <div class=\"iit-centar\">\r\n      <a href=\"https:\/\/iit.ac.rs\/en\/naucnoistrazivacki-centar-za-hemoin\/\">Scientific Research Center for Chemoinformatics and Computational Physics<\/a>\r\n    <\/div>\r\n    <div class=\"iit-centar\">\r\n      <a href=\"https:\/\/iit.ac.rs\/en\/naucnoistrazivacki-centar-za-bioinf\/\">\u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0442\u0438\u0432\u043d\u0430 \u0431\u0438\u043e\u043b\u043e\u0448\u043a\u0430 \u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u045a\u0430<\/a>\r\n    <\/div>\r\n    <div class=\"iit-centar\">\r\n      <a href=\"https:\/\/iit.ac.rs\/en\/naucnoistrazivacki-centar-za-primen\/\">Scientific Research Center for the Application of Information Technologies in Engineering<\/a>\r\n    <\/div>\r\n    <div class=\"iit-centar\">\r\n      <a href=\"https:\/\/iit.ac.rs\/en\/naucnoistrazivacki-centar-za-numeri\/\">\u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u0431\u0438\u043e\u0438\u043d\u0436\u0435\u045a\u0435\u0440\u0438\u043d\u0433 \u0438 \u043d\u0443\u043c\u0435\u0440\u0438\u0447\u043a\u043e\r\n\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u0430\u045a\u0435<\/a>\r\n    <\/div>\r\n    \r\n    <div class=\"iit-centar\">\r\n      <a href=\"#\"> \u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u0434\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0435 \u0438\u043d\u043e\u0432\u0430\u0446\u0438\u0458\u0435 \u0438 \u0432\u0435\u0448\u0442\u0430\u0447\u043a\u0443 \u0438\u043d\u0442\u0435\u043b\u0438\u0433\u0435\u043d\u0446\u0438\u0458\u0443<\/a>\r\n    <\/div>\r\n   \r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0426\u0435\u043d\u0442\u0440\u0438 \u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0442\u0430 \u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0442 \u0437\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0458\u0435 \u0423\u043d\u0438\u0432\u0435\u0440\u0437\u0438\u0442\u0435\u0442\u0430 \u0443 \u041a\u0440\u0430\u0433\u0443\u0458\u0435\u0432\u0446\u0443 \u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u0435\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u043b\u043d\u0443 \u0445\u0435\u043c\u0438\u0458\u0443 \u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u0445\u0435\u043c\u043e\u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0442\u0438\u043a\u0443 \u0438 \u043a\u043e\u043c\u043f\u0458\u0443\u0442\u0435\u0440\u0441\u043a\u0443 \u0444\u0438\u0437\u0438\u043a\u0443 \u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0442\u0438\u0432\u043d\u0430 \u0431\u0438\u043e\u043b\u043e\u0448\u043a\u0430 \u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u045a\u0430 \u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u043f\u0440\u0438\u043c\u0435\u043d\u0443 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u0438\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0458\u0430 \u0443 \u0438\u043d\u0436\u0435\u045a\u0435\u0440\u0441\u0442\u0432\u0443 \u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u0431\u0438\u043e\u0438\u043d\u0436\u0435\u045a\u0435\u0440\u0438\u043d\u0433 \u0438 \u043d\u0443\u043c\u0435\u0440\u0438\u0447\u043a\u043e \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u0430\u045a\u0435 \u041d\u0430\u0443\u0447\u043d\u043e\u0438\u0441\u0442\u0440\u0430\u0436\u0438\u0432\u0430\u0447\u043a\u0438 \u0446\u0435\u043d\u0442\u0430\u0440 \u0437\u0430 \u0434\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0435 \u0438\u043d\u043e\u0432\u0430\u0446\u0438\u0458\u0435 \u0438 \u0432\u0435\u0448\u0442\u0430\u0447\u043a\u0443 \u0438\u043d\u0442\u0435\u043b\u0438\u0433\u0435\u043d\u0446\u0438\u0458\u0443<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-20404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/20404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/comments?post=20404"}],"version-history":[{"count":53,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/20404\/revisions"}],"predecessor-version":[{"id":22878,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/20404\/revisions\/22878"}],"wp:attachment":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/media?parent=20404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}