Section Col 8 - Col 4 Post or Category +++

Kategori

<section class="bg-white discus-parallax">
    <div class="container" style="margin-top:30px; color:white;">
        <div class="row">
            @{
                int card114Col = 1;
                int card114TotalRow = 1;
                int card114CategoryOrderNumber = 16;

                if (Partial.isCategoryOrderNumber(card114CategoryOrderNumber))
                {
                    IEnumerable<Category> card114Category = Partial.CategorySubOrderNumber(card114CategoryOrderNumber, lang);
                    int card114Count = Convert.ToInt32(Math.Ceiling(card114Category.Count() / Convert.ToDouble(card114Col)));
                    for (int componen = 0; componen < card114TotalRow; componen++)
                    {
                        foreach (Category comCategory in card114Category.Skip(componen * card114Col).Take(card114Col))
                        {
                            <div class="col-md-4 imobile">
                                <div style=" background-image:url('@comCategory.CategoryThumbnail'); background-size:cover;">
                                    <div class="flex-1" style="background-position:right;height:100%; background-color:rgba(0,180,0,0.6); padding: 30px 20px; ">
                                        <h3 style="text-align: right;">@comCategory.CategoryTitle.HtmlEncode()</h3>

                                        <p style="color: white; text-align: right;">@Partial.CategoryShortContent(comCategory.CategoryID, 105)</p>

                                        <p style="text-align: right;"> </p>

                                        <p style="text-align: right;"><a class="calendar-white-2" href="@Partial.CategoryLink(comCategory.CategoryID)" style="color:white; font-style: italic;">@Partial.Translate("Devami", lang)</a></p>
                                    </div>
                                </div>
                            </div>
                        }
                    }
                }
            }

            @{
                int card115Col = 1;
                int card115TotalRow = 1;
                int card115CategoryOrderNumber = 16;

                if (Partial.isCategoryOrderNumber(card115CategoryOrderNumber))
                {
                    IEnumerable<Category> card115Category = Partial.CategorySubOrderNumber(card115CategoryOrderNumber, lang);
                    int card115Count = Convert.ToInt32(Math.Ceiling(card115Category.Count() / Convert.ToDouble(card115Col)));
                    for (int componen = 0; componen < card115TotalRow; componen++)
                    {
                        foreach (Category comCategory in card115Category.Skip(componen * card115Col).Take(card115Col))
                        {
                            <div class="col-md-8 imobile">
                                <div class="container blog" style="background-color:#ECECEC;color:black;padding-top: 15px;padding-bottom: 15px;">
                                    <div class="row">
                                        <div class="col-md-4  pt-2 pb-2">
                                            <div class="img-index-center">
                                                <img src="@comCategory.CategoryThumbnail">
                                            </div>
                                        </div>
                                        <div class="col-md-8 ">
                                            <h4>@comCategory.CategoryTitle.HtmlEncode()</h4>
                                            <p>
                                                @Partial.CategoryShortContent(comCategory.CategoryID, 105)
                                            </p>
                                            <a href="@Partial.CategoryLink(comCategory.CategoryID)" style="color:black; font-style: italic;border-color:black !important;" class="calendar-white">@Partial.Translate("Devami", lang)</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        }
                    }
                }
            }
        </div>
    </div>
</section>

Makale

<section class="bg-white discus-parallax">
    <div class="container" style="margin-top:30px; color:white;">
        <div class="row">
            @{
                int card112Col = 1;
                int card112TotalRow = 1;
                int card112CategoryOrderNumber = 16;

                if (Partial.isCategoryOrderNumber(card112CategoryOrderNumber))
                {
                    IEnumerable<Post>
                    card112Posts = Partial.PostsOrderNumber(card112CategoryOrderNumber, 0, card112Col * card112TotalRow, Partial.Order.OrderBy, true, lang);
                    int card112Count = Convert.ToInt32(Math.Ceiling(card112Posts.Count() / Convert.ToDouble(card112Col)));
                    for (int componen = 0; componen < card112Count; componen++)
                    {
                        foreach (Post comPost in card112Posts.Skip(componen * card112Col).Take(card112Col))
                        {
                            <div class="col-md-4 imobile">
                                <div style=" background-image:url('@comPost.PostThumbnail'); background-size:cover;">
                                    <div class="flex-1" style="background-position:right;height:100%; background-color:rgba(0,180,0,0.6); padding: 30px 20px; ">
                                        <h3 style="text-align: right;">@comPost.PostTitle.HtmlEncode()</h3>

                                        <p style="color: white; text-align: right;">@Partial.PostShortContent(comPost.PostID, 105)</p>

                                        <p style="text-align: right;"> </p>

                                        <p style="text-align: right;"><a class="calendar-white-2" href="@Partial.PostLink(comPost.PostID)" style="color:white; font-style: italic;">@Partial.Translate("Devami", lang)</a></p>
                                    </div>
                                </div>
                            </div>
                        }
                    }
                }
            }

            @{
                int card113Col = 1;
                int card113TotalRow = 1;
                int card113CategoryOrderNumber = 16;

                if (Partial.isCategoryOrderNumber(card113CategoryOrderNumber))
                {
                    IEnumerable<Post>
                    card113Posts = Partial.PostsOrderNumber(card113CategoryOrderNumber, 0, card113Col * card113TotalRow, Partial.Order.OrderBy, true, lang);
                    int card113Count = Convert.ToInt32(Math.Ceiling(card113Posts.Count() / Convert.ToDouble(card113Col)));
                    for (int componen = 0; componen < card113Count; componen++)
                    {
                        foreach (Post comPost in card113Posts.Skip(componen * card113Col).Take(card113Col))
                        {
                            <div class="col-md-8 imobile">
                                <div class="container blog" style="background-color:#ECECEC;color:black;padding-top: 15px;padding-bottom: 15px;">
                                    <div class="row">
                                        <div class="col-md-4  pt-2 pb-2">
                                            <div class="img-index-center">
                                                <img src="@comPost.PostThumbnail">
                                            </div>
                                        </div>
                                        <div class="col-md-8 ">
                                            <h4>@comPost.PostTitle.HtmlEncode()</h4>
                                            <p>
                                                @Partial.PostShortContent(comPost.PostID, 105)
                                            </p>
                                            <a href="@Partial.PostLink(comPost.PostID)" style="color:black; font-style: italic;border-color:black !important;" class="calendar-white">@Partial.Translate("Devami", lang)</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        }
                    }
                }
            }
        </div>
    </div>
</section>

CSS

a.calendar-white-2 {
        color: #fff !important;
        border: 1px solid #fff;
        padding: 5px;
        font-style: italic;
    }

    .white-link a {
        color: white;
    }

https://www.basaranakademi.com.tr/tr

https://www.agridek.com.tr/

İndex Bileşenleri