

<section class="article_head relative">
    <div class="-mt-4">
        
            
        
    </div>
    <div class="">
        <section class="breadcrumbs mx-0">
    <ul class="mt-4 mb-3 lg:my-4 text-white">
        
    </ul>
</section>
    </div>
    <h1 class="text-3xl/8 lg:text-6xl font-semibold lg:font-normal my-6 lg:mb-4 lg:mt-0 lg:text-center"></h1>

    <div class="relative flex items-center mb-6">
        <div class="mr-2">
            <div class=" ring-slate-100">
                <div class="bg-primary size-10 rounded-full flex items-center justify-center">
                    <span class="text-xl font-light text-white">HD</span>
                </div>
            </div>
        </div>
        <div class="flex-1">
            <div class="text-lg font-default">
                <div
                    id="post_pubdate_" 
                    class="h-6" 
                    x-data="timeAgoComponent(null)" 
                    x-init="updateTime()" 
                    x-text="time">
                </div>

            </div>
            <div class="text-sm text-slate-500">
                <span class="disqus-comment-count" data-disqus-identifier=""></span>
            </div>
        </div>
    </div>

    
</section>