<div id="icpr-topbar">
  <div class="icpr-bar-inner">
    <a class="icpr-brand" href="https://www.icpr2027.org/">
      <span class="icpr-mark">
        <svg viewBox="0 0 64 64" width="22" height="22" aria-hidden="true">
          <path d="M14 38c8-1 12-5 16-12 1 7 6 11 13 11 3 0 6-1 8-3-1 5-6 9-13 9-2 3-6 5-11 5 2-2 3-4 3-6-7 0-13-3-16-9z" fill="#fff"/>
        </svg>
      </span>
      <span class="icpr-wm"><b>ICPR 2027</b><span>Busan, Korea</span></span>
    </a>
    <div class="icpr-menus">
      <div class="icpr-group">
        <span class="icpr-cat">About</span>
        <div class="icpr-menu">
          <a href="https://www.icpr2027.org/157f8bf1-e565-833c-a042-812b5023ce56">About ICPR</a>
          <a href="https://www.icpr2027.org/5c2f8bf1-e565-823c-baf1-81df4011abde">Host &amp; Sponsors</a>
          <a href="https://www.icpr2027.org/e14f8bf1-e565-8252-b0d9-01e0e5b5b668">Organizing Committee</a>
        </div>
      </div>
      <div class="icpr-group">
        <span class="icpr-cat">Program</span>
        <div class="icpr-menu">
          <a href="https://www.icpr2027.org/c9af8bf1-e565-83e7-92e0-81fccc2fabd4">Call for Papers</a>
          <a href="https://www.icpr2027.org/c55f8bf1-e565-8376-a8fd-0193364eff47">Conference Program</a>
          <a href="https://www.icpr2027.org/f47f8bf1-e565-83a0-8d39-81a9a3da0ff4">Keynote Speeches</a>
          <a href="https://www.icpr2027.org/a29f8bf1-e565-8346-80e5-818b253bc8fe">Invited Talks</a>
          <a href="https://www.icpr2027.org/23df8bf1-e565-833c-b313-0155d0e4703f">Special Sessions</a>
        </div>
      </div>
      <div class="icpr-group">
        <span class="icpr-cat">Registration</span>
        <div class="icpr-menu">
          <a href="https://www.icpr2027.org/13bf8bf1-e565-8341-a813-81151df9c470">Fee</a>
          <a href="https://www.icpr2027.org/452f8bf1-e565-82c5-be27-8112d2c66277">Registration</a>
        </div>
      </div>
      <div class="icpr-group">
        <span class="icpr-cat">Event Info</span>
        <div class="icpr-menu">
          <a href="https://www.icpr2027.org/f99f8bf1-e565-82bf-9534-014cbf473fc5">Venue &amp; Accommodation</a>
          <a href="https://www.icpr2027.org/883f8bf1-e565-8244-a76f-017b66cb3b1e">Publication</a>
        </div>
      </div>
      <div class="icpr-group">
        <span class="icpr-cat">Notice</span>
        <div class="icpr-menu">
          <a href="https://www.icpr2027.org/396f8bf1-e565-803b-9f37-f32659c232ba">Announcement</a>
          <a href="https://www.icpr2027.org/ceff8bf1-e565-8253-a16a-01d0afcf51df">FAQ</a>
          <a href="https://www.icpr2027.org/c02f8bf1-e565-82a8-a108-819d8a8c77e3">Contact Information</a>
        </div>
      </div>
    </div>
    <a class="icpr-reg" href="https://www.icpr2027.org/452f8bf1-e565-82c5-be27-8112d2c66277">Register</a>
  </div>
