Kategori

<section class="discus-parallax bg-white">
    @{
        int card60Col = 4; // Bir satırda kaç Alt Kategori olacak
        int card60TotalCol = 8;  // Getirilecek Toplam Alt Kategori Sayısı
        int card60CategoryOrderNumber = 3; // Kategori ID
        int card60A = 1;

        if (Partial.isCategoryOrderNumber(card60CategoryOrderNumber))
        {
            IEnumerable<Category>
            card60Category = Partial.CategorySubOrderNumber(card60CategoryOrderNumber, lang);
            Category categoryidno = Partial.Category(card60CategoryOrderNumber, lang);
            int card60Count = Convert.ToInt32(Math.Ceiling(card60Category.Count() / Convert.ToDouble(card60A)));
            <div class="container">
                <div class="big-title3 text-center mt-3">
                    <h2>@categoryidno.CategoryTitle.HtmlEncode()</h2>
                </div><div class="row mb-3">
                    @for (int componen = 0; componen < card60TotalCol; componen++)
                    {
                        foreach (Category comCategory in card60Category.Skip(componen * card60A).Take(card60A))
                        {

                            <div class="kutu col-md-@(12 / card60Col) col-sm-@(12 / card60Col)" @if (componen % card60Col != 0) { <text> style="border-left: 2px solid #DBDBDB;" </text> }>
                                <div class="kenarlik">
                                    <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                        <img class="medyakanvas" src="@comCategory.CategoryThumbnail">
                                        <div class="text-content text-center">
                                            <div class="text-baslik tip-tablo">
                                                <div class="hucre hucre-ortala">
                                                    <h3>@comCategory.CategoryTitle.HtmlEncode()</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        }
                    }
                </div>
            </div>
        }
    }
</section>

Makale

<section class="discus-parallax bg-white">
    @{
        int card61Col = 4; // Bir satırda kaç Makale olacak
        int card61TotalCol = 8; // Getirilecek Toplam Makale Sayısı
        int card61CategoryOrderNumber = 2; // Kategori Sıra Numarası
        int card61A = 1;

        if (Partial.isCategoryOrderNumber(card61CategoryOrderNumber))
        {
            IEnumerable<Post>
            card61Posts = Partial.PostsOrderNumber(card61CategoryOrderNumber, 0, card61A * card61TotalCol, Partial.Order.OrderBy, true, lang);
            Category category61title = Partial.Category(card61CategoryOrderNumber, lang);
            int card61Count = Convert.ToInt32(Math.Ceiling(card61Posts.Count() / Convert.ToDouble(card61A)));
            <div class="container">
                <div class="big-title3 text-center mt-3">
                    <h2>@category61title.CategoryTitle.HtmlEncode()</h2>
                </div>
                <div class="row">
                    @for (int componen = 0; componen < card61Count; componen++)
                    {
                        foreach (Post comPost in card61Posts.Skip(componen * card61A).Take(card61A))
                        {
                            <div class="kutu col-md-@(12 / card61Col) col-sm-@(12 / card61Col)" @if (componen % card61Col != 0) { <text> style="border-left: 2px solid #DBDBDB;" </text> }>
                                <div class="kenarlik">
                                    <a href="@Partial.PostLink(comPost.PostID)">
                                        <img class="medyakanvas" src="@comPost.PostThumbnail">
                                        <div class="text-content text-center">
                                            <div class="text-baslik tip-tablo">
                                                <div class="hucre hucre-ortala">
                                                    <h3>@comPost.PostTitle.HtmlEncode()</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        }
                    }
                </div>
            </div>
        }
    }
</section>

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