Makale

@{
    int card35Col = 1;
    int card35TotalRow = 4;
    int card35CategoryOrderNumber = 2;

    if (Partial.isCategoryOrderNumber(card35CategoryOrderNumber))
    {
        IEnumerable<Post>
        card35Posts = Partial.PostsOrderNumber(card35CategoryOrderNumber, 0, card35Col * card35TotalRow, Partial.Order.OrderBy, true, lang);
        Category category35title = Partial.Category(card35CategoryOrderNumber, lang);
        int card35Count = Convert.ToInt32(Math.Ceiling(card35Posts.Count() / Convert.ToDouble(card35Col)));
        <div class="container-fluid" style="padding:50px 0px; background-color:#f2f2f2;">
            <div class="big-title3 text-center">
                <h3 class="big_title3_gri">@category35title.CategoryTitle.HtmlEncode()</h3>
            </div>
            <div class="container bs-nopadding bgdark">
                <div class="main-product">
                    <div class="row">
                        @for (int componen = 0; componen < card35Count; componen++)
                        {
                            foreach (Post comPost in card35Posts.Skip(componen * card35Col).Take(card35Col))
                            {

                                <div class="product product-one col-lg-3 col-md-6 col-sm-6 col-6">
                                    <a href="@Partial.PostLink(comPost.PostID)">
                                        @if (componen % 2 != 0)
                                        {
                                            <div class="kanvas" style="background-image:url(@comPost.PostThumbnail);"></div>
                                        }
                                        <div class="kutu2">
                                            <div class="text-content text-center">
                                                <div class="text-baslik tip-tablo">
                                                    <div class="hucre hucre-ortala mt-4">
                                                        <h3>@comPost.PostTitle.HtmlEncode()</h3>
                                                    </div>
                                                </div>
                                                <p style="margin-top: 30px;">
                                                    @Partial.PostShortContent(comPost.PostID, 105)
                                                </p>
                                            </div>
                                            <div class="buton1dark">devamı <i class="fa fa-arrow-circle-right"></i> </div>
                                        </div>
                                        @if (componen % 2 == 0)
                                        {
                                            <div class="kanvas" style="background-image:url(@comPost.PostThumbnail);"></div>
                                        }
                                    </a>
                                </div>
                            }
                        }
                    </div>
                </div>
            </div>
        </div>
    }
}

Kategori

@{
    int card37Col = 1;
    int card37TotalRow = 4;
    int card37CategoryOrderNumber = 3;

    if (Partial.isCategoryOrderNumber(card37CategoryOrderNumber))
    {
        IEnumerable<Category>
        card37Category = Partial.CategorySubOrderNumber(card37CategoryOrderNumber, lang);
        Category category37idno = Partial.Category(card37CategoryOrderNumber, lang);
        int card37Count = Convert.ToInt32(Math.Ceiling(card37Category.Count() / Convert.ToDouble(card37Col)));
        <div class="container-fluid" style="padding:50px 0px; background-color:#f2f2f2;">
            <div class="big-title3 text-center">
                <h3 class="big_title3_gri">@category37idno.CategoryTitle.HtmlEncode()</h3>
            </div>
            <div class="container bs-nopadding bgdark">
                <div class="main-product">
                    <div class="row">
                        @for (int componen = 0; componen < card37TotalRow; componen++)
                        {
                            foreach (Category comCategory in card37Category.Skip(componen * card37Col).Take(card37Col))
                            {
                                <div class="product product-one col-lg-3 col-md-6 col-sm-6 col-6">
                                    <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                        @if (componen % 2 != 0)
                                        {
                                            <div class="kanvas" style="background-image:url(@comCategory.CategoryThumbnail);"></div>
                                        }
                                        <div class="kutu2">
                                            <div class="text-content text-center">
                                                <div class="text-baslik tip-tablo">
                                                    <div class="hucre hucre-ortala mt-4">
                                                        <h3> @comCategory.CategoryTitle.HtmlEncode() </h3>
                                                    </div>
                                                </div>
                                                <p style="margin-top: 30px;">
                                                    @Partial.CategoryShortContent(comCategory.CategoryID, 105)
                                                </p>
                                            </div>
                                            <div class="buton1dark">devamı <i class="fa fa-arrow-circle-right"></i> </div>
                                        </div>
                                        @if (componen % 2 == 0)
                                        {
                                            <div class="kanvas" style="background-image:url(@comCategory.CategoryThumbnail);"></div>
                                        }
                                    </a>
                                </div>
                            }
                        }
                    </div>
                </div>
            </div>
        </div>
    }
}

