
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <title><?php echo e($headertitle??" Blog Details"); ?></title>
    <style>
        .category-card {
            background-color: #f8f9fa;
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 10px;
            text-align: center;
            font-weight: bold;
        }

        .top-posts li {
            margin-bottom: 10px;
        }

        .top-posts a {
            text-decoration: none;
            color: #212529;
        }

        .top-posts a:hover {
            text-decoration: underline;
        }

        .post-card {
            margin-bottom: 20px;
        }

        .post-card img {
            max-height: 200px;
            object-fit: cover;
        }

        .load-more {
            text-align: center;
            margin-top: 20px;
        }
        
        /* Style for the container of tags */
        .tag-section .tag-item {
            display: inline-block;
            margin: 0.25rem;
            padding: 0.5rem 1rem;
            background-color: #f2f2f2;
            border-radius: 4px;
            font-size: 0.9rem;
            color: #333;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.3s;
            text-decoration: none;
        }

        /* Hover effect */
        .tag-section .tag-item:hover {
            background-color: #007bff;
            color: white;
            transform: scale(1.05);
        }

        /* Active tag (when clicked) */
        .tag-section .tag-item:active {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <header class="bg-dark text-white py-3">
        <div class="container">
            <h1 class="text-center">AndroidWale</h1>
            <nav class="navbar navbar-expand-lg navbar-dark">
                <div class="container-fluid">
                    <a class="navbar-brand" href="<?php echo e(url('/')); ?>">Home</a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav ms-auto">
                            <li class="nav-item"><a class="nav-link" href="#">Blog</a></li>
                            <li class="nav-item"><a class="nav-link" href="#">Categories</a></li>
                            <li class="nav-item"><a class="nav-link" href="#">Shop</a></li>
                            <li class="nav-item"><a class="nav-link" href="#">Elements</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header><?php /**PATH D:\NEWXAMP\htdocs\my-laravel-newblog\resources\views/frontend/layouts/header.blade.php ENDPATH**/ ?>