dizatech/resources/views/home/category-blog.blade.php

@component('home.layouts.component', ['title' => 'صفحه دسته‌بندی مقاله'])

    @slot('style')
    @endslot

    @slot('content_top')
    @endslot

    @slot('content')
        <section class="container my-5">
            <div class="row">
                <div class="col-lg-8">
                    <h1 class="article-category-title-holder">
                        لیست مقالات
                    </h1>
                    <div class="article-category-content-holder">
                        @for($i=0; $i<6; $i++)
                        <div class="article-content">
                            <a href="" class="article-link"></a>
                            <div class="published-at">
                                ۱۴۰۰/۰۵/۰۳
                            </div>
                            <div class="title">
                                    عنوان مقاله اول متون بلکه روزنامه و مجله در ستون
                            </div>
                            <div class="lead-text">
                                لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته
                            </div>
                            <div class="article-footer">
                                <div class="author-published-holder">
                                    <div class="author-avatar-holder">
                                        <img class="author-avatar" src="https://beyondco.de/img/marcel.jpg" alt="avater">
                                    </div>
                                    <div class="author-published-text">
                                        <div class="author-name">
                                            مشخصات نویسنده
                                        </div>
                                    </div>
                                </div>
                                <div class="duration-of-study">
                                    مدت زمان مطالعه ۲۴ دقیقه
                                </div>
                            </div>
                        </div>
                        @endfor
                    </div>
                </div>
                <div class="col-lg-4"></div>
            </div>
        </section>
    @endslot

    @slot('script')
        <script>
        </script>
    @endslot

@endcomponent