turkmentv/resources/views/web/layouts/home.blade.php

208 lines
12 KiB
PHP

<div class="tpl-block-list tpl-component-slider" id="nc-block-379f70cfb1d929103a499f6c117c4222">
<style>#owl-demo .item .carousel-caption p {
font-weight: bold;
line-height: 80px;
text-align: left;
font-size: 40px;
text-shadow: 0.1em 0.1em 0.2em #006081a8 !important;
}
</style>
<div class="container-fluid" style="padding: 0">
<div class="container-fluid header-carousel">
<div class="row">
<div id="owl-demo" class="owl-carousel owl-theme">
@foreach($sliders as $slider)
<a href = "{{$slider -> url}}">
<div class="item">
<img src="{{ $slider -> img_url }}">
<div class="carousel-caption" style = "left: 25%;">
<p style = "font-family:SourceSansBold;width: 80%;left: 59%;text-align: center;font-size: 37px;">{{$slider -> text}}</p>
</div>
</div>
</a>
@endforeach
<!-- Next and previous buttons -->
<!-- <a class="prev"><i class="ti-arrow-circle-left"></i></a>
<a id = "nextq" class="next"><i class="ti-arrow-circle-right"></i></a> -->
</div>
</div>
</div></div>
<div class="container wrapper" style = "padding-top: 100px !important;padding-bottom: 50px !important;">
<div class="row" style="padding-top: 0">
<div class="tpl-block-list tpl-component-advertise" id="nc-block-f7e58e42e06d14ccafa603b30ee0ffdd">
<div id="main"></div>
<div class="advertising-board">
<a href=""><img src="{{$advertTop->img_url}}"></a>
</div>
</div>
<div class="tpl-block-list tpl-component-live" id="nc-block-07836a817200a2080a66928e50ea776e"><div id="main-1"></div><div class="container live">
<div class="row">
<h2><a href="" class = "fontSemiBold">Göni ýaýlym <i class="fa fa-play-circle-o"></i></a></h2>
<div class="live-imgs text-left">
<div class="">
<a href="/" ><img src="{{ asset( 'assets/img/live-imgs/altyn.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/" ><img src="{{ asset( 'assets/img/live-imgs/yaslyk.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/"><img src="{{ asset( 'assets/img/live-imgs/miras.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/"><img src="{{ asset( 'assets/img/live-imgs/turkmenistan.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/"><img src="{{ asset( 'assets/img/live-imgs/owaz.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/"><img src="{{ asset( 'assets/img/live-imgs/ashgabat.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/"><img src="{{ asset( 'assets/img/live-imgs/sport.png' ) }}" alt=""></a>
</div></div>
</div>
</div></div><div class="tpl-block-list tpl-component-mainnews tpl-template-220" id="nc-block-23f6040dfa6c938a093cb949f4a446ec"><div id="news"></div><div class="container news-releases" style = "padding-bottom: 100px;">
<div class="row">
<h2><a href="ru/news/index.html" class = "fontSemiBold">Habarlar <i class="fa fa-play-circle-o"></i></a></h2>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 news-releases-contents">
<div class="tpl-block-list tpl-component-mainnews tpl-template-196" id="nc-block-ce2c98c8cccdd8058de9f221243edf8a">
@foreach($news as $new)
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<span><b class = "fontSemiBold" style = "font-size: 17px;">{{$new->date}}</b></span>
<p style = "padding-top:10px;"><a href="" style = "font-size: 20px;padding-top:15px;">{{ str_limit($new->name, $limit = 80, $end = '...') }}<i class="fa fa-play-circle-o"></i></a></p>
</div>
@endforeach
</div> </div>
</div>
</div></div><div class="tpl-block-list tpl-component-177" id="nc-block-96802ac3c989a68654c4970ef253eb0e"><div id="tvproject-view"></div><div class="container tv-projects-releases desktop-view" style="width: 300%; margin-left: -100%;margin-bottom: 100px;">
<div class="row">
<div class="container" style="width: 34.65%">
<div class="row">
<h2 style = "margin-top: 100px !important;"><a class = "fontSemiBold" href="">Gepleşiklerden pursatlar <i class="fa fa-play-circle-o"></i></a></h2>
<div class="tv-projects-videos">
<div class="main-two col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="tpl-block-list tpl-component-177 tpl-template-202" id="nc-block-49029f098e24c2d760c60d385efac70d">
@foreach($showTop2 as $itemShow2)
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="top-part">
<a href="">
<img src="{{ asset('uploads/'.$itemShow2 -> img_url) }}">
<div class="top-bottom-shadow"></div>
<span class="view-counter fontLight" style = "font-size: 20px !important;"><i class="icon-eye"></i> {{ $itemShow2->view }}</span>
<span class="tv-project-title fontBold"><i class="fa fa-play-circle-o"></i>{{ $itemShow2->name}}</span>
</a>
</div>
<div class="bottom-part">
<p class = "fontRegular" style = "font-size: 21px;">{{ str_limit(strip_tags($itemShow2->description), $limit = 50, $end = '...') }}</p>
</div>
</div>
@endforeach
</div>
</div>
<div class="row">
<div class="other-tv-projects col-lg-12 col-md-12 col-sm-12 col-xs-12" style = " padding-bottom: 70px;">
@foreach($showTop3 as $showItem3)
<div class="col-lg-4 col-md-4 col-sm-4" style = "display: block">
<div class="top-part">
<a href="">
<img src="{{ asset('uploads/'.$showItem3 -> img_url) }}">
<div class="top-bottom-shadow"></div>
<span class="view-counter fontLight" style = "font-size: 20px !important;"><i class="icon-eye"></i> {{$showItem3->view}}</span>
<span class="tv-project-title fontBold" style = "font-size: 23px;"><i class="fa fa-play-circle-o"></i> {{$showItem3->name}}</span>
</a>
</div>
<div class="bottom-part">
<p class = "fontRegular" style = "font-size: 21px;">{{ str_limit(strip_tags($showItem3->description), $limit = 30, $end = '...') }}</p>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div></div><div class="tpl-block-list tpl-component-tvproject-mobile" id="nc-block-008d195d262a941a8dcd7036e2d74ce5"><div id="tvprojectm"></div><div class="container tv-projects-releases mobile-view" style="display: none; width: 300%; margin-left: -100%">
<div class="row">
<div class="container" style="width: 34.65%">
<div class="row">
<h2><a href="">Gepleşiklerden pursatlar <i class="fa fa-play-circle-o"></i></a></h2>
<div class="tv-projects-videos">
<div class="slider-container">
<div class="slider-content"> </div>
<a class="slider-left" href="javascript:void(0);"><i class="ti-arrow-circle-left"></i></a>
<a class="slider-right" href="javascript:void(0);"><i class="ti-arrow-circle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div></div><div class="tpl-block-list tpl-component-151" id="nc-block-2837cfe720d5b590e0b2e606dd02e41f"><div id="mostpopuld"></div><div class="container most-populars desktop-view-populars">
<div class="row">
<h2><a href="" class = "fontSemiBold">Saýlanan gepleşikler <i class="fa fa-play-circle-o"></i></a></h2>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="col-lg-8 col-md-8 col-sm-9">
@if($bestShows && $bestShows->count()>1)
@foreach($bestShows as $bestShow)
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="most-populars-card">
<div class="top-part">
<a href="">
<img src="{{ asset('uploads/'.$bestShow->img_url)}}">
<div class="top-bottom-shadow"></div>
<span class="view-counter-most-popular" style = "font-size: 20px !important;"><i class="icon-eye"></i> {{$bestShow->view}}</span>
</a>
</div>
<div class="bottom-part">
<p class = "fontRegular" style = "font-size: 21px;"><i class="fa fa-play-circle-o"></i> {{ str_limit($bestShow->name, $limit = 20, $end = '...') }}</p>
</div>
</div>
</div>
@endforeach
@endif
</div>
<div class="col-lg-4 col-md-4 col-sm-3">
<div class="tpl-block-list tpl-component-reklama" id="nc-block-973f127d297ece8152574c74d10a8f15">
<a href="{{$advertMiddle->url}}">
<img src="{{$advertMiddle->img_url}}" alt="{{$advertMiddle->alt}}" style="width: 100%">
</a>
</div> </div>
</div>
</div>
</div></div><div class="tpl-block-list tpl-component-mostpopulm" id="nc-block-dc1fe9b45accfd1b34aa36b11faceb16"><div id="mostpopulm"></div><div class="container most-populars mobile-view-populars" style="display: none">
<div class="row">
<h2><a href="">Самое Популярное <i class="fa fa-play-circle-o"></i></a></h2>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div id="owl-demo-populars" class="owl-carousel owl-theme"></div>
<!-- Next and previous buttons -->
<div class="text-center">
<a class="prev-populars"><i class="ti-arrow-circle-left"></i></a>
<a class="next-populars"><i class="ti-arrow-circle-right"></i></a>
</div>
</div>
</div>
</div></div><div class="tpl-block-list tpl-component-bottomadv" id="nc-block-6defb4ff5eae82edb30bd8e923b820f1"><div id="bottomadv"></div><div class="container kesde" style="width: 100%; margin-top: 30px">
<a href="{{$advertBottom -> url}}">
<img src="{{$advertBottom -> img_url}}" alt="{{$advertBottom -> alt}}" style="width: 100%">
</a>
</div>
</div>
</div>
</div>