MAKALE

@{
    int card25Col = 4;
    int card25TotalRow = 1;
    int card25CategoryOrderNumber = 2;

    if (Partial.isCategoryOrderNumber(card25CategoryOrderNumber))
    {
        IEnumerable<Post>
        card25PostsID = Partial.PostsID(card25CategoryOrderNumber, 0, card25Col * card25TotalRow, Partial.Order.OrderBy, true);
        Category categorytitle = Partial.Category(card25CategoryOrderNumber);
        int card25Count = Convert.ToInt32(Math.Ceiling(card25PostsID.Count() / Convert.ToDouble(card25Col)));
        <div class="container-fluid bg-white p-5">
            <div class="big-title3 text-center">
                <h3 class="big_title3">@categorytitle.CategoryTitle.HtmlEncode()</h3>
                <p class="title-para3">@Partial.Translate("BaslikAciklama", lang)</p>
            </div>
            <div class="container">
                @for (int componen = 0; componen < card25Count; componen++)
                {
                    <div class="row">
                        @foreach (Post comPost in card25PostsID.Skip(componen * card25Col).Take(card25Col))
                        {
                            <div class="col-md-@(12 / card25Col) col-sm-6 mb-3">
                                <div class="dc-card mt-2">
                                    <div style="display:flex;">
                                        <a href="@Partial.PostLink(comPost.PostID)">
                                            <img class="img-thumb-bg" src="@comPost.PostThumbnail">
                                            <div class="overlay"></div>
                                        </a>
                                    </div>
                                    <div class="dc-card-body text-center">
                                        <h5 class="dc-card-title">@comPost.PostTitle.HtmlEncode()</h5>
                                        <p class="dc-card-text">
                                            @Partial.PostShortContent(comPost.PostID, 170)
                                        </p>
                                    </div>
                                    <div class="discus-btn text-center mb-3">
                                        <a href="@Partial.PostLink(comPost.PostID)" class="btn btn-primary">@Partial.Translate("Devami", lang)<i class="fa fa-arrow-circle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        </div>
    }
}

KATEGORİ

@{
    int card24Col = 4;
    int card24TotalRow = 1;
    int card24CategoryOrderNumber = 3;

    if (Partial.isCategoryOrderNumber(card24CategoryOrderNumber))
    {
        IEnumerable<Category> card24Category = Partial.CategorySubID(card24CategoryOrderNumber);
        Category categoryidno = Partial.Category(card24CategoryOrderNumber);
        int card24Count = Convert.ToInt32(Math.Ceiling(card24Category.Count() / Convert.ToDouble(card24Col)));
        <div class="container-fluid bg-white p-5">
            <div class="big-title3 text-center">
                <h3 class="big_title3">@categoryidno.CategoryTitle.HtmlEncode()</h3>
                <p class="title-para3">@Partial.Translate("BaslikAciklama", lang)</p>
            </div>
            <div class="container">
                @for (int componen = 0; componen < card24TotalRow; componen++)
                {
                    <div class="row">
                        @foreach (Category comCategory in card24Category.Skip(componen * card24Col).Take(card24Col))
                        {
                            <div class="col-md-@(12 / card24Col) col-sm-6 mb-3">
                                <div class="dc-card mt-2">
                                    <div style="display:flex;">
                                        <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                            <img class="img-thumb-bg" src="@comCategory.CategoryThumbnail">
                                            <div class="overlay"></div>
                                        </a>
                                    </div>

                                    <div class="dc-card-body text-center">
                                        <h5 class="dc-card-title">
                                            <br />
                                            @comCategory.CategoryTitle.HtmlEncode()
                                        </h5>
                                        <p class="dc-card-text">
                                            @Partial.CategoryShortContent(comCategory.CategoryID, 105)
                                        </p>
                                    </div>
                                    <div class="discus-btn text-center mb-3">
                                        <a href="@Partial.CategoryLink(comCategory.CategoryID)" class="btn btn-primary">@Partial.Translate("Devami", lang)<i class="fa fa-arrow-circle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        </div>
    }
}

CSS

/*gradient card*/

a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.img-thumb-bg {
  padding: 0;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  background-position: center;
  background-color: transparent;
  background-size: cover;
}

.overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #ffffff 95%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #ffffff 95%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #ffffffffffff 95%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #ffffff 95%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #ffffff 95%);
  background: -webkit-gradient(left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(95%, #ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

http://demo16.karayeltasarim.com/tr

http://.www.investbd.com.tr

İndex Bileşenleri