home theater and music

This commit is contained in:
merdiano 2019-09-09 12:14:40 +05:00
commit 31e7e693a5
9 changed files with 252 additions and 272 deletions

View File

@ -18,7 +18,7 @@ class PublicController extends Controller
public function showHomePage(){ public function showHomePage(){
$cinema = Event::cinema()->onLive()->take(11)->get(); $cinema = Event::cinema()->onLive()->take(11)->get();
// dd($cinema); // todo join image
$theatre = Event::theatre()->onLive()->take(6)->get(); $theatre = Event::theatre()->onLive()->take(6)->get();
$musical = Event::musical()->onLive()->take(8)->get(); $musical = Event::musical()->onLive()->take(8)->get();
$sliders = Slider::where('active',1)->get(); $sliders = Slider::where('active',1)->get();

View File

@ -462,19 +462,20 @@ ICSTemplate;
public function scopeCinema($query){ public function scopeCinema($query){
return $query->where('event_image_position','cinema'); return $query->where('event_image_position','cinema')->with('images');
} }
public function scopeTheatre($query){ public function scopeTheatre($query){
return $query->where('event_image_position','theatre'); return $query->where('event_image_position','theatre')->with('images');
} }
public function scopeMusical($query){ public function scopeMusical($query){
return $query->where('event_image_position','musical'); return $query->where('event_image_position','musical')->with('images');
} }
public function scopeOnLive($query){ public function scopeOnLive($query){
$query->whereDate('end_date','>',Carbon::now('Asia/Ashgabat')); $query->whereDate('end_date','>',Carbon::now(config('app.timezone','Asia/Ashgabat')));
return $query->where('is_live',1); return $query->where('is_live',1);
} }
} }

View File

@ -41,7 +41,7 @@
#navBar a.nav-link { #navBar a.nav-link {
color: #ffffff !important; color: #ffffff !important;
font-size: 15px; font-size: 12px;
padding: 5px 0 !important; padding: 5px 0 !important;
transition-property: opacity; transition-property: opacity;
transition-duration: .2s; } transition-duration: .2s; }
@ -62,6 +62,10 @@ article > .u-block-hover__additional--partially-slide-up {
#bilet-menu-id li { #bilet-menu-id li {
margin: 0 !important; } margin: 0 !important; }
#bilet-menu-id li.diam-sim:last-child{
display: none;
}
#navBar .search-panel { #navBar .search-panel {
padding: 0; } padding: 0; }
#navBar .search-panel input { #navBar .search-panel input {
@ -1563,3 +1567,67 @@ input.reserved-seats ~ label svg {
fill: #db635b; } fill: #db635b; }
/*# sourceMappingURL=custom.css.map */ /*# sourceMappingURL=custom.css.map */
#date-click-content{
display: none;
}
#date-click-content.show-content{
display: block;
}
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all{
margin-right: 0 !important;
border: 1px solid #000000;
border-radius: 5px;
}
.ui-datepicker-prev.ui-corner-all i, .ui-datepicker-next.ui-corner-all i{
font-size: 24px;
font-weight: bold;
}
.ui-datepicker-header{
border-bottom: none !important;
}
#datepickerInline a{
margin-right: 0 !important;
}
.ui-datepicker-calendar{
border-collapse: collapse;
border-spacing: 0 !important;
margin-top: 15px !important;
}
.ui-datepicker-calendar thead{
background-color: #d33d33;
}
#datepickerInline thead span{
color: #ffffff;
}
.ui-datepicker-calendar tbody td{
border: 1px solid #e8e9ec;
}
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today{
background-color: #d33d33 !important;
color: #000000;
}
.u-datepicker-v1 .ui-datepicker-calendar td a:hover{
background-color: #d33d33;
border: none;
}
.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active{
background-color: transparent;
border: none;
}
.ui-datepicker-next.ui-corner-all:hover, .ui-datepicker-prev.ui-corner-all:hover{
border: 1px solid #000000;
}

View File

