/studenti/studentske_organizacije/probion (Webmaster) (Webmaster) 240 Thu, 26 Feb 2026 18:06:38 GMT Content <table border="0" width="100%"><tr><td> <style type="text/css">:root { --probion-green: #4CAF50; --probion-dark: #333333; --probion-grey: #888888; --probion-light: #f9fdf9; } .probion-wrapper { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #333; line-height: 1.7; background-color: #ffffff; } .probion-header { background-color: #ffffff; padding: 40px 0; margin-bottom: 30px; } .hero-title-text { font-weight: 800; color: var(--probion-dark); font-size: 2.5rem; margin-bottom: 0; line-height: 1.2; } .logo-box { width: 180px; display: flex; align-items: center; justify-content: center; margin-left: auto; } .logo-box img { max-width: 100%; height: auto; } .pbf-card { background: #ffffff; padding: 30px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); height: 100%; border: 1px solid #eee; } .sub-title-green { color: var(--probion-green); font-weight: 700; margin-bottom: 20px; font-size: 1.5rem; } .pbf-history-line { display: flex; justify-content: space-around; background: var(--probion-light); padding: 20px; margin: 20px 0; border-left: 5px solid var(--probion-green); } .history-item { text-align: center; } .history-year { display: block; font-weight: 800; color: var(--probion-green); font-size: 1.2rem; } .stat-box { background: var(--probion-green); color: #ffffff; border-radius: 12px; padding: 30px; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; } .big-number { font-size: 3.5rem; font-weight: 800; color: #ffffff; display: block; line-height: 1; } .project-tile { display: flex; align-items: center; margin-bottom: 12px; padding: 15px; background: var(--probion-light); transition: 0.3s ease; border-left: 3px solid var(--probion-green); } .project-tile:hover { transform: translateX(8px); background: #e8f5e9; } .callout-green-box { background: var(--probion-dark); padding: 40px; border-radius: 15px; text-align: center; margin: 40px 0; } .callout-green-box h4 { color: #ffffff !important; font-weight: 700; font-size: 1.35rem; margin: 0; } /* Socijalni gumbi s ikonama */ .btn-social { padding: 12px 20px; border-radius: 8px; font-weight: 700; text-decoration: none !important; display: inline-flex; align-items: center; margin: 8px; color: white !important; transition: 0.3s; font-size: 0.95rem; } .btn-fb { background-color: #1877F2; } .btn-ig { background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); } .btn-li { background-color: #0077b5; } .btn-social svg { margin-right: 10px; fill: currentColor; } .btn-social:hover { opacity: 0.9; transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } </style> <div class="container-fluid p-0 probion-wrapper"> <header class="probion-header"> <div class="container"> <div class="row align-items-center"> <div class="col-md-8 text-center text-md-start"> <h1 class="hero-title-text">Udruga studenata PBF-a PROBION</h1> </div> <div class="col-md-4 mt-4 mt-md-0"> <div class="logo-box"><img alt="PROBION Logo" height="84" src="/images/50038574/probion_mali_large.jpg" width="160" /></div> </div> </div> </div> </header> <div class="container"> <div class="row g-4 align-items-stretch mb-5"> <div class="col-lg-8"> <div class="pbf-card"> <h2 class="sub-title-green">O PROBION-u</h2> <p>Udruga PROBION je relativno mlada udruga koja na Fakultetu djeluje od 2015. godine, nastavljajući tradiciju udruge Helix iz 2006. godine. Simbol je suradnje studenata svih smjerova: Prehrambene tehnologije, Biotehnologije i Nutricionizma.</p> <div class="pbf-history-line"> <div class="history-item"><span class="history-year">2006.</span><span class="small">Udruga Helix</span></div> <div class="history-item"><span class="history-year">2015.</span><span class="small">Osnutak PROBION-a</span></div> <div class="history-item"><span class="history-year">Danas</span><span class="small">Interdisciplinarnost</span></div> </div> <p class="mb-0">Cilj Udruge je dodatna edukacija studenata te omogućavanje rasta pojedinca kao znanstvenika i stručnjaka kroz predavanja, radionice i rasprave.</p> </div> </div> <div class="col-lg-4"> <div class="stat-box"><span class="big-number">90+</span> <p class="fw-bold mb-2">Aktivnih članova</p> <p class="small opacity-75 mb-0">Upravu čini 6 članova, od kojih Udrugu zastupaju predsjednik, dopredsjednik i tajnik</p> </div> </div> </div> <div class="row g-4 mb-5"> <div class="col-md-6"> <div class="pbf-card"> <h2 class="sub-title-green">Priznanja i uspjesi</h2> <p>Rad udruge prepoznat je najvišim sveučilišnim priznanjima za društveno koristan rad u zajednici:</p> <ul class="list-unstyled"> <li class="mb-2"><span style="color:var(--probion-green); font-weight:bold">✔</span> <strong>Rektorova nagrada</strong> za projekt „Zoom u znanost“</li> <li class="mb-2"><span style="color:var(--probion-green); font-weight:bold">✔</span> <strong>Rektorova nagrada</strong> za 2. kongres biotehnologije</li> <li><span style="color:var(--probion-green); font-weight:bold">✔</span> <strong>Rektorova nagrada</strong> za 3. kongres biotehnologije</li> </ul> </div> </div> <div class="col-md-6"> <div class="pbf-card"> <h2 class="sub-title-green">Ključni projekti</h2> <div class="project-tile">Međunarodni kongresi studenata biotehnologije</div> <div class="project-tile">PROBIONline platforma i webinari</div> <div class="project-tile">Ciklus filmskih večeri PBF-a</div> <div class="project-tile">Dani vina i Dani piva na PBF-u</div> </div> </div> </div> <div class="callout-green-box"> <h4><em>"PROBION je platforma za vizualizaciju i realizaciju studentskih ideja u znanosti i struci"</em></h4> </div> <div class="text-center pb-5"> <p class="mb-3 text-muted">Posjetite nas na službenim kanalima:</p> <a class="btn-social btn-li" href="https://www.linkedin.com/company/probion-pbf/" target="_blank"><svg height="18" viewbox="0 0 24 24" width="18"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg> LinkedIn </a> <a class="btn-social btn-fb" href="https://www.facebook.com/probion.uspbf/" target="_blank"> <svg height="18" viewbox="0 0 24 24" width="18"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"></path></svg> Facebook </a> <a class="btn-social btn-ig" href="https://www.instagram.com/probion_pbf/" target="_blank"> <svg height="18" viewbox="0 0 24 24" width="18"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.366.062 2.633.332 3.608 1.308.975.975 1.245 2.242 1.308 3.608.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.062 1.366-.332 2.633-1.308 3.608-.975.975-2.242 1.245-3.608 1.308-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.366-.062-2.633-.332-3.608-1.308-.975-.975-1.245-2.242-1.308-3.608-.058-1.266-.07-1.646-.07-4.85s.012-3.584.07-4.85c.062-1.366.332-2.633 1.308-3.608.975-.975 2.242-1.245 3.608-1.308 1.266-.058 1.646-.07 4.85-.07zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-4.78 2.618-4.803 6.11-.002.13-.002.31-.002.548 0 3.259.014 3.668.072 4.948.2 4.358 2.618 4.78 6.11 4.803.13.002.31.002.548.002 3.259 0 3.668-.014 4.948-.072 4.358-.2 4.78-2.618 4.803-6.11.002-.13.002-.31.002-.548 0-3.259-.014-3.667-.072-4.947-.2-4.358-2.618-4.78-6.11-4.803-.13-.002-.31-.002-.548-.002zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg> Instagram </a></div> </div> </div> </td></tr> </table> https://www.pbf.unizg.hr/studenti/studentske_organizacije/probion#content___4778 https://www.pbf.unizg.hr/studenti/studentske_organizacije/probion#content___4778 Obrisani Korisnik