@inherits System.Web.Mvc.WebViewPage<IEnumerable<Discus.Models.Post>>
@using System.Web.Helpers;
@using System.Web.Mvc;
@using Discus.Models;
@using Discus.Controllers;
@{
string lang = ViewBag.LanguageShortName;
Category category = ViewBag.Category as Category;
}
<style type="text/css">
.header-transparent-on .navik-menu > ul > li > a, .header-opacity-on .navik-menu > ul > li > a {
color: #000000;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-12" style="text-align:right;">
<img src="/Upload/File/2020/2/6/gkmlogo.jpg" />
</div>
</div>
</div>
<style>
.p-0 {
padding: 0 !important;
}
.discus-bg-grad {
background-image: linear-gradient(-45deg, #d08815, #ff9504);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}
.discus-bg-grad2 {
background-image: linear-gradient(-45deg, #b66b54, #f0ad99);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}
.discus-bg-grad3 {
background-image: linear-gradient(-45deg, #c84cb4, #ff6ce8);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
}
.discus-text-grad {
background: -moz-linear-gradient(150deg, #056dff 0%, #ff6491 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #056dff), color-stop(100%, #ff6491));
background: -webkit-linear-gradient(150deg, #056dff 0%, #ff6491 100%);
background: -o-linear-gradient(150deg, #056dff 0%, #ff6491 100%);
background: -ms-linear-gradient(150deg, #056dff 0%, #ff6491 100%);
background: linear-gradient(150deg, #056dff 0%, #ff6491 100%);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;
}
.all-text-white *, .text-all-white * {
color: #ffffff;
}
.list-group .list-group-item {
background: transparent;
}
.list-group .list-group-item i {
margin-right: 5px;
color: white;
}
.list-group-item {
border: 0px;
}
.btn-outline-primary {
border-color: #ffffff;
}
a.kutu-link {
font-size: 20px;
font-weight: bold;
}
span.icon-count-number {
position: absolute;
left: 50px;
top: 20px;
font-size: 120px;
font-weight: 800;
color: #ffffff;
line-height: 120px;
}
span.icon-count-title {
left: 80px;
top: 70px;
position: absolute;
color: #454545;
font-size: 40px;
font-weight: 800;
padding: 10px 40px;
}
@@media (max-width: 575.98px) {
span.icon-count-title {
font-size: 30px;
}
}
</style>
@category.CategoryContent.HtmlEncode()
@{
int card65Col = 1;
int card65TotalRow = 3;
int card65CategoryID = 3;
if (Partial.isCategoryOrderNumber(card65CategoryID))
{
IEnumerable<Category>
card65Category = Partial.CategorySubID(card65CategoryID);
Category categoryidno = Partial.Category(card65CategoryID);
int card65Count = Convert.ToInt32(Math.Ceiling(card65Category.Count() / Convert.ToDouble(card65Col)));
int sayi = 0;
for (int componen = 0; componen < card65TotalRow; componen++)
{
foreach (Category comCategory in card65Category.Skip(componen * card65Col).Take(card65Col))
{
sayi++;
<div class="container-fluid p-0">
<div class="row no-gutters">
@if (componen % 2 != 0)
{
<!--why us right-->
<div class="col-lg-6 col-xs-12 bg-light" style="background:url(@comCategory.CategoryImage) no-repeat; background-size:cover; width: 100%;background-position:left center;">
</div>
}
<!--why us right-->
<div class="col-lg-6 col-xs-12 discus-bg-grad px-4 py-5 p-lg-5 all-text-white">
<div class="h-100">
<p class="p-b30">
<span class="icon-count-number"><text>0</text>@sayi</span>
<span class="icon-count-title">@comCategory.CategoryTitle.HtmlEncode()</span>
</p>
<p style="padding-top:100px;">
@Partial.CategoryShortContent(comCategory.CategoryID, 250)
</p>
<div class="col-md-12"><a class="kutu-link" href="@Partial.CategoryLink(comCategory.CategoryID)">@Partial.Translate("Devami", lang)</a></div>
</div>
</div>
@if (componen % 2 == 0)
{
<!--why us right-->
<div class="col-lg-6 col-xs-12 bg-light" style="background:url(@comCategory.CategoryImage) no-repeat; background-size:cover; width: 100%;background-position:left center;">
</div>
}
</div>
</div>
}
}
}
}
<style type="text/css">
.gkm-yuvarlak {
height: 120px;
width: 120px;
border-radius: 50%;
border: 8px solid #f8d2c7;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 35px;
padding: 19px 19px 17px 17px;
}
</style>
<style type="text/css">
.sayac-title p {
vertical-align: middle;
position: relative;
font-weight: bold;
font-size: 30px;
height: 50px;
margin: 120px 0;
display: inline-grid;
}
.sayac-title span {
position: absolute;
color: #ffebe9;
z-index: -1;
font-size: 81px;
top: -45px;
left: -45px;
}
.h-100 ul {
padding: 0px;
margin: 0px;
}
.h-100 li {
list-style: none;
padding: 0px 0px 0px 20px;
margin: 0px;
}
.h-100 li:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 20px;
font-size: 14px;
padding-top: 3px;
}
</style>
<style type="text/css">
.inner-box {
position: relative;
text-align: center;
padding: 35px 30px;
background-color: #fff;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.inner-box:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 0px;
height: 5px;
background-color: #ad8e63;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.inner-box .quote-icon {
position: absolute;
right: 45px;
top: -20px;
color: #e0e0e0;
font-size: 60px;
line-height: 1em;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.inner-box .image-outer {
position: relative;
display: inline-block;
}
.inner-box .image-outer:before {
position: absolute;
content: '';
left: -4px;
top: -4px;
right: -4px;
bottom: -4px;
border-radius: 50px;
border: 2px solid #d1ae7c;
}
.inner-box .image {
position: relative;
width: 76px;
height: 76px;
overflow: hidden;
margin: 0 auto;
border-radius: 50px;
}
.inner-box h5 a {
position: relative;
color: #004286;
font-weight: 700;
margin-top: 5px;
}
</style>
@{
<div class="container-fluid bilgidetay pt-5">
<div class="container all-text-white">
<div class="big-title3 text-center">
<h3 class="big_title3_gri">GKM'CİLER</h3>
</div>
<div class="owl-carousel-brand owl-carousel-fix owl-theme">
@foreach (Post comPost in Partial.PostsID(2, 0, 1000, Partial.Order.OrderBy, false))
{
<div class="text-center all-text-white">
<a href="@Partial.PostLink(comPost.PostID)">
<div class="discus-imageframe">
<img src="@comPost.PostThumbnail" style="max-width:70%;" />
</div>
</a>
</div>
}
</div>
</div>
</div>
}
<style type="text/css">
.sayac-title {
text-align: center;
}
.gkm-duz .fas {
font-size: 40px;
}
.gkm-ozellik .col-md-3 {
margin-top: 30px;
}
.gkm-hizmetler .col img {
height: 50px;
margin-bottom: 10px;
}
.gkm-hizmetler .row {
margin-top: 30px;
}
.gkm-hizmetler .gkm-yuvarlak-title {
font-size: 14px;
font-weight: normal;
}
.gkm-duz img {
padding: 15px;
}
</style>
<div class="container-fluid mt-4" style="background-color:#ffb9a7;color: white;font-weight:bold;">
<div class="container gkm-hizmetler" style="padding:50px 0px;text-align: center;">
<div class="big-title3 text-center">
<h3 class="big_title3_beyaz">HİZMETLERİMİZ</h3>
</div>
<div class="row">
<div class="col-md-12">
<div class="row">
@foreach (PhotoGalleryImage comPost in Partial.PhotoGalleryImages(2).Skip(0).Take(4))
{
<div class="col-md-3">
<div class="gkm-duz">
<img src="/Upload/PhotoGallery/Thumb/@comPost.PhotoGalleryImageLink" />
</div>
<div class="gkm-duz-title">
@comPost.PhotoGalleryImageNameTR
</div>
</div>
}
</div>
<div class="row">
@foreach (PhotoGalleryImage comPost in Partial.PhotoGalleryImages(2).Skip(4).Take(4))
{
<div class="col-md-3">
<div class="gkm-duz">
<img src="/Upload/PhotoGallery/Thumb/@comPost.PhotoGalleryImageLink" />
</div>
<div class="gkm-duz-title">
@comPost.PhotoGalleryImageNameTR
</div>
</div>
}
</div>
</div>
</div>
</div>
</div>
@{
int card1ColID = 4;
int card1TotalRowID = 3;
int card1CategoryID = 3;
if (Partial.isCategoryID(card1CategoryID))
{
IEnumerable<Post>
card1PostsID = Partial.PostsID(card1CategoryID, 0, card1ColID * card1TotalRowID, Partial.Order.ID, true);
Category categorys = Partial.Category(card1CategoryID);
int card1CountID = Convert.ToInt32(Math.Ceiling(card1PostsID.Count() / Convert.ToDouble(card1ColID)));
<div class="container bg-white mobile-hide mb-3 mt-4">
<div class="big-title3 text-center">
<h3 class="big_title3">@categorys.CategoryTitle</h3>
</div>
<div class="owl-carousel-haberler owl-theme owl-carousel-fix">
@foreach (Post comPost in card1PostsID)
{
<div class="dc-tekno card card-personal">
<a href="@Partial.PostLink(comPost.PostID)">
<div class="dc-resimstandart2" style="background-image: url(@comPost.PostThumbnail);">
</div>
<div class="dc-tekno-box">
<h5 class="dc-tekno-title">@comPost.PostTitle.HtmlEncode()</h5>
<hr>
<p class="">@Partial.PostShortContent(comPost.PostID, 120)</p>
</div>
</a>
</div>
}
</div>
</div>
}
}
<script>hljs.initHighlightingOnLoad();</script>
<script type="text/javascript">
$(document).ready(function () {
$('.counter').each(function () {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
duration: 4000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
$('#myTab a').on('click', function (e) {
$('#myTab a.active').removeClass('active');
$(this).addClass('active');
var id = $(this).data("id");
$('#myTabContent div').removeClass('show');
$('#myTabContent div').removeClass('active');
$('#myTabContent #' + id).addClass('show');
$('#myTabContent #' + id).addClass('active');
});
$(".kayan-yazi").owlCarousel({
items: 1,
dots: !0,
autoplay: !0,
autoplayTimeout: 4e3,
autoplayHoverPause: !0,
loop: !0,
animateOut: 'slideOutDown',
animateIn: 'flipInX',
margin: 30,
stagePadding: 30,
smartSpeed: 450,
responsive: {
0: { items: 1 },
767: { items: 1 },
1199: { items: 1 }
},
pagination: false,
nav: true,
dots: false,
navText: ['<span class="sol-buton sliderbuton"><i class="fa fa-angle-left" aria-hidden="true"></i></span>', '<span class="sag-buton sliderbuton"><i class="fa fa-angle-right" aria-hidden="true"></i></span>']
});
$('.owl-carousel-product').owlCarousel({
loop: true,
margin: 10,
nav: true,
navText: [
'<i class="fas fa-chevron-left"></i>',
'<i class="fas fa-chevron-right"></i>'
],
navContainer: '.dicus-owlcarousel .custom-nav',
autoplay: true,
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 1,
nav: false
},
1000: {
items: 4,
nav: true,
loop: false
}
}
});
$('.owl-carousel-haberler').owlCarousel({
margin: 10,
loop: true,
autoplay: true,
autoplayTimeout: 2000,
autoplayHoverPause: true,
nav: false,
//navText: [
// '<i class="fas fa-chevron-left"></i>',
// '<i class="fas fa-chevron-right"></i>'
//],
dots: true,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
}
}
});
$('.owl-carousel-brand').owlCarousel({
margin: 10,
loop: true,
autoplay: true,
autoplayTimeout: 1000,
autoplayHoverPause: true,
nav: false,
navText: [
'<i class="fas fa-chevron-left"></i>',
'<i class="fas fa-chevron-right"></i>'
],
dots: true,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 4
}
}
});
$('.owl-carousel-brand2').owlCarousel({
margin: 10,
loop: true,
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true,
nav: false,
navText: [
'<i class="fas fa-chevron-left"></i>',
'<i class="fas fa-chevron-right"></i>'
],
dots: true,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 2
}
}
});
$('.owl-carousel-video').owlCarousel({
margin: 10,
loop: true,
autoplay: true,
autoplayTimeout: 1000,
autoplayHoverPause: true,
nav: true,
navText: [
'<i class="fas fa-chevron-left"></i>',
'<i class="fas fa-chevron-right"></i>'
],
dots: false,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 4
}
}
});
$('.owl-gkmciler').owlCarousel({
margin: 10,
loop: true,
autoplay: true,
autoplayTimeout: 1000,
autoplayHoverPause: true,
nav: true,
navText: [
'<i class="fas fa-chevron-left"></i>',
'<i class="fas fa-chevron-right"></i>'
],
dots: false,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
});
$('.owl-carousel-product2').owlCarousel({
margin: 10,
loop: true,
autoplay: true,
autoplayTimeout: 2000,
autoplayHoverPause: true,
nav: true,
navText: [
'<i class="fas fa-chevron-left"></i>',
'<i class="fas fa-chevron-right"></i>'
],
dots: false,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
}
}
});
});
</script>
http://www.antalyateknokent.com.tr/tr/girisimcilik-ve-kulucka-merkezi
Sosyal Ağ