@ -17,27 +17,54 @@
@yield('after_styles') @yield('after_styles')
@stack('after_styles') @stack('after_styles')
<link rel="stylesheet" href="{{ asset('vendor/jquery-ui/themes/base/jquery-ui.min.css') }}">
<!-- CSS Unify Theme --> <!-- CSS Unify Theme -->
<link rel="stylesheet" href="{{asset('assets/stylesheet/styles.e-commerce.css')}}"> <link rel="stylesheet" href="{{asset('assets/stylesheet/styles.e-commerce.css')}}">
<!-- KMB Custom css --> <!-- KMB Custom css -->
<link rel="stylesheet" href='{{asset("assets/stylesheet/custom.css")}}'> <link rel="stylesheet" href='{{asset("assets/stylesheet/custom.css")}}'>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<main> <main>
@include('Bilettm.Partials.PublicHeader') @include('Bilettm.Partials.PublicHeader')
@yield('content') @yield('content')2
@include('Bilettm.Partials.PublicFooter') @include('Bilettm.Partials.PublicFooter')
</main> </main>
<!-- JS Global Compulsory --> <!-- JS Global Compulsory -->
<script src="{{asset('assets/javascript/jquery/jquery.min.js')}}"></script> <script src="{{asset('assets/javascript/jquery/jquery.min.js')}}"></script>
<script src="{{asset('vendor/popper.min.js')}}"></script> <script src="{{asset('vendor/popper.min.js')}}"></script>
<script src="{{asset('vendor/bootstrap4/bootstrap.min.js')}}"></script> <script src="{{asset('vendor/bootstrap4/bootstrap.min.js')}}"></script>
<script src="{{ asset('vendor/chosen/chosen.jquery.js') }}"></script>
<script src="{{ asset('vendor/jquery-ui/ui/widgets/datepicker.js') }}"></script>
@yield('after_scripts') @yield('after_scripts')
@stack('after_scripts') @stack('after_scripts')
<!-- JS Unify -->
<script src="{{ asset('assets/javascript/components/hs.select.js') }}"></script>
<script src="{{ asset('assets/javascript/components/hs.datepicker.js') }}"></script>
<!-- JS Plugins Init. -->
<script >
$(document).ready(function () {
// initialization of custom select
$.HSCore.components.HSSelect.init('.js-custom-select');
// initialization of forms
$.HSCore.components.HSDatepicker.init('#datepickerInline');
});
</script>
<script>
$(document).ready(function(){
$('#date-click').click(function () {
$('#date-click-content').toggleClass('show-content');
});
});
</script>
</body> </body>

View File

@ -16,11 +16,15 @@
</div> </div>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a> <a class="nav-link" id="date-click">Дата <i class="fa fa-caret-down"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <div class="p-3" id="date-click-content" style="background-color: #ffffff; left: -200px; border-radius: 5px; position: absolute; width: auto; z-index: 10; box-shadow: 2px 2px 5px rgba(0,0,0,.2), -2px 2px 5px rgba(0,0,0,.2), 2px -2px 5px rgba(0,0,0,.2), -2px -2px 5px rgba(0,0,0,.2);">
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a> <div style="position: relative; z-index: 10">
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a> <div class="col-xl-12 p-0" style="border-radius: 5px">
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a> <!-- Datepicker -->
<div id="datepickerInline" class="u-datepicker-v1 u-shadow-v32 g-brd-none rounded"></div>
<!-- End Datepicker -->
</div>
</div>
</div> </div>
</li> </li>
</ul> </ul>

View File

