http://www.pmf.hr/chem/studenti PMF Feed hr Copyright: (C) www.fer.hr webmaster@pmf.hr (Webmaster) webmaster@pmf.hr (Webmaster) 240 Tue, 16 Jun 2026 18:03:33 GMT Content <table border="0" width="100%"><tr><td> <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <title></title> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&amp;display=swap" rel="stylesheet" /> <style type="text/css">:root{ --ink:#2d2145; --ink-2:#3c245c; --lav-1:#ffffff; --lav-2:#f4f0fa; --border:#bca4de; --shadow:0 6px 14px rgba(60,36,92,0.10); --shadow-hover:0 10px 24px rgba(60,36,92,0.20); --radius:22px; } *{ box-sizing:border-box; } body{ font-family:'Roboto', sans-serif; background:var(--lav-1); color:var(--ink); margin:0; padding:0; } .gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:40px; justify-items:center; width:100%; max-width:1100px; margin:0 auto; padding:10px 20px 10px; } @media(max-width:900px){ .gallery{ grid-template-columns:repeat(2,1fr); gap:28px; } } @media(max-width:600px){ .gallery{ grid-template-columns:1fr; gap:22px; } } a.card{ text-decoration:none; color:inherit; background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; transition:transform .25s ease, box-shadow .25s ease; width:100%; max-width:320px; /* KLJUČNO: flex stupac */ display:flex; flex-direction:column; align-items:stretch; } a.card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-hover); } /* --- DEFENZIVNO HVATANJE SVIH VARIJANTI SLIKA --- */ /* ako postoji wrapper .card-img (dobro), drži visinu */ .card-img{ width:100% !important; height:110px !important; overflow:hidden; flex:0 0 110px; margin:0 !important; } /* slika u wrapperu */ .card-img img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center; display:block !important; margin:0 !important; } /* slika direktno u kartici (CMS često ovako napravi) */ a.card > img, a.card img{ width:100% !important; max-width:none !important; height:110px !important; object-fit:cover !important; object-position:center; display:block !important; flex:0 0 110px; margin:0 !important; } /* PURPLE BAR IDE NA DNO */ .card-content{ background:var(--lav-2); padding:1.1rem 1rem; margin-top:auto; /* gura na dno */ text-align:center; display:flex; /* centriraj tekst i vertikalno i horizontalno */ align-items:center; justify-content:center; } .card-content p{ margin:0 !important; /* makni default margine CMS-a */ width:100%; } .instrument-name{ font-weight:700; color:#2e3b4e; font-size:1.25rem; line-height:1.35; text-transform:uppercase; letter-spacing:.3px; text-align:center; } </style> <div class="gallery"><a class="card" href="https://www.pmf.unizg.hr/chem/studenti/dokumenti"><!-- Može i bez wrappera; CSS pokriva obje opcije --> <img alt="Satnica" height="2790" src="/images/50021130/pexels-andrey-grushnikov-223358-707676.jpg" width="2056" /> <div class="card-content"> <p class="instrument-name">SATnica</p> </div> </a> <a class="card" href="https://www.pmf.unizg.hr/chem/dokumenti/kalendar_nastave"> <img alt="Kalendar nastave" src="/images/50021130/pexels-leeloothefirst-5386754.jpg" /> <div class="card-content"> <p class="instrument-name">Kalendar nastave</p> </div> </a> <a class="card" href="https://www.pmf.unizg.hr/chem/dokumenti/izvedbeni_planovi"> <img alt="Izvedbeni planovi" height="3849" src="/images/50021130/pexels-emily-252615-768125.jpg" width="5773" /> <div class="card-content"> <p class="instrument-name">Izvedbeni planovi</p> </div> </a> <a class="card" href="https://www.pmf.unizg.hr/chem/studenti/participiranje_studenata_u_troskovima_studija"> <img alt="Participiranje studenata" height="3160" src="/images/50021130/pexels-pixabay-259251(1).jpg" width="5472" /> <div class="card-content"> <p class="instrument-name">Participiranje studenata</p> </div> </a> <a class="card" href="https://www.pmf.unizg.hr/chem/studenti/upis_u_vise_godine"> <img alt="Upisi u više godine" height="2920" src="/images/50021130/pexels-kindelmedia-7054498.jpg" width="5184" /> <div class="card-content"> <p class="instrument-name">Upisi u više godine</p> </div> </a> <a class="card" href="https://www.pmf.unizg.hr/chem/studenti/kolegiji_koji_se_izvode_na_engleskom_jeziku"> <img alt="Kolegiji na engleskom jeziku" src="/images/50021130/jon-tyson-BmE1-H8cwqs-unsplash.jpg" /> <div class="card-content"> <p class="instrument-name">Kolegiji&nbsp;na engleskom jeziku</p> </div> </a> <a class="card" href="https://www.pmf.unizg.hr/images/50029233/Smjernice%20AI%20alati.pdf"> <img alt="Kolegiji na engleskom jeziku" height="388" src="/images/50021130/Au_2026_06_16_20_03_02.png" width="750" /> <div class="card-content"> <p class="instrument-name">SMJERNICE ZA AI ALATE</p> </div> </a></div> </td></tr> </table> https://www.chem.pmf.hr/chem/studenti#content___9305 https://www.chem.pmf.hr/chem/studenti#content___9305 Obrisani Korisnik