AltKategori

@{
    int card80Col = 3;
    int card80categoryOrderNumber = 3;

    if (Partial.isCategoryOrderNumber(card80categoryOrderNumber))
    {
        Category subCategory = Partial.Category(card80categoryOrderNumber, lang);

        IEnumerable<Category>
          categories = Partial.CategorySubOrderNumber(card80categoryOrderNumber, lang);
        <div class="section-full mobile-page-padding p-t80 p-b30 square_shape1 bg-parallax bg-cover" data-stellar-background-ratio="0.5" style="background-image:url(@subCategory.CategoryThumbnail);">
            <div class="container">
                <div class="section-head ">
                    <div class="mt-separator-outer separator-center">
                        <div class="mt-separator">
                            <h2 class="text-white text-uppercase sep-line-one "><span class="text-white " style="color:white;">@subCategory.CategoryTitle.HtmlEncode()</span></h2>
                        </div>
                    </div>
                </div>

                <div class="section-content">
                    <div class="container">
                        <div class="row">
                            @foreach (Category comCategory in categories.Skip(0).Take(card80Col))
                            {
                                <div class="col-md-4 col-sm-6">
                                    <div class="mt-box blog-post latest-blog-3 date-style-1 bg-white m-b30">
                                        <div class="mt-post-media">
                                            <a href="@comCategory.CategoryLink"><img src="@comCategory.CategoryImage" alt="@comCategory.CategoryTitle.HtmlEncode()"></a>
                                        </div>
                                        <div class="mt-post-info p-a30">
                                            <div class="post-overlay-position">
                                                <div class="mt-post-title ">
                                                    <a href="@comCategory.CategoryLink"> <h4 class="post-title m-b0">@comCategory.CategoryTitle.HtmlEncode()</h4></a>
                                                </div>
                                                <div class="mt-post-text">
                                                    <a href="@comCategory.CategoryLink"> <p> @Partial.CategoryShortContent(comCategory.CategoryID, 105)</p></a>
                                                </div>
                                                <div class="readmore-line">
                                                    <span><a href="@comCategory.CategoryLink" class="site-button-link" data-hover="Read More">@Partial.Translate("Devami", lang)<i class="fa fa-angle-right arrow-animation"></i></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            }
                        </div>
                    </div>
                </div>

            </div>
        </div>
    }
}

CSS


    /******** main product basla  background: linear-gradient(to bottom, #0d1664 0%,#af0b15 100%);*****/

    .main-product .product {
        margin-bottom: 10px;
        min-height: 425px;
        overflow: hidden;
        padding: 0 5px;
    }

    .main-product .kutu2 {
        height: 290px;
        overflow: hidden;
        margin-bottom: 0px;
        padding: 10px;
        background: #d8d8d8;
        color: black;
    }

    .main-product .product a {
        display: block;
        color: #ffffff;
    }

    .main-product .product .buton1dark {
        margin: 0px auto;
        display: table;
    }

    .main-product .product a .text {
        height: 280px;
        padding: 0 20px;
        text-align: center;
        float: left;
        display: block;
        width: 100%;
    }

    .main-product h2 {
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 600;
        min-height: 55px;
        margin-top: 30px;
    }

    .main-product .product a .image {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 255px;
    }

    .main-product .product-one a .text:hover {
        background-color: #333;
    }

    .main-product .product {
        margin-bottom: 10px;
        height: auto;
        overflow: hidden;
        padding: 0 5px;
    }

        .main-product .product a {
            display: block;
            color: #fff;
        }

    .main-product .product-one a .text {
        background-color: #037498;
        -moz-transition-duration: .5s;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        -ms-transition-duration: .5s;
        transition-duration: .5s;
    }

    .kanvas {
        width: 100%;
        min-height: 290px;
        max-height: 290px;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

.big-title3 {
    margin-bottom: 2em;
}

h3.big_title3_gri {
    color: #626262;
    font-size: 2.5em;
    margin: 0 auto;
    position: relative;
}

h3.big_title3_gri:after {
    content: '';
    height: 20px;
    width: 100%;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/Upload/File/2020/1/20/ayracgri.png);
}
    /******** main product bitir *****/

www.antalyateknokent.com.tr

İndex Bileşenleri