/en/enrollment/graduate_study_programs (Webmaster) (Webmaster) 240 Fri, 08 May 2026 07:04:38 GMT Content <table border="0" width="100%"><tr><td> <style type="text/css">:root { --pbf-blue: #2543A0; --pbf-green: #60BFA0; --pbf-yellow: #EEE15D; --pbf-text-dark: #1A3D8F; --pbf-grey-bg: #F8F9FA; --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .pbf-main-wrapper { max-width: 1100px; margin: 20px auto 60px auto; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; } /* --- 1. INFO SEKCIJA --- */ .pbf-info-grey-box { background-color: var(--pbf-grey-bg); border-left: 6px solid var(--pbf-yellow); padding: 2rem; display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem; } .pbf-info-text-content p { margin-bottom: 0.5rem; font-size: 1rem; color: var(--pbf-text-dark); line-height: 1.6; } .pbf-info-text-content p:last-child { margin-bottom: 0; } /* --- 2. CTA SEKCIJA --- */ .pbf-cta-section { margin-bottom: 2rem; } .pbf-cta-section h2 { font-size: 1.75rem; font-weight: 800; color: var(--pbf-blue); margin-bottom: 0.5rem; line-height: 1.2; } .pbf-cta-section p { font-size: 1.1rem; color: #6c757d; } /* --- 3. GRID PLOČICE --- */ .pbf-upisi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } .pbf-upisi-box { aspect-ratio: 1 / 1; padding: 1.8rem; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none !important; transition: var(--transition); border-radius: 0; } .pbf-upisi-box:hover { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0,0,0,0.12); } .pbf-upisi-box h3 { font-size: 2.5rem !important; font-weight: 800; margin: 0; color: inherit !important; } .pbf-upisi-box p { font-size: 1.1rem; font-weight: 700; margin-top: 5px; color: inherit !important; } .pbf-upisi-footer { display: flex; align-items: center; justify-content: flex-end; /* Tekst i strelica ostaju desno */ width: 100%; position: relative; /* Potrebno za apsolutno pozicioniranje linije */ height: 40px; /* Definirana visina za poravnanje */ } /* NOVO: Crta usidrena LIJEVO, raste u DESNO */ .pbf-upisi-footer::before { content: ""; position: absolute; left: 0; /* Sidro lijevo */ height: 2px; background-color: currentColor; opacity: 0.4; transition: width 0.3s ease; /* width umjesto max-width */ width: 60px; /* Početna širina s lijeve strane */ } /* NOVO: Na hoveru linija raste u DESNO, do 90px (ili fit-content ako želiš više) */ .pbf-upisi-box:hover .pbf-upisi-footer::before { width: 90px; } /* FIKSNO DESNO: Stil za ikonu strelice */ .pbf-upisi-btn-icon { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 10px; /* Razmak između "Istraži" i strelice */ transition: var(--transition); } /* Stil SVG strelice */ .pbf-upisi-btn-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.2px; stroke-linecap: round; stroke-linejoin: round; } .pbf-upisi-box:hover .pbf-upisi-btn-icon { transform: scale(1.15); } /* VARIJANTE BOJA */ .bg-pbf-blue { background-color: var(--pbf-blue) !important; color: #ffffff !important; } .bg-pbf-green { background-color: var(--pbf-green) !important; color: #ffffff !important; } .bg-pbf-yellow { background-color: var(--pbf-yellow) !important; color: var(--pbf-text-dark) !important; } /* Dinamičke boje ikona */ .bg-pbf-blue .pbf-upisi-btn-icon, .bg-pbf-green .pbf-upisi-btn-icon { background-color: rgba(255,255,255,0.2); } .bg-pbf-yellow .pbf-upisi-btn-icon { background-color: rgba(37, 67, 160, 0.1); } /* SLIKA */ .pbf-upisi-img { aspect-ratio: 1 / 1; background: url('/images/50038810/unnamed.jpg') center/cover no-repeat; } /* RESPONZIVNOST */ @media (max-width: 850px) { .pbf-upisi-grid { grid-template-columns: 1fr 1fr; } .pbf-info-grey-box { flex-direction: column; text-align: center; } } @media (max-width: 550px) { .pbf-upisi-grid { grid-template-columns: 1fr; } .pbf-upisi-box { aspect-ratio: auto; min-height: 250px; } /* Na mobitelu možemo maknuti liniju da ne smeta */ .pbf-upisi-footer::before { display: none; } } </style> <div class="pbf-main-wrapper"> <div class="pbf-info-grey-box"> <div class="d-none d-md-block"><svg fill="var(--pbf-blue)" height="45" viewbox="0 0 16 16" width="45" xmlns="http://www.w3.org/2000/svg"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"></path> </svg></div> <div class="pbf-info-text-content"> <p>General and specific requirements, as well as quotas, are set by the official Call for Applications.</p> <p>Candidates who have completed an appropriate university undergraduate or professional undergraduate programme, or an integrated university programme, and have obtained at least 180 ECTS credits, are eligible to apply for admission to graduate programmes.</p> <p>The admission procedure depends on the level and relevance of the previously completed programme.</p> </div> </div> <div class="pbf-cta-section text-center text-md-start"> <h2><strong>Continue your academic journey at </strong>FFTB</h2> <p>Choose a programme for detailed admission requirements:</p> </div> <div class="pbf-upisi-grid"><a class="pbf-upisi-box bg-pbf-blue" href="/upisi/diplomski-studij/PI_upis"> <div> <h3>FE</h3> <p>Food Engineering</p> </div> <div class="pbf-upisi-footer"><span class="fw-bold small">Explore</span> <div class="pbf-upisi-btn-icon"><svg viewbox="0 0 24 24"><path d="M9 18l6-6-6-6"></path></svg></div> </div> </a> <a class="pbf-upisi-box bg-pbf-blue" href="/upisi/diplomski-studij/USH_upis"> <div> <h3>FSM</h3> <p>Food Safety Management</p> </div> <div class="pbf-upisi-footer"><span class="fw-bold small">Explore</span> <div class="pbf-upisi-btn-icon"><svg viewbox="0 0 24 24"><path d="M9 18l6-6-6-6"></path></svg></div> </div> </a> <a class="pbf-upisi-box bg-pbf-yellow" href="/upisi/diplomski-studij/N_upis"> <div> <h3>N</h3> <p>Nutrition</p> </div> <div class="pbf-upisi-footer"><span class="fw-bold small">Explore</span> <div class="pbf-upisi-btn-icon"><svg viewbox="0 0 24 24"><path d="M9 18l6-6-6-6"></path></svg></div> </div> </a> <a class="pbf-upisi-box bg-pbf-green" href="/upisi/diplomski-studij/BPI_upis"> <div> <h3>BPE</h3> <p>Bioprocess Engineering</p> </div> <div class="pbf-upisi-footer"><span class="fw-bold small">Explore</span> <div class="pbf-upisi-btn-icon"><svg viewbox="0 0 24 24"><path d="M9 18l6-6-6-6"></path></svg></div> </div> </a> <a class="pbf-upisi-box bg-pbf-green" href="/upisi/diplomski-studij/MB_upis"> <div> <h3>MB</h3> <p>Molecular&nbsp;Biotechnology</p> </div> <div class="pbf-upisi-footer"><span class="fw-bold small">Explore</span> <div class="pbf-upisi-btn-icon"><svg viewbox="0 0 24 24"><path d="M9 18l6-6-6-6"></path></svg></div> </div> </a> <div class="pbf-upisi-img d-none d-sm-block">&nbsp;</div> </div> </div> </td></tr> </table> https://www.pbf.hr/en/enrollment/graduate_study_programs#content___5077 https://www.pbf.hr/en/enrollment/graduate_study_programs#content___5077 Obrisani Korisnik