@{
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>
}
}
@{
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>
}
}
/*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
Sosyal Ağ