index.cshtml

<section class="p-0 kapsa">
    <div class="p-0" style="background-color: rgba(6, 39, 154, 0.80); color:#fff !important;">
        <div class="container p-5">
            <div class="row">
                <div class="col-md-4">
                    @{
                        int card121Col = 3;
                        int card121CategoryOrderNumber = 16;

                        if (Partial.isCategoryOrderNumber(card121CategoryOrderNumber))
                        {
                            IEnumerable<Post> card121Posts = Partial.PostsOrderNumber(card121CategoryOrderNumber, 0, card121Col, Partial.Order.OrderBy, true, lang);
                            Category card121category = Partial.Category(card121CategoryOrderNumber, lang);
                            <div class="haberler">
                                <h1 style="font-size: 22px;">@card121category.CategoryTitle</h1>

                                <div class="">
                                    <marquee scrollamount="2" loop="99999" width="260" height="230" scrolldelay="50" direction="up" onmouseover="this.stop()" onmouseout="this.start()">
                                        @foreach (Post comPost in card121Posts)
                                        {
                                            <a href="" style="color:#F37021">
                                                @comPost.PostTitle.HtmlEncode()
                                            </a>
                                            <p>
                                                @Partial.PostShortContent(comPost.PostID, 240)
                                            </p>
                                        }
                                    </marquee>
                                </div>
                            </div>
                        }
                    }
                </div>

                <div class="col-md-8">
                    @{
                        int card122Col = 6;
                        int card122TotalRow = 1;
                        int card122CategoryOrderNumber = 345;

                        if (Partial.isCategoryOrderNumber(card122CategoryOrderNumber))
                        {
                            IEnumerable<Category> card122Category = Partial.CategorySubOrderNumber(card122CategoryOrderNumber, lang);
                            Category category122no = Partial.Category(card122CategoryOrderNumber, lang);
                            int card122Count = Convert.ToInt32(Math.Ceiling(card122Category.Count() / Convert.ToDouble(card122Col)));
                            <div class="haberler">
                                <h1 style="font-size: 22px;">@category122no.CategoryTitle.HtmlEncode()</h1>
                                @for (int componen = 0; componen < card122TotalRow; componen++)
                                {
                                    <div class="row kaydir">
                                        @foreach (Category comCategory in card122Category.Skip(componen * card122Col).Take(card122Col))
                                        {
                                            <div class="col-md-2 col-xs-6">
                                                <div class="coz">
                                                    <img class="cozum" src="@comCategory.CategoryThumbnail">
                                                </div>
                                            </div>
                                        }
                                    </div>
                                }
                            </div>
                        }
                    }
                </div>
            </div>
        </div>
    </div>
</section>

Css

.kapsa {
        background-color: #ffd22f;
        padding-bottom: 40px;
        background: url(https://www.karayeltasarim.com/Upload/File/2020/2/25/kurumsal.png) center center;
    }

İndex Bileşenleri