@ -1,62 +1,58 @@
<section id="konserty" style="background-image: url({{asset('assets/images/bg/konserty.jpg')}}); background-repeat: no-repeat; background-size: 100%; padding: 100px 0;"> <section id="konserty" class="container" style="background-image: url({{asset('assets/images/bg/konserty.jpg')}}); background-repeat: no-repeat; background-size: 100%; padding: 100px 0;">
<div class="container"> <div class="tab-header d-flex justify-content-between col-12">
<div class="row kinoteator tab-part"> <h2 class="">Концерты</h2>
<div class="tab-header d-flex justify-content-between col-12"> <div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: #ffffff"></div>
<h2 class="">Концерты</h2> <a class="" href="">Посмотреть все</a>
<div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: #ffffff"></div> </div>
<a class="" href="">Посмотреть все</a> <div class="tab-ozi col-12">
</div> <!-- Nav tabs -->
<div class="tab-ozi col-12"> <ul class="nav u-nav-v1-1 g-mb-20" role="tablist" data-target="nav-1-1-default-hor-left" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block rounded-0 u-btn-outline-lightgray g-mb-20">
<!-- Nav tabs --> <li class="nav-item">
<ul class="nav u-nav-v1-1 g-mb-20" role="tablist" data-target="nav-1-1-default-hor-left" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block rounded-0 u-btn-outline-lightgray g-mb-20"> <a class="nav-link active" data-toggle="tab" href="" role="tab">Популярное</a>
<li class="nav-item"> </li>
<a class="nav-link active" data-toggle="tab" href="" role="tab">Популярное</a> <li class="nav-item">
</li> <a class="nav-link" data-toggle="tab" href="" role="tab">Новые</a>
<li class="nav-item"> </li>
<a class="nav-link" data-toggle="tab" href="" role="tab">Новые</a> <li class="nav-item dropdown">
</li> <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Сегодня <i class="fa fa-caret-down"></i></a>
<li class="nav-item dropdown"> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Сегодня <i class="fa fa-caret-down"></i></a> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 1</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 1</a> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 3</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 3</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Площадка <i class="fa fa-caret-down"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 1</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 3</a>
</div>
</li>
</ul>
<!-- End Nav tabs -->
<div class="owl-carousel container row" id="konserty-tab1" style="padding: 0 !important; margin: 0">
<div class="slider-slider row">
@foreach($musical->slice(0,4) as $event)
@include('Bilettm.Partials.MusicalItem',['event'=>$event])
@endforeach
</div>
@if($musical->count()>4)
<div class="slider-slider row">
@foreach($musical->slice(4) as $event)
@include('Bilettm.Partials.MusicalItem',['event'=>$event])
@endforeach
</div>
@endif
</div> </div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Площадка <i class="fa fa-caret-down"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 1</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 3</a>
</div>
</li>
</ul>
<!-- End Nav tabs -->
<div class="owl-carousel container row" id="konserty-tab1" style="padding: 0 !important; margin: 0">
<div class="slider-slider row">
@foreach($musical->slice(0,4) as $event)
@include('Bilettm.Partials.MusicalItem',['event'=>$event])
@endforeach
</div> </div>
@if($musical->count()>4)
<div class="slider-slider row">
@foreach($musical->slice(4) as $event)
@include('Bilettm.Partials.MusicalItem',['event'=>$event])
@endforeach
</div>
@endif
</div> </div>
</div> </div>
</section> </section>

View File

