Middle Section Left Image and Right 4 Box +++

Kategori

<section class="discus-parallax m-0 p-0 sesgetir">
    @{
        int card100Col = 4;
        int card100Row = 1;
        int card100categoryOrderNumber = 3;

        if (Partial.isCategoryOrderNumber(card100categoryOrderNumber))
        {
            IEnumerable<Category>
            card100Category = Partial.CategorySubOrderNumber(card100categoryOrderNumber, lang);
            Category category100idno = Partial.Category(card100categoryOrderNumber, lang);
            int card100Count = Convert.ToInt32(Math.Ceiling(card100Category.Count() / Convert.ToDouble(card100Col)));
            <div class="row m-0">
                <div class="col-md-6" style="background-image: url(@category100idno.CategoryThumbnail);">

                </div>
                <div class="col-md-6 p-5" style="background-color: #050f4c !important">
                    <div class="row">
                        <div class="col-md-12">
                            <h2> @category100idno.CategoryTitle.HtmlEncode()</h2>
                        </div>
                    </div>

                    @for (int componen = 0; componen < card100Row; componen++)
                    {
                        foreach (Category comCategory in card100Category.Skip(componen * card100Col).Take(card100Col))
                        {
                            <div class="kutu">
                                <div class="kenarlik p-2">
                                    <div class="row m-0">
                                        <div class="col-sm-4 col-xs-3">
                                            <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                                <img src="@comCategory.CategoryThumbnail">
                                            </a>
                                        </div>
                                        <div class="col-sm-8 col-xs-9">
                                            <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                                <div class="text-content katozetegg">
                                                    <div class="text-baslik tip-tablo">
                                                        <div class="hucre hucre-ortala">
                                                            <h3 class="m-0">@comCategory.CategoryTitle.HtmlEncode()</h3>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <p>
                                                        @Partial.CategoryShortContent(comCategory.CategoryID, 105)
                                                    </p>
                                                </div>
                                            </a>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        }
                    }
                </div>
            </div>
        }
    }
</section>

Makale

<section class="discus-parallax m-0 p-0 sesgetir">
    @{
        int card95Col = 4;
        int card95Row = 1;
        int card95categoryOrderNumber = 3;

        if (Partial.isCategoryOrderNumber(card95categoryOrderNumber))
        {
            Category category95title = Partial.Category(card95categoryOrderNumber, lang);

            IEnumerable<Post>
            card95PostsOrderNumber = Partial.PostsOrderNumber(card95categoryOrderNumber, 0, card95Col * card95Row, Partial.Order.OrderBy, true, lang);

            int card95Count = Convert.ToInt32(Math.Ceiling(card95PostsOrderNumber.Count() / Convert.ToDouble(card95Col)));
            <div class="row m-0">
                <div class="col-md-6" style="background-image: url(@category95title.CategoryThumbnail);">

                </div>
                <div class="col-md-6 p-5" style="background-color: #050f4c !important">
                    <div class="row">
                        <div class="col-md-12">
                            <h2> @category95title.CategoryTitle.HtmlEncode()</h2>
                        </div>
                    </div>

                    @for (int componen = 0; componen < card95Count; componen++)
                    {
                        foreach (Post comPost in card95PostsOrderNumber.Skip(componen * card95Col).Take(card95Col))
                        {
                            <div class="kutu">
                                <div class="kenarlik p-2">
                                    <div class="row m-0">
                                        <div class="col-sm-4 col-xs-3">
                                            <a href="@Partial.PostLink(comPost.PostID)">
                                                <img src="@comPost.PostThumbnail">
                                            </a>
                                        </div>
                                        <div class="col-sm-8 col-xs-9">
                                            <a href="@Partial.PostLink(comPost.PostID)">
                                                <div class="text-content katozetegg">
                                                    <div class="text-baslik tip-tablo">
                                                        <div class="hucre hucre-ortala">
                                                            <h3 class="m-0">@comPost.PostTitle.HtmlEncode()</h3>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <p>
                                                        @Partial.PostShortContent(comPost.PostID, 105)
                                                    </p>
                                                </div>
                                            </a>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        }
                    }
                </div>
            </div>
        }
    }
</section>

CSS

.sesgetir h2 {
    font-weight: 600;
    background: #000;
    padding: 8px 12px;
    margin-left: -1px;
    color: #FFFFFF;
    font-size: 37px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Merriweather, sans-serif;
}

.sesgetir h3 {
    color: #FFFFFF;
}

.egg .kenarlik {
    padding: 8px;
    min-height: 141px;
}

.sesgetir .kenarlik {
    border: 1px solid #424d58;
}

.sesgetir p {
    color: #FFFFFF;
    margin: 10px 0px;
    line-height: 1.4em;
}

.egg p {
    margin-bottom: 0px;
}

.egg .text-content {
    padding: 0px;
}

.sesgetir hr {
    margin-top: 0px;
}

.egg hr {
    width: 95%;
    float: left;
    margin-top: 0px;
}

hr {
    border-top: 1px solid #424d58;
}

http://www.anka-international.com.tr/

İndex Bileşenleri