<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }
        .header {
            width: 100%;
            margin-bottom: 10px;
        }

        .header img {
            height: 50px;
        }

        h3 {
            text-align: center;
            margin: 5px 0 15px 0;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th, td {
            /* border: 1px solid #333; */
            padding: 4px;
        }

        th {
            background: #f0f0f0;
            text-align: center;
        }

        td {
            vertical-align: center;
        }
        .text-right {
            text-align: right;
        }
    </style>
</head>
<body>
        <table class="header" width="100%">
            <tr>
                <td width="20%">
                    <img src="{{ public_path('assets/images/logo.png') }}">
                </td>
                <td width="80%" class="text-right">
                    <strong>{{ $titulo }}</strong><br>
                </td>
            </tr>
        </table> 
        <hr style="margin :0; padding: 0;">
    {{-- </div> --}}
</body>
</html>