60 lines
3.9 KiB
PHP
60 lines
3.9 KiB
PHP
<div class="container">
|
|
<div class="row" style="padding-top:60px;padding-bottom: 60px;">
|
|
<div class= "col-md-10">
|
|
<ul class="u-list-inline">
|
|
<li class="list-inline-item g-color-primary" style="padding-right: 25px;">
|
|
<a class="u-link-v5" href="#" style="font-size: 25px;font-weight: 500;color: black;">ПОПУЛЯРНЫЕ</a>
|
|
</li>
|
|
<li class="list-inline-item g-color-primary" style="padding-right: 25px;">
|
|
<a class="u-link-v5" href="#" style="font-size: 25px;font-weight: 500;color: black;">НОВЫЕ</a>
|
|
</li>
|
|
<li class="list-inline-item g-color-primary" style="padding-right: 25px;">
|
|
<a class="u-link-v5" href="#" style="font-size: 25px;font-weight: 500;color: black;">СЕГОДНЯ</a>
|
|
</li>
|
|
<li class="list-inline-item g-color-primary" style="padding-right: 25px;">
|
|
<a class="u-link-v5" href="#" style="font-size: 25px;font-weight: 500;color: black;">ЖАНРЫ <i class="material-icons">keyboard_arrow_down</i></a>
|
|
</li>
|
|
<li class="list-inline-item g-color-primary" style="padding-right: 25px;">
|
|
<a class="u-link-v5" href="#" style="font-size: 25px;font-weight: 500;color: black;">ДАТА <i class="material-icons">keyboard_arrow_down</i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-2" style="padding-top: 5px;text-align: right;">
|
|
<ul class="u-list-inline">
|
|
<li class="list-inline-item g-color-primary" style="padding-left: 25px;padding-right: 25px;">
|
|
<a class="u-link-v5" href="#"><i class="fa fa-th-large" style="font-size: 25px;font-weight: 500;color: black;"></i></a>
|
|
</li>
|
|
<li class="list-inline-item g-color-primary">
|
|
<a class="u-link-v5" href="#" ><i class="fa fa-list-ul" style="font-size: 25px;font-weight: 500;color: black;"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="padding-top: 30px;">
|
|
<div class="col-md-4" style="padding-right: 10px;padding-left: 10px;padding-top: 20px;padding-bottom: 20px;">
|
|
<article class="u-block-hover g-color-white--hover g-transition-0_3" style="background-color: #000000;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.19) !important; border-radius: 15px;">
|
|
<div class="u-block-hover__additional--fade g-bg-size-cover g-bg-cover g-bg-primary-opacity-0_8--after g-pos-abs" data-bg-img-src="assets/900x400/img1.jpg">
|
|
</div>
|
|
<img class="img-fluid w-100" src="{{URL::asset('assets/500x450/img1.jpg')}}" alt="Image Description">
|
|
<div class="g-bg-white g-pa-25" style="height: 310px;">
|
|
<ul class="list-inline small g-color-gray-dark-v4" style="margin-bottom: 0px !important;">
|
|
<li class="list-inline-item" style="color: #0055FF;font-size: 26px;">20 Ноября 19:00, Пт</li>
|
|
</ul>
|
|
<h1 class="h1 g-font-weight-600" style="position: absolute">
|
|
<a class="u-link-v5 g-color-main g-color-primary--hover" href="#!" style="color: #000000 !important;font-size: 40px;">Дэдпул 2</a>
|
|
</h1>
|
|
<ul class="list-inline small g-color-gray-dark-v4" style="margin-top: 165px !important;margin-bottom: 0px;">
|
|
<li class="list-inline-item" style="color: #000000;font-size: 20px;text-align: left;">Кинотеатр Ватан</li>
|
|
</ul>
|
|
<ul style="padding-left: 0px;">
|
|
<li class="list-inline-item" style="color: #000000;font-size: 20px;text-align: left;">60 TMT</li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div> |