Section Bg-Image and Col-12 +++

Kategori

@{
    int card88Col = 1;
    int card88Row = 1;
    int card88CategoryOrderNumber = 14;

    if (Partial.isCategoryOrderNumber(card88CategoryOrderNumber))
    {
        IEnumerable<Category>
            card88Category = Partial.CategorySubOrderNumber(card88CategoryOrderNumber, lang);
        Category card88categorytitle = Partial.Category(card88CategoryOrderNumber, lang);
        int card88Count = Convert.ToInt32(Math.Ceiling(card88Category.Count() / Convert.ToDouble(card88Col)));
        <section class="sect bravo" style="background-image: url(@card88categorytitle.CategoryThumbnail);">
            <div class="table-cell-align">
                <div class="container">
                    @for (int componen = 0; componen < card88Row; componen++)
                    {
                        <div class="row">
                            @foreach (Category comCategory in card88Category.Skip(componen * card88Row).Take(card88Col))
                            {
                                <div class="col-md-12 text-center mrgtop">
                                    <h1>@comCategory.CategoryTitle.HtmlEncode()</h1>
                                    <p class="icerik"> @Partial.PostShortContent(comCategory.CategoryID, 140)</p>
                                </div>
                            }
                        </div>
                    }
                </div>
            </div>
        </section>
    }
}

Makale

@{
    int card89Col = 1;
    int card89Row = 1;
    int card89CategoryOrderNumber = 3;

    if (Partial.isCategoryOrderNumber(card89CategoryOrderNumber))
    {
        IEnumerable<Post>
        card89Posts = Partial.PostsOrderNumber(card89CategoryOrderNumber, 0, card89Col * card89Row, Partial.Order.OrderBy, true, lang);

        Category card89PostCategory = Partial.Category(card89CategoryOrderNumber, lang);
        int card89Count = Convert.ToInt32(Math.Ceiling(card89Posts.Count() / Convert.ToDouble(card89Col)));
        <section class="sect bravo" style="background-image: url(@card89PostCategory.CategoryThumbnail);">
            <div class="table-cell-align">
                <div class="container">
                    @for (int componen = 0; componen < card89Row; componen++)
                    {
                        <div class="row">
                            @foreach (Post comPost in card89Posts.Skip(componen * card89Col).Take(card89Col))
                            {
                                <div class="col-md-12 text-center mrgtop">
                                    <h1>@comPost.PostTitle.HtmlEncode()</h1>
                                    <p class="icerik"> @Partial.PostShortContent(comPost.PostID, 140)</p>
                                </div>
                            }
                        </div>
                    }
                </div>
            </div>
        </section>
    }
}

CSS

.bravo {
        background-color: #cf7668;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 100vh;
        color: #222;
        display: table;
    }

    .table-cell-align {
        display: table-cell;
        vertical-align: middle;
    }

    .mrgtop {
        margin-top: 90px;
    }

    .bravo h1 {
        color: #edeb76;
        font-weight: 300;
        border-bottom: 2px solid #fff;
        padding-bottom: 10px;
        font-family: 'Marck Script', cursive;
        font-size: 50px;
        letter-spacing: -2px;
        text-shadow: 12px 1px 21px #000;
    }

    .bravo p {
        color: #fff;
    }

    .icerik {
        font-size: 22px;
    }

    p {
        margin: 0 0 10px;
    }

http://www.akmproje.com.tr/tr

https://www.alanyaliahsap.com.tr/