Kategori

<section class="getir baslikİkiSection bg-white discus-parallax">
    @{
        int card99Col = 2;
        int card99TotalRow = 1;
        int card99CategoryOrderNumber = 3;

        if (Partial.isCategoryOrderNumber(card99CategoryOrderNumber))
        {
            IEnumerable<Category> card99Category = Partial.CategorySubOrderNumber(card99CategoryOrderNumber, lang);
            Category category99idno = Partial.Category(card99CategoryOrderNumber, lang);
            int card99Count = Convert.ToInt32(Math.Ceiling(card99Category.Count() / Convert.ToDouble(card99Col)));
            <div class="container">
                <div class="text-center">
                    <div class="anahead-light ">
                        <h2>@category99idno.CategoryTitle.HtmlEncode()</h2>
                    </div>
                </div>
                @for (int componen = 0; componen < card99TotalRow; componen++)
                {
                    <div class="row">
                        @foreach (Category comCategory in card99Category.Skip(componen * card99Col).Take(card99Col))
                        {
                            <div class="col-md-6 col-xs-12">
                                <div class="kutu">
                                    <div class="kenarlik p-2">
                                        <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                            <div class="row">
                                                <figure class="col-lg-6 col-sm-6 col-xs-10 m-0">
                                                    <div class="kanvas" style="background-image: url(@comCategory.CategoryThumbnail);"></div>
                                                </figure>
                                                <div class="col-lg-6 col-sm-6 col-xs-12 pl-reset">
                                                    <div class="text-content">
                                                        <div class="text-baslik tip-tablo">
                                                            <div class="hucre hucre-ortala">
                                                                <h3>@comCategory.CategoryTitle.HtmlEncode()</h3>
                                                            </div>
                                                        </div>
                                                        <p>@Partial.CategoryShortContent(comCategory.CategoryID, 190)</p>
                                                    </div>
                                                    <div class="buton1dark">@Partial.Translate("Devami", lang)<i class="fa fa-arrow-circle-right"></i></div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        }
    }
</section>

Makale

<section class="getir baslikİkiSection bg-white discus-parallax">
    @{
        int card98Col = 2;
        int card98TotalRow = 1;
        int card98CategoryOrderNumber = 2;

        if (Partial.isCategoryOrderNumber(card98CategoryOrderNumber))
        {
            IEnumerable<Post> card98Posts = Partial.PostsOrderNumber(card98CategoryOrderNumber, 0, card98Col * card98TotalRow, Partial.Order.ID, true, lang);
            Category category98title = Partial.Category(card98CategoryOrderNumber, lang);
            int card98Count = Convert.ToInt32(Math.Ceiling(card98Posts.Count() / Convert.ToDouble(card98Col)));
            <div class="container">
                <div class="text-center">
                    <div class="anahead-light ">
                        <h2>@category98title.CategoryTitle.HtmlEncode()</h2>
                    </div>
                </div>
                @for (int componen = 0; componen < card98Count; componen++)
                {
                    <div class="row">
                        @foreach (Post comPost in card98Posts.Skip(componen * card98Col).Take(card98Col))
                        {
                            <div class="col-md-6 col-xs-12">
                                <div class="kutu">
                                    <div class="kenarlik p-2">
                                        <a href="@Partial.PostLink(comPost.PostID)">
                                            <div class="row">
                                                <figure class="col-lg-6 col-sm-6 col-xs-10 m-0">
                                                    <div class="kanvas" style="background-image: url(@comPost.PostThumbnail);"></div>
                                                </figure>
                                                <div class="col-lg-6 col-sm-6 col-xs-12 pl-reset">
                                                    <div class="text-content">
                                                        <div class="text-baslik tip-tablo">
                                                            <div class="hucre hucre-ortala">
                                                                <h3>@comPost.PostTitle.HtmlEncode()</h3>
                                                            </div>
                                                        </div>
                                                        <p>@Partial.PostShortContent(comPost.PostID, 190)</p>
                                                    </div>
                                                    <div class="buton1dark">@Partial.Translate("Devami", lang)<i class="fa fa-arrow-circle-right"></i></div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        }
                        </div>
                }
            </div>
        }
    }
</section>

CSS

.buton1dark {
        background: #9f1c1f;
        border: 1px solid #9f1c1f;
    }

        .buton1dark, .buton1dark a {
            color: #FFFFFF;
        }

    .buton1dark {
        color: #FFFFFF;
        display: inline-block;
        padding: 2px 12px;
        text-transform: lowercase;
        margin-top: 10px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 0px;
    }

        .buton1dark i {
            border-left: 1px solid rgba(255, 255, 255, .5);
            padding-left: 10px;
            margin-left: 15px;
            line-height: 25px;
        }

        .buton1dark:hover {
            color: #424d58;
            border: 1px solid #424d58;
        }

        .buton1dark:hover {
            background: #FFFFFF;
        }

.kutu .kenarlik .kanvas {
    width: 100%;
    min-height: 290px;
    max-height: 290px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.getir .kenarlik {
    border: 1px solid #424d58;
}
div.kutu {
    margin-bottom: 20px !important;
}

https://www.tunayegin.av.tr/tr

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

İndex Bileşenleri