/studenti/brucosi (Webmaster) (Webmaster) 240 Wed, 09 Sep 2026 09:27:07 GMT Content <table border="0" width="100%"><tr><td> <style type="text/css">:root { --pbf-blue: #2543A0; --pbf-yellow: #EEE15D; --pbf-black: #000000; --pbf-light: #f7f8fc; --pbf-muted: #687080; } /* Glavna kartica */ .pbf-mail-card { max-width: 1320px; margin: 0 auto; border: 0; border-radius: 0; overflow: hidden; background: #ffffff; } /* Lijevi dio */ .pbf-mail-intro { height: 100%; padding: 2rem; background: linear-gradient(135deg, rgba(37, 67, 160, .07) 0%, rgba(37, 67, 160, .015) 100%); border-left: 6px solid var(--pbf-blue); } /* Desni dio */ .pbf-mail-steps-panel { height: 100%; padding: 2rem; background-color: var(--pbf-light); border-left: 5px solid var(--pbf-yellow); } /* Naslovi */ .pbf-mail-title { color: var(--pbf-blue); } /* Gumb */ .pbf-mail-btn { display: inline-flex; align-items: center; gap: .65rem; background-color: var(--pbf-blue); color: #ffffff !important; border: 2px solid var(--pbf-blue); border-radius: 50rem; font-weight: 700; text-decoration: none !important; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; } .pbf-mail-btn:hover, .pbf-mail-btn:focus { background-color: var(--pbf-yellow); border-color: var(--pbf-yellow); color: var(--pbf-black) !important; text-decoration: none !important; transform: translateY(-1px); } .pbf-mail-btn:focus-visible, .pbf-mail-contact:focus-visible { outline: 3px solid rgba(37, 67, 160, .35); outline-offset: 3px; } /* Numerirani koraci */ .pbf-mail-steps { display: grid; grid-template-columns: 1fr; gap: .8rem; list-style: none; counter-reset: pbf-mail-step; padding: 0; margin: 0; } .pbf-mail-steps li { counter-increment: pbf-mail-step; position: relative; min-height: 30px; padding: .15rem 0 .15rem 2.55rem; color: var(--pbf-muted); font-size: .94rem; line-height: 1.45; } .pbf-mail-steps li::before { content: counter(pbf-mail-step); position: absolute; top: 0; left: 0; width: 28px; height: 28px; border-radius: 50%; background-color: var(--pbf-blue); color: #ffffff; font-size: .8rem; font-weight: 800; line-height: 28px; text-align: center; } /* Donji red s praktičnim informacijama */ .pbf-mail-footer { border-top: 1px solid #e5e8ef; background-color: #ffffff; } .pbf-mail-utility { display: flex; align-items: flex-start; gap: .85rem; height: 100%; padding: 1.35rem 1.5rem; } .pbf-mail-utility-icon { display: flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; color: var(--pbf-blue); background-color: rgba(37, 67, 160, .09); border-radius: 50%; } .pbf-mail-utility-title { margin: 0 0 .25rem; color: var(--pbf-blue); font-size: 1rem; font-weight: 800; } .pbf-mail-utility-text { margin: 0; color: var(--pbf-muted); font-size: .92rem; line-height: 1.5; } /* Kontakti */ .pbf-mail-contact { color: var(--pbf-blue); font-weight: 750; text-decoration: none; } .pbf-mail-contact:hover, .pbf-mail-contact:focus { color: var(--pbf-black); text-decoration: underline; } .pbf-mail-contact-separator { display: inline-block; margin: 0 .35rem; color: #a5abba; } /* Mobilni prikaz */ @media (max-width: 991.98px) { .pbf-mail-steps-panel { border-top: 5px solid var(--pbf-yellow); border-left: 0; } } @media (max-width: 575.98px) { .pbf-mail-intro, .pbf-mail-steps-panel { padding: 1.5rem; } .pbf-mail-btn { width: 100%; justify-content: center; } .pbf-mail-utility { padding: 1.25rem 1.5rem; } .pbf-mail-contact-separator { display: none; } .pbf-mail-contact { display: block; margin-top: .2rem; } } </style> <div class="container-fluid my-4" id="fakultetski-email"> <div class="card shadow-lg pbf-mail-card"> <div class="row g-0"> <div class="col-12 col-lg-6"> <div class="pbf-mail-intro"> <p class="mb-3">Tvoj <span class="fw-semibold text-dark">PBF e-mail</span> služi za službenu komunikaciju s Fakultetom, nastavnicima i stručnim službama.</p> <p class="text-muted mb-4">E-mailu pristupaš putem sustava <span class="fw-semibold text-dark">Microsoft 365</span>, odnosno aplikacije <span class="fw-semibold text-dark">Outlook</span>.</p> <a aria-label="Otvori fakultetski e-mail u Outlooku" class="btn pbf-mail-btn px-4 py-3" href="https://outlook.office.com" rel="noopener noreferrer" target="_blank"><svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"> <path d="M4 4h16v16H4z"></path> <path d="M4 7l8 5 8-5"></path> </svg> Otvori fakultetski e-mail </a> <p class="small text-muted mt-3 mb-0">Prijava se otvara u novoj kartici preglednika.</p> </div> </div> <div class="col-12 col-lg-6"> <div class="pbf-mail-steps-panel"> <h3 class="h5 fw-bold mb-4 pbf-mail-title">Prijava u nekoliko koraka</h3> <ol class="pbf-mail-steps"> <li>Klikni na gumb <span class="fw-semibold text-dark">Otvori fakultetski e-mail</span>.</li> <li>Upiši svoju <span class="fw-semibold text-dark">PBF adresu e-pošte</span>.</li> <li>Prijavi se svojim <span class="fw-semibold text-dark">AAI@EduHr korisničkim imenom i lozinkom</span>.</li> <li>Ako se zatraži, potvrdi prijavu putem aplikacije <span class="fw-semibold text-dark">Microsoft Authenticator</span>.</li> <li>U Outlooku možeš pristupiti e-pošti, kalendaru i kontaktima.</li> </ol> </div> </div> </div> <div class="pbf-mail-footer"> <div class="row g-0"> <div class="col-12 col-lg-6 border-end"> <div class="pbf-mail-utility"> <div class="pbf-mail-utility-icon"><svg fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewbox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"> <rect height="18" rx="2" ry="2" width="12" x="6" y="3"></rect> <line x1="12" x2="12.01" y1="17" y2="17"></line> </svg></div> <div> <p class="pbf-mail-utility-title">E-mail na mobitelu</p> <p class="pbf-mail-utility-text">Instaliraj <span class="fw-semibold text-dark">Microsoft Outlook</span>, odaberi <span class="fw-semibold text-dark">Dodaj račun</span>, upiši PBF e-mail adresu i prijavi se AAI@EduHr podacima.</p> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="pbf-mail-utility"> <div class="pbf-mail-utility-icon"><svg fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewbox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63 a2 2 0 0 1-.45 2.11L8 9.74a16 16 0 0 0 6 6l1.28-1.28 a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z"></path> </svg></div> <div> <p class="pbf-mail-utility-title">Pomoć pri prijavi</p> <p class="pbf-mail-utility-text"><a class="pbf-mail-contact" href="mailto:helpdesk@pbf.hr">helpdesk@pbf.hr </a> <span class="pbf-mail-contact-separator">|</span> <a class="pbf-mail-contact" href="tel:+38514605299"> +385 1 4605 299 </a> <span class="pbf-mail-contact-separator">|</span> <a class="pbf-mail-contact" href="tel:+38514605274"> +385 1 4605 274 </a></p> </div> </div> </div> </div> </div> </div> </div> </td></tr> </table> https://www.pbf.unizg.hr/studenti/brucosi#content___5242 https://www.pbf.unizg.hr/studenti/brucosi#content___5242 Obrisani Korisnik