Embed

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>

/* ========================================
   GENERAL
======================================== */

* {
    box-sizing: border-box;
}


/* ========================================
   NAVIGATION BAR
======================================== */

.padrela-navbar {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 9999;
}


/* Navigation positioned LEFT */

.padrela-nav-container {
    width: 100%;
    max-width: none;
    margin: 0;

    min-height: 74px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    padding: 0 25px;
}


/* Main navigation links */

.padrela-nav-links {

    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: 42px;

    margin: 0;
    padding: 0;

    list-style: none;
}


.padrela-nav-links li {
    position: relative;
}


/* Navigation text */

.padrela-nav-links a {

    display: flex;
    align-items: center;
    gap: 8px;

    color: #3574b8 !important;
    background: transparent !important;

    text-decoration: none !important;

    font-size: 15px;
    font-weight: 600;

    letter-spacing: 0.4px;

    text-transform: uppercase;

    white-space: nowrap;

    padding: 27px 0;

    transition: color 0.2s ease;
}


/* Hover */

.padrela-nav-links a:hover {

    color: #1e4f83 !important;
}


/* ========================================
   DROPDOWN ARROW
======================================== */

.arrow {

    width: 7px;
    height: 7px;

    border-right: 1px solid #555;
    border-bottom: 1px solid #555;

    transform: rotate(45deg);

    margin-left: 5px;
    margin-top: -4px;
}


/* ========================================
   DROPDOWN MENU
======================================== */

.dropdown-menu {

    position: absolute;

    top: 100%;
    left: -20px;

    min-width: 220px;

    background: #ffffff;

    padding: 8px 0;

    border: 1px solid #eeeeee;

    box-shadow: 0 8px 20px rgba(0,0,0,0.08);

    opacity: 0;
    visibility: hidden;

    transform: translateY(8px);

    transition: all 0.2s ease;

    z-index: 10000;
}


/* Show dropdown on hover */

.dropdown:hover .dropdown-menu {

    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* Dropdown links */

.dropdown-menu a {

    padding: 13px 20px;

    color: #3574b8 !important;

    font-size: 13px;

    text-transform: none;

    font-weight: 500;

    white-space: nowrap;
}


.dropdown-menu a:hover {

    background: #f5f7fa !important;
}


/* ========================================
   MOBILE MENU BUTTON
======================================== */

.mobile-menu-button {

    display: none;

    background: transparent !important;

    border: none;

    cursor: pointer;

    width: 40px;
    height: 40px;

    padding: 5px;
}


.mobile-menu-button span {

    display: block;

    width: 25px;
    height: 2px;

    background: #3574b8;

    margin: 6px 0;
}


/* ========================================
   MOBILE / TABLET
======================================== */

@media (max-width: 800px) {


    .padrela-nav-container {

        min-height: 65px;

        justify-content: flex-start;

        padding: 0 18px;
    }


    /* Show hamburger */

    .mobile-menu-button {

        display: block;
    }


    /* Hide navigation until hamburger clicked */

    .padrela-nav-links {

        display: none;

        position: absolute;

        top: 65px;
        left: 0;

        width: 100%;

        background: white;

        flex-direction: column;

        align-items: stretch;

        gap: 0;

        border-top: 1px solid #eeeeee;

        box-shadow: 0 8px 15px rgba(0,0,0,0.06);
    }


    /* Open menu */

    .padrela-nav-links.show {

        display: flex;
    }


    .padrela-nav-links li {

        width: 100%;
    }


    .padrela-nav-links a {

        width: 100%;

        padding: 16px 25px;

        border-bottom: 1px solid #eeeeee;

        justify-content: space-between;
    }


    /* Mobile dropdown */

    .dropdown-menu {

        position: static;

        opacity: 1;
        visibility: visible;

        transform: none;

        display: none;

        box-shadow: none;

        border: none;

        background: #f7f8fa;

        padding: 0;

        width: 100%;
    }


    .dropdown:hover .dropdown-menu {

        display: block;
    }


    .dropdown-menu a {

        padding-left: 45px;

        font-size: 13px;
    }

}

</style>

</head>


<body>




<nav class="padrela-navbar">

<div class="padrela-nav-container">


    

    <button
        class="mobile-menu-button"
        onclick="togglePadrelaMenu()"
        aria-label="Open navigation">

        <span></span>
        <span></span>
        <span></span>

    </button>



    

    <ul
        class="padrela-nav-links"
        id="padrelaMenu">


        

        <li>

            <a href="/">
                Home
            </a>

        </li>



        

        <li class="dropdown">

            <a href="/the-team">

                Lab Members

                <span class="arrow"></span>

            </a>


            <div class="dropdown-menu">

                <a href="/the-team">
                    Current Members
                </a>

            </div>

        </li>



        

        <li class="dropdown">

            <a href="/projects">

                Research Areas

                <span class="arrow"></span>

            </a>


            <div class="dropdown-menu">

                <a href="/projects">
                    Research Projects
                </a>

                <a href="/projects">
                    Particle Engineering
                </a>

                <a href="/projects">
                    Pharmaceutical Processing
                </a>

            </div>

        </li>



        

        <li>

            <a href="/publications">
                Publications
            </a>

        </li>



        

        <li>

            <a href="https://www.ul.ie/bernal/equipment">
                Facilities
            </a>

        </li>



        

        <li>

            <a href="/contact-us">
                Contact
            </a>

        </li>


    </ul>

</div>

</nav>





<script>

function togglePadrelaMenu() {

    const menu =
        document.getElementById("padrelaMenu");

    menu.classList.toggle("show");

}

</script>


</body>

</html>

Banner

Continuous pharmaceutical manufacturing
Supercritical fluid assisted nano-particle formation processes 
Microfluidics for drug particle manufacturing  
(Bio)Pharmaceutical process design, modelling and optimization

Research Interests

Contact form

<h3>Contact Us</h3>
<p>For collaborations and inquiries, please reach out to us using the contact form.</p>