
<header class="site-header">

    <div class="container-fluid">

        <div class="header-inner">

            <div class="brand">

                <img
                    src="<?php echo e(asset('images/logo.png')); ?>"
                    alt="High Court of Madhya Pradesh"
                    class="court-logo"
                >

                <div class="court-title">

                    <h1>
                        High Court of Madhya Pradesh
                    </h1>

                    <div>
                        मध्य प्रदेश उच्च न्यायालय
                    </div>

                </div>

            </div>

        </div>

    </div>

</header>


<style>

.site-header {

    background: #ffffff;

    border-bottom: 1px solid #ddd;

    padding: 12px 25px;

}


.header-inner {

    max-width: 1400px;

    margin: auto;

}


.brand {

    display: flex;

    align-items: center;

    gap: 15px;

}


.court-logo {

    width: 72px;

    height: 72px;

    object-fit: contain;

}


.court-title h1 {

    margin: 0;

    font-size: 26px;

    font-weight: 700;

    color: #1f2937;

}


.court-title div {

    margin-top: 3px;

    font-size: 18px;

    color: #555;

}


@media(max-width: 768px) {

    .court-logo {

        width: 55px;

        height: 55px;

    }


    .court-title h1 {

        font-size: 18px;

    }


    .court-title div {

        font-size: 14px;

    }

}

</style><?php /**PATH C:\xampp\htdocs\abhay\erp-system\resources\views/layouts/header.blade.php ENDPATH**/ ?>