<section class="discus-parallax bg-white">
@{
int card74Col = 3;
int card74TotalRow = 1;
int card74CategoryOrderNumber = 16;
if (Partial.isCategoryOrderNumber(card74CategoryOrderNumber))
{
IEnumerable<Category> card74Category = Partial.CategorySubOrderNumber(card74CategoryOrderNumber, lang);
Category categoryno = Partial.Category(card74CategoryOrderNumber, lang);
int card74Count = Convert.ToInt32(Math.Ceiling(card74Category.Count() / Convert.ToDouble(card74Col)));
<div class="container">
<div class="rs-heading mb-40 text-center">
<div class="title-inner">
<h2>@categoryno.CategoryTitle.HtmlEncode()</h2>
</div>
</div><div class="rs-courses-categories2">
@for (int componen = 0; componen < card74TotalRow; componen++)
{
<div class="row">
@foreach (Category comCategory in card74Category.Skip(componen * card74Col).Take(card74Col))
{
<div class="col-lg-@(12 / card74Col) col-md-@(12 / card74Col)">
<div class="courses-item" style="background:url(@comCategory.CategoryThumbnail);background-size:cover">
<i class="fas fa-link"></i>
<h4 class="courses-title"><a href="@Partial.CategoryLink(comCategory.CategoryID)">@comCategory.CategoryTitle.HtmlEncode()</a></h4>
<span class="courses-amount">@Partial.CategoryShortContent(comCategory.CategoryID, 105)</span>
<div class="overlay-black"> </div>
</div>
</div>
}
</div>
}
</div>
<div class="view-btn text-center"><a class="readon" href="@Partial.CategoryLink(card74CategoryOrderNumber)">@Partial.Translate("TumKategoriler", lang)</a></div>
</div>
}
}
</section>
<section class="discus-parallax bg-white">
@{
int card73Col = 3;
int card73TotalRow = 1;
int card73CategoryOrderNumber = 16;
if (Partial.isCategoryOrderNumber(card73CategoryOrderNumber))
{
IEnumerable<Post>
card73Posts = Partial.PostsOrderNumber(card73CategoryOrderNumber, 0, card73Col * card73TotalRow, Partial.Order.OrderBy, true, lang);
Category categorytitle = Partial.Category(card73CategoryOrderNumber, lang);
int card73Count = Convert.ToInt32(Math.Ceiling(card73Posts.Count() / Convert.ToDouble(card73Col)));
<div class="container">
<div class="rs-heading mb-40 text-center">
<div class="title-inner">
<h2>@categorytitle.CategoryTitle.HtmlEncode()</h2>
</div>
</div><div class="rs-courses-categories2">
@for (int componen = 0; componen < card73Count; componen++)
{
<div class="row">
@foreach (Post comPost in card73Posts.Skip(componen * card73Col).Take(card73Col))
{
<div class="col-lg-@(12 / card73Col) col-md-@(12 / card73Col)">
<div class="courses-item" style="background:url(@comPost.PostThumbnail);background-size:cover">
<i class="fas fa-link"></i>
<h4 class="courses-title"><a href="@Partial.PostLink(comPost.PostID)">@comPost.PostTitle.HtmlEncode()</a></h4>
<span class="courses-amount">@Partial.PostShortContent(comPost.PostID, 105)</span>
<div class="overlay-black"> </div>
</div>
</div>
}
</div>
}
</div>
<div class="view-btn text-center"><a class="readon" href="@Partial.CategoryLink(card73CategoryOrderNumber)">@Partial.Translate("TumKategoriler", lang)</a></div>
</div>
}
}
</section>
.overlay-black {
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 8px;
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%, #505050 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);
}
.sub-text {
display: block;
font-size: 18px;
line-height: 34px !important;
font-family: poppins,sans-serif;
color: #ff3115 !important;
font-weight: 600;
}
.rs-heading h2 {
position: relative;
display: inline-block;
text-transform: uppercase;
z-index: 10;
margin-bottom: 10px;
}
.rs-courses-categories2 .courses-item {
text-align: center;
background-color: #212121;
padding: 30px 5px 22px;
margin-bottom: 30px;
border-radius: 8px;
position: relative;
}
.rs-courses-categories2 .courses-item .courses-title {
font-size: 20px;
margin-bottom: 0;
margin-top: 12px;
font-weight: 600;
position: relative;
z-index: 10;
line-height: 30px;
}
.rs-courses-categories2 .courses-item .courses-title a {
color: #fff;
}
.rs-courses-categories2 .courses-item .courses-amount {
position: relative;
z-index: 10;
font-size: 13px;
font-weight: 400;
color: #fff;
}
.rs-courses-categories2 .courses-item:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #360701;
opacity: 0;
visibility: hidden;
border-radius: 8px;
transition: all .3s ease 0s;
}
.rs-courses-categories2 .courses-item:hover {
opacity: 1;
visibility: visible;
}
.rs-courses-categories2 .courses-item:hover:after {
opacity: .9;
visibility: visible;
}
.rs-courses-categories2 .courses-item i {
background: #ff3115;
position: relative;
z-index: 10;
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #ff3115;
color: #fff;
border-radius: 50%;
font-size: 30px;
transition: .5s;
-webkit-transition: .5s;
-ms-transition: .5s;
opacity: 0;
visibility: hidden;
}
.rs-courses-categories2 .courses-item:hover i {
opacity: 1;
visibility: visible;
}
.readon {
font-family: Roboto,sans-serif !important;
font-size: 14px;
border: 1px solid #ff3115;
background: #ff3115;
display: inline-block;
padding: 0 35px;
height: 45px;
line-height: 45px;
position: relative;
color: #fff !important;
-webkit-transition: .4s;
transition: .4s;
text-transform: uppercase;
font-weight: 400;
text-align: center;
border-radius: 35px;
}
http://keenitsolutions.com/products/wordpress/eshkool/home-10/
Sosyal Ağ