@ -1,194 +1,72 @@
<section id="teator"> <section id="teator " class="container teator">
<div class="container"> <div class="tab-header d-flex justify-content-between col-12">
<div class="row teator tab-part"> <h2 class="">Театоры</h2>
<div class="tab-header d-flex justify-content-between col-12"> <div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: rgba(211,61,51,1)"></div>
<h2 class="">Театоры</h2> <a class="" href="">Посмотреть все</a>
<div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: rgba(211,61,51,1)"></div> </div>
<a class="" href="">Посмотреть все</a> <div class="tab-ozi col-12">
</div> <!-- Nav tabs -->
<div class="tab-ozi col-12"> <ul class="nav u-nav-v1-1 g-mb-20" role="tablist" data-target="nav-1-1-default-hor-left" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block rounded-0 u-btn-outline-lightgray g-mb-20">
<!-- Nav tabs --> <li class="nav-item">
<ul class="nav u-nav-v1-1 g-mb-20" role="tablist" data-target="nav-1-1-default-hor-left" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block rounded-0 u-btn-outline-lightgray g-mb-20"> <a class="nav-link active" data-toggle="tab" href="" role="tab">Популярное</a>
<li class="nav-item"> </li>
<a class="nav-link active" data-toggle="tab" href="" role="tab">Популярное</a> <li class="nav-item">
</li> <a class="nav-link" data-toggle="tab" href="" role="tab">Новые</a>
<li class="nav-item"> </li>
<a class="nav-link" data-toggle="tab" href="" role="tab">Новые</a> <li class="nav-item dropdown">
</li> <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Сегодня <i class="fa fa-caret-down"></i></a>
<li class="nav-item dropdown"> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Сегодня <i class="fa fa-caret-down"></i></a> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 1</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 1</a> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 3</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 2</a> </div>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 3</a> </li>
</div> <li class="nav-item dropdown">
</li> <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Жанры <i class="fa fa-caret-down"></i></a>
<li class="nav-item dropdown"> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Жанры <i class="fa fa-caret-down"></i></a> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 1</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 1</a> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 3</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 2</a> </div>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 3</a> </li>
</div> <li class="nav-item dropdown">
</li> <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
<li class="nav-item dropdown"> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a> <a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a> </div>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a> </li>
</div> <li style="position: absolute; right: 0;">
</li> <a id="slide-teator-prev" style="margin-right: 5px;">
<li style="position: absolute; right: 0;"> <img src="assets/assets/img/icons/left.png" style="width: 32px">
<a id="slide-teator-prev" style="margin-right: 5px;"> </a>
<img src="assets/assets/img/icons/left.png" style="width: 32px"> <a id="slide-teator-next" style="margin-right: 20px">
</a> <img src="assets/assets/img/icons/right.png" style="width: 32px">
<a id="slide-teator-next" style="margin-right: 20px"> </a>
<img src="assets/assets/img/icons/right.png" style="width: 32px"> </li>
</a> </ul>
</li> <!-- End Nav tabs -->
</ul> <div class="kinoteator-tab1-wrapper">
<!-- End Nav tabs -->
<!-- Tab panes --> <div class="row">
<div id="nav-1-1-default-hor-left-teator" class="tab-content"> <div class="col-md-10">
<div class="tab-pane fade show active" id="nav-1-1-default-hor-left--1-teator" role="tabpanel"> <div id="carousel-09-1" class="js-carousel text-center g-font-size-0 g-mb-20 g-mb-0--sm" data-infinite="true" data-vertical="true" data-arrows-classes="u-arrow-v1 g-absolute-centered--x g-width-35 g-height-35 g-font-size-18 g-color-gray g-bg-white" data-arrow-left-classes="fa fa-angle-up g-top-0" data-arrow-right-classes="fa fa-angle-down g-bottom-0" data-nav-for="#carousel-09-2">
<div class="kinoteator-tab1-wrapper"> @foreach($theater as $event)
@include('Bilettm.Partials.TheaterItem',['event'=>$event])
@endforeach
<div class="row"> </div>
<div class="col-md-10"> </div>
<div id="carousel-09-1" class="js-carousel text-center g-font-size-0 g-mb-20 g-mb-0--sm" data-infinite="true" data-vertical="true" data-arrows-classes="u-arrow-v1 g-absolute-centered--x g-width-35 g-height-35 g-font-size-18 g-color-gray g-bg-white" data-arrow-left-classes="fa fa-angle-up g-top-0" data-arrow-right-classes="fa fa-angle-down g-bottom-0" data-nav-for="#carousel-09-2">
<div class="js-slide"> <div class="col-md-2">
<a class="d-block"> <div id="carousel-09-2" class="js-carousel text-center u-carousel-v3 g-mx-minus-10 g-mx-minus-0--sm g-my-minus-5--sm" data-infinite="true" data-center-mode="true" data-vertical="true" data-slides-show="4" data-is-thumbs="true" data-nav-for="#carousel-09-1">
<img class="img-fluid w-100" src="assets/assets/img/teator/1.png"> @foreach($theater as $event)
<div class="teator-overlay"> <div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
<div class="texts-wrapper" style="color: #ffffff"> <img class="img-fluid w-100" src="{{$event->images->first()->image_path ?? '#'}}">
<span class="">12:00, 29.06.2019 y</span> </div>
<h2>«Lukman Aybolit»</h2> @endforeach
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
</div>
</div>
</a>
</div>
<div class="js-slide">
<a class="d-block">
<img class="img-fluid w-100" src="assets/assets/img/teator/2.png">
<div class="teator-overlay">
<div class="texts-wrapper" style="color: #ffffff">
<span class="">12:00, 29.06.2019 y</span>
<h2>«Lukman Aybolit»</h2>
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
</div>
</div>
</a>
</div>
<div class="js-slide">
<a class="d-block">
<img class="img-fluid w-100" src="assets/assets/img/teator/3.png">
<div class="teator-overlay">
<div class="texts-wrapper" style="color: #ffffff">
<span class="">12:00, 29.06.2019 y</span>
<h2>«Lukman Aybolit»</h2>
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
</div>
</div>
</a>
</div>
<div class="js-slide">
<a class="d-block">
<img class="img-fluid w-100" src="assets/assets/img/teator/4.png">
<div class="teator-overlay">
<div class="texts-wrapper" style="color: #ffffff">
<span class="">12:00, 29.06.2019 y</span>
<h2>«Lukman Aybolit»</h2>
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
</div>
</div>
</a>
</div>
<div class="js-slide">
<a class="d-block">
<img class="img-fluid w-100" src="assets/assets/img/teator/5.png">
<div class="teator-overlay">
<div class="texts-wrapper" style="color: #ffffff">
<span class="">12:00, 29.06.2019 y</span>
<h2>«Lukman Aybolit»</h2>
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
</div>
</div>
</a>
</div>
<div class="js-slide">
<a class="d-block">
<img class="img-fluid w-100" src="assets/assets/img/teator/6.png">
<div class="teator-overlay">
<div class="texts-wrapper" style="color: #ffffff">
<span class="">12:00, 29.06.2019 y</span>
<h2>«Lukman Aybolit»</h2>
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
</div>
</div>
</a>
</div>
<div class="js-slide">
<a class="d-block">
<img class="img-fluid w-100" src="assets/assets/img/teator/4.png">
<div class="teator-overlay">
<div class="texts-wrapper" style="color: #ffffff">
<span class="">12:00, 29.06.2019 y</span>
<h2>«Lukman Aybolit»</h2>
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-md-2">
<div id="carousel-09-2" class="js-carousel text-center u-carousel-v3 g-mx-minus-10 g-mx-minus-0--sm g-my-minus-5--sm" data-infinite="true" data-center-mode="true" data-vertical="true" data-slides-show="4" data-is-thumbs="true" data-nav-for="#carousel-09-1">
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
<img class="img-fluid w-100" src="assets/assets/img/teator/1.png">
</div>
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
<img class="img-fluid w-100" src="assets/assets/img/teator/2.png">
</div>
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
<img class="img-fluid w-100" src="assets/assets/img/teator/3.png">
</div>
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
<img class="img-fluid w-100" src="assets/assets/img/teator/4.png">
</div>
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
<img class="img-fluid w-100" src="assets/assets/img/teator/5.png">
</div>
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
<img class="img-fluid w-100" src="assets/assets/img/teator/6.png">
</div>
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
<img class="img-fluid w-100" src="assets/assets/img/teator/4.png">
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<!-- End Tab panes -->
</div> </div>
</div> </div>
</div> </div>