</div>
<style>
#icpr-topbar{
  position:fixed; top:0; left:0; right:0; z-index:2147483647;
  background:rgba(255,255,255,.92); backdrop-filter:saturate(150%) blur(8px);
  border-bottom:1px solid #DCE7EE;
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;
  transition:box-shadow .25s ease;
}
#icpr-topbar.scrolled{ box-shadow:0 6px 24px rgba(10,37,64,.08); }
#icpr-topbar .icpr-bar-inner{
  max-width:1320px; margin:0 auto; padding:10px 28px;
  display:flex; align-items:center; gap:22px;
}
#icpr-topbar .icpr-brand{ display:flex; align-items:center; gap:9px; text-decoration:none; flex:none; }
#icpr-topbar .icpr-mark{
  width:38px; height:38px; border-radius:10px;
  background:linear-gradient(135deg,#1488C6,#1FB6C9);
  display:grid; place-items:center; flex:none;
}
#icpr-topbar .icpr-wm{ display:flex; flex-direction:column; line-height:1.1; }
#icpr-topbar .icpr-wm b{ font-size:16px; color:#0A2540; font-weight:700; }
#icpr-topbar .icpr-wm span{ font-size:10.5px; color:#5B7282; }
#icpr-topbar .icpr-menus{ display:flex; align-items:stretch; gap:6px; margin-left:auto; }
#icpr-topbar .icpr-group{ position:relative; }
#icpr-topbar .icpr-cat{
  display:block; font-size:14.5px; font-weight:600; color:#2C4456;
  padding:18px 14px; cursor:default; white-space:nowrap;
  border-bottom:2px solid transparent; transition:color .15s, border-color .15s;
}
#icpr-topbar .icpr-group:hover .icpr-cat{ color:#0E6FAE; border-bottom-color:#0E6FAE; }
#icpr-topbar .icpr-menu{
  position:absolute; top:100%; left:50%;
  transform:translateX(-50%) translateY(8px);
  min-width:215px; display:flex; flex-direction:column;
  background:#fff; border:1px solid #DCE7EE; border-radius:12px;
  box-shadow:0 12px 30px rgba(10,37,64,.14);
  padding:8px; gap:2px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .18s ease, transform .18s ease; z-index:10;
}
#icpr-topbar .icpr-group:hover .icpr-menu{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
#icpr-topbar .icpr-menu::before{ content:""; position:absolute; left:0; right:0; top:-10px; height:10px; }
#icpr-topbar .icpr-menu a{
  font-size:14px; font-weight:500; color:#2C4456 !important; text-decoration:none !important;
  padding:10px 14px; border-radius:8px; white-space:nowrap;
  transition:background .15s, color .15s;
}
#icpr-topbar .icpr-menu a:hover{ background:#EAF6FB; color:#0E6FAE !important; }
#icpr-topbar .icpr-reg{
  flex:none; background:#0E6FAE; color:#fff !important; text-decoration:none !important;
  font-size:14px; font-weight:600; padding:10px 20px; border-radius:10px;
  transition:transform .15s, box-shadow .2s;
}
#icpr-topbar .icpr-reg:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(14,111,174,.32); }
@media (max-width:980px){
  #icpr-topbar .icpr-bar-inner{ gap:10px; overflow-x:auto; padding:8px 14px; }
  #icpr-topbar .icpr-wm{ display:none; }
  #icpr-topbar .icpr-cat{ padding:14px 10px; font-size:13.5px; }
  #icpr-topbar .icpr-reg{ padding:9px 14px; }
}
</style>
<script>
(function(){
  var bar=document.getElementById('icpr-topbar'); if(!bar) return;
  function onScroll(){ (window.scrollY>8)?bar.classList.add('scrolled'):bar.classList.remove('scrolled'); }
  window.addEventListener('scroll', onScroll); onScroll();
})();
(function(){
  function isHomePage(){ var p=location.pathname.replace(/\/+$/,''); return p===''||p==='/'; }
  function apply(){ document.body.classList.toggle('icpr-home', isHomePage()); }
  apply();
  ['popstate','hashchange'].forEach(function(ev){ window.addEventListener(ev, apply); });
  var _ps=history.pushState,_rs=history.replaceState;
  history.pushState=function(){ _ps.apply(this,arguments); apply(); };
  history.replaceState=function(){ _rs.apply(this,arguments); apply(); };
  setInterval(apply, 400);
})();
</script>

www.icpr2027.org

Summary

Contact Email

Publication Date

example