View File

@ -66,9 +66,9 @@
<div class="row" style="width: 30%; margin-left: 0" id="top-header-right"> <div class="row" style="width: 30%; margin-left: 0" id="top-header-right">
<div class="col-lg-12 col-md-12"> <div class="col-lg-12 col-md-12">
<ul id="top-menu-three-btn" style="float: right;"> <ul id="top-menu-three-btn" style="float: right;">
<li><a href=""><img src="{{asset('assets/images/icons/user.svg')}}">&nbsp;Вход</a></li> {{--<li><a href=""><img src="{{asset('assets/images/icons/user.svg')}}">&nbsp;Вход</a></li>--}}
<li><a href=""><img src="{{asset('assets/images/icons/plus.svg')}}">&nbsp;Регистрация</a></li> {{--<li><a href=""><img src="{{asset('assets/images/icons/plus.svg')}}">&nbsp;Регистрация</a></li>--}}
<li class="dropdown"> <li class="dropdown pull-right">
<a href="" class="dropdown-toggle" data-toggle="dropdown"><img src="{{asset('assets/images/icons/globe.svg')}}">&nbsp;Русский <i class="fa fa-caret-down"></i></a> <a href="" class="dropdown-toggle" data-toggle="dropdown"><img src="{{asset('assets/images/icons/globe.svg')}}">&nbsp;Русский <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="">Русский</a></li> <li><a href="">Русский</a></li>
@ -76,8 +76,9 @@
<li><a href="">English</a></li> <li><a href="">English</a></li>
</ul> </ul>
</li> </li>
<div class="clearfix"></div>
<li style="display: block;" id="bottom-of-three-btn"> <li style="display: block;" id="bottom-of-three-btn">
<a style="display: block; padding: 7px 0;">+(993) 12 60-60-60</a> <a style="display: block; padding: 7px 0; min-width: 200px">+(993) 12 60-60-60</a>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -1,7 +1,12 @@
<?php <div class="js-slide">
/** <a class="d-block">
* Created by PhpStorm. <img class="img-fluid w-100" src="{{$event->images->first()->image_path ?? '#'}}">
* User: merdan <div class="teator-overlay">
* Date: 9/5/2019 <div class="texts-wrapper" style="color: #ffffff">
* Time: 22:27 <span class="">{{$event->start_date->format('H:s, dd.mm.yyyy')}}</span>
*/ <h2>«{{$event->title}}»</h2>
<h5>{{$event->venue_name}}</h5>
</div>
</div>
</a>
</div>