Initial starts to Main page devs
This commit is contained in:
parent
71a0f4d326
commit
a9445b2bf5
|
|
@ -0,0 +1,42 @@
|
|||
<?php
|
||||
/**
|
||||
* Created by PhpStorm.
|
||||
* User: merdan
|
||||
* Date: 12/9/2018
|
||||
* Time: 12:39 PM
|
||||
*/
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use App\Models\Category;
|
||||
use App\Models\Event;
|
||||
use Carbon\Carbon;
|
||||
|
||||
class PublicController extends Controller
|
||||
{
|
||||
private $data;
|
||||
public function __construct()
|
||||
{
|
||||
$this->data = ['categories'=>Category::pluck(trans('Category.category_title'),'id'),
|
||||
'category_id'=>''];
|
||||
}
|
||||
|
||||
public function showHomePage(){
|
||||
$events = Event::where('end_date', '>', Carbon::now())
|
||||
->take(10)
|
||||
->get();
|
||||
$this->data['events'] = $events;
|
||||
return view('Public.HomePage', $this->data);
|
||||
}
|
||||
|
||||
public function showCategoryEvents($category_id){
|
||||
$events = Event::where('end_date', '>', Carbon::now())
|
||||
->where('category_id',$category_id)
|
||||
->take(10)
|
||||
->get();
|
||||
$this->data['events'] = $events;
|
||||
$this->data['category_id']= $category_id;
|
||||
// print_r($this->data);
|
||||
return view('Public.CategoryEventsPage', $this->data);
|
||||
}
|
||||
}
|
||||
|
|
@ -120,6 +120,15 @@ Route::group(
|
|||
/*
|
||||
* Public event page routes
|
||||
*/
|
||||
Route::group(['prefix' => 'category'], function () {
|
||||
/**
|
||||
* Events by category
|
||||
*/
|
||||
Route::get('/{category_id}', [
|
||||
'as' => 'showCategoryEventsPage',
|
||||
'uses' => 'PublicController@showCategoryEvents',
|
||||
]);
|
||||
});
|
||||
Route::group(['prefix' => 'e'], function () {
|
||||
|
||||
/*
|
||||
|
|
@ -694,12 +703,12 @@ Route::group(
|
|||
]);
|
||||
});
|
||||
});
|
||||
|
||||
Route::get('/', function () {
|
||||
return Redirect::route('showSelectOrganiser');
|
||||
// I prefer it that way:
|
||||
// return Redirect::route('showOrganiserHome', ["organiser_id"=>1]);
|
||||
});
|
||||
Route::get('/','PublicController@showHomePage');
|
||||
// Route::get('/', function () {
|
||||
// return Redirect::route('showSelectOrganiser');
|
||||
// // I prefer it that way:
|
||||
// // return Redirect::route('showOrganiserHome', ["organiser_id"=>1]);
|
||||
// });
|
||||
|
||||
Route::get('/terms_and_conditions', [
|
||||
'as' => 'termsAndConditions',
|
||||
|
|
|
|||
|
|
@ -20,24 +20,27 @@
|
|||
"illuminate/support": "~5.6",
|
||||
"intervention/image": "~2.4",
|
||||
"laracasts/utilities": "~2.1",
|
||||
"laravel/framework": "~5.6",
|
||||
"laravel/socialite": "~3.0",
|
||||
"laravelcollective/html": "~5.6",
|
||||
"league/flysystem-aws-s3-v3": "~1.0",
|
||||
"maatwebsite/excel": "~2.1",
|
||||
"maxhoffmann/parsedown-laravel": "dev-master",
|
||||
"mcamara/laravel-localization": "~1.2",
|
||||
"mews/purifier": "~2.0",
|
||||
"milon/barcode": "~5.3",
|
||||
"nitmedia/wkhtml2pdf": "dev-master",
|
||||
"omnipay/common": "~3",
|
||||
"omnipay/dummy": "~3",
|
||||
"omnipay/paypal": "~3",
|
||||
"omnipay/stripe": "~3",
|
||||
"php-http/curl-client": "^1.7",
|
||||
"php-http/message": "^1.6",
|
||||
"predis/predis": "~1.1",
|
||||
"vinelab/http": "~1.5"
|
||||
"vinelab/http": "~1.5",
|
||||
"laravel/framework": "~5.6",
|
||||
"mcamara/laravel-localization": "~1.2",
|
||||
"mews/purifier": "~2.0",
|
||||
"nitmedia/wkhtml2pdf": "dev-master",
|
||||
|
||||
"laravel/socialite": "~3.0",
|
||||
"omnipay/common": "~3",
|
||||
"omnipay/dummy": "~3",
|
||||
"omnipay/paypal": "~3",
|
||||
"omnipay/stripe": "~3"
|
||||
|
||||
|
||||
},
|
||||
"require-dev": {
|
||||
"phpunit/phpunit": "7.3.*",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
@extends('Public.Layouts.HomePageLayout')
|
||||
@section('head')
|
||||
|
||||
@stop
|
||||
@section('content')
|
||||
@include('Public.Partials.PublicHeader')
|
||||
|
||||
@include('Public.Partials.PublicContent')
|
||||
|
||||
@include('Public.Partials.PublicFooter')
|
||||
@stop
|
||||
@section('foot')
|
||||
|
||||
@stop
|
||||
|
|
@ -0,0 +1,311 @@
|
|||
@extends('Public.Layouts.HomePageLayout')
|
||||
@section('head')
|
||||
{!!HTML::style('assets/out/revolution-slider/revolution/css/layers.css')!!}
|
||||
{!!HTML::style('assets/out/revolution-slider/revolution/css/settings.css')!!}
|
||||
{!!HTML::style('assets/out/revolution-slider/revolution/css/navigation.css')!!}
|
||||
{!!HTML::style('assets/out/icon-material/material-icons.css')!!}
|
||||
|
||||
@stop
|
||||
@section('content')
|
||||
@include('Public.Partials.PublicHeader')
|
||||
|
||||
<section id="home" >
|
||||
<div id="promoSliderWrapper" class="rev_slider_wrapper fullscreen-container" data-alias="scroll-effect76" style="background-color: #111111; padding: 0;">
|
||||
<!-- START REVOLUTION SLIDER 5.0.7 fullscreen mode -->
|
||||
<div id="promoSlider" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.0.7">
|
||||
<ul>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-309"
|
||||
data-transition="slideoverhorizontal"
|
||||
data-slotamount="default"
|
||||
data-easein="Power4.easeInOut"
|
||||
data-easeout="Power4.easeInOut"
|
||||
data-masterspeed="1000"
|
||||
data-thumb="assets/img-temp/100x50/img1.jpg"
|
||||
data-rotate="0"
|
||||
data-fstransition="fade"
|
||||
data-fsmasterspeed="1500"
|
||||
data-fsslotamount="7"
|
||||
data-saveperformance="off"
|
||||
data-title="Unify Agency">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img class="rev-slidebg" src="{{URL::asset('assets/img-temp/1920x1080/img1.jpg')}}" alt="Image description"
|
||||
data-bgposition="center center"
|
||||
data-bgfit="cover"
|
||||
data-bgrepeat="no-repeat"
|
||||
data-bgparallax="10"
|
||||
data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div id="promoSliderLayer11" class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0" style="z-index: 5; background-color: rgba(0, 0, 0, 0.50); border-color: rgba(0, 0, 0, 0); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['0','0','0','0']"
|
||||
data-width="full"
|
||||
data-height="['400','400','400','550']"
|
||||
data-whitespace="nowrap"
|
||||
data-transform_idle="o:1;"
|
||||
data-style_hover="cursor:default;"
|
||||
data-transform_in="opacity:0;s:1500;e:Power2.easeInOut;"
|
||||
data-transform_out="opacity:0;s:1000;s:1000;"
|
||||
data-start="0"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"></div>
|
||||
|
||||
|
||||
</li>
|
||||
<!-- SLIDE -->
|
||||
<li data-index="rs-311"
|
||||
data-transition="slideoverhorizontal"
|
||||
data-slotamount="default"
|
||||
data-easein="Power4.easeInOut"
|
||||
data-easeout="Power4.easeInOut"
|
||||
data-masterspeed="1000"
|
||||
data-thumb="assets/img-temp/100x50/img3.jpg"
|
||||
data-rotate="0"
|
||||
data-saveperformance="off"
|
||||
data-title="Scroll Down">
|
||||
<!-- MAIN IMAGE -->
|
||||
<img class="rev-slidebg" src="{{URL::asset('assets/img-temp/1920x1080/img1.jpg')}}" alt="Image description"
|
||||
data-bgposition="center center"
|
||||
data-bgfit="cover"
|
||||
data-bgrepeat="no-repeat"
|
||||
data-bgparallax="10"
|
||||
data-no-retina>
|
||||
<!-- LAYERS -->
|
||||
|
||||
<!-- LAYER NR. 1 -->
|
||||
<div id="promoSliderLayer311" class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0" style="z-index: 5; background-color: rgba(0, 0, 0, 0.50); border-color: rgba(0, 0, 0, 0); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);"
|
||||
data-x="['center','center','center','center']"
|
||||
data-hoffset="['0','0','0','0']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['0','0','0','0']"
|
||||
data-width="full"
|
||||
data-height="['400','400','400','550']"
|
||||
data-whitespace="nowrap"
|
||||
data-transform_idle="o:1;"
|
||||
data-style_hover="cursor:default;"
|
||||
data-transform_in="opacity:0;s:1500;e:Power2.easeInOut;"
|
||||
data-transform_out="opacity:0;s:1000;s:1000;"
|
||||
data-start="0"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off"></div>
|
||||
|
||||
<!-- LAYER NR. 2 -->
|
||||
<div id="promoSliderLayer31" class="tp-caption BigBold-Title tp-resizeme rs-parallaxlevel-0" style="z-index: 6; text-transform: uppercase; white-space: nowrap;"
|
||||
data-x="['left','left','left','left']"
|
||||
data-hoffset="['50','50','30','17']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['110','110','180','160']"
|
||||
data-fontsize="['110','100','70','60']"
|
||||
data-lineheight="['100','90','60','60']"
|
||||
data-width="['none','none','none','400']"
|
||||
data-height="none"
|
||||
data-whitespace="['nowrap','nowrap','nowrap','normal']"
|
||||
data-transform_idle="o:1;"
|
||||
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
|
||||
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
|
||||
data-mask_in="x:0px;y:[100%];"
|
||||
data-mask_out="x:inherit;y:inherit;"
|
||||
data-start="500"
|
||||
data-splitin="none"
|
||||
data-splitout="none"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off">Scroll down
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 3 -->
|
||||
<div id="promoSliderLayer34" class="tp-caption BigBold-SubTitle rs-parallaxlevel-0" style="z-index: 7; min-width: 410px; max-width: 410px; white-space: normal;"
|
||||
data-x="['left','left','left','left']"
|
||||
data-hoffset="['55','55','33','20']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['40','1','74','58']"
|
||||
data-fontsize="['15','15','15','13']"
|
||||
data-lineheight="['24','24','24','20']"
|
||||
data-width="['410','410','410','280']"
|
||||
data-height="['60','100','100','100']"
|
||||
data-whitespace="normal"
|
||||
data-transform_idle="o:1;"
|
||||
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
|
||||
data-transform_out="y:50px;opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
|
||||
data-start="650"
|
||||
data-splitin="none"
|
||||
data-splitout="none"
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off">This Premium Revolution Slider Template Features an Exclusive Scroll Effect. Get it Now!
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 4 -->
|
||||
<div id="promoSliderLayer37" class="tp-caption BigBold-Button rev-btn rs-parallaxlevel-0" style="z-index: 8; text-transform: uppercase; white-space: nowrap; border-color: rgba(255, 255, 255, 0.25); outline: none; box-shadow: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"
|
||||
data-x="['left','left','left','left']"
|
||||
data-hoffset="['480','480','30','20']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['50','50','30','20']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
data-transform_idle="o:1;"
|
||||
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
|
||||
data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;"
|
||||
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
|
||||
data-transform_out="y:50px;opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
|
||||
data-start="650"
|
||||
data-splitin="none"
|
||||
data-splitout="none"
|
||||
data-actions='[
|
||||
{"event":"click","action":"scrollbelow","offset":"px"}
|
||||
]'
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off">Read more
|
||||
</div>
|
||||
|
||||
<!-- LAYER NR. 5 -->
|
||||
<div id="promoSliderLayer312" class="tp-caption BigBold-Button rev-btn rs-parallaxlevel-0" style="z-index: 9; white-space: nowrap; padding: 15px 20px 15px 20px; border-color: rgba(255, 255, 255, 0.25); outline: none; box-shadow: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"
|
||||
data-x="['left','left','left','left']"
|
||||
data-hoffset="['676','676','226','216']"
|
||||
data-y="['bottom','bottom','bottom','bottom']"
|
||||
data-voffset="['50','50','30','20']"
|
||||
data-width="none"
|
||||
data-height="none"
|
||||
data-whitespace="nowrap"
|
||||
data-transform_idle="o:1;"
|
||||
data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
|
||||
data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;"
|
||||
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
|
||||
data-transform_out="y:50px;opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
|
||||
data-start="650"
|
||||
data-splitin="none"
|
||||
data-splitout="none"
|
||||
data-actions='[
|
||||
{"event":"click","action":"jumptoslide","slide":"next","delay":""}
|
||||
]'
|
||||
data-basealign="slide"
|
||||
data-responsive_offset="off"
|
||||
data-responsive="off">
|
||||
<i class="fa fa-chevron-right"></i>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-static-layers"></div>
|
||||
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
|
||||
</div>
|
||||
</div><!-- END REVOLUTION SLIDER -->
|
||||
</section>
|
||||
|
||||
@include('Public.Partials.PublicContent')
|
||||
|
||||
@include('Public.Partials.PublicFooter')
|
||||
@stop
|
||||
@section('foot')
|
||||
{!!HTML::script('assets/out/revolution-slider/revolution/js/jquery.themepunch.tools.min.js')!!}
|
||||
{!!HTML::script('assets/out/revolution-slider/revolution/js/jquery.themepunch.revolution.min.js')!!}
|
||||
{!!HTML::script('assets/out/revolution-slider/revolution/js/extensions/revolution.extension.actions.min.js')!!}
|
||||
{!!HTML::script('assets/out/revolution-slider/revolution/js/extensions/revolution.extension.layeranimation.min.js')!!}
|
||||
{!!HTML::script('assets/out/revolution-slider/revolution/js/extensions/revolution.extension.navigation.min.js')!!}
|
||||
{!!HTML::script('assets/out/revolution-slider/revolution/js/extensions/revolution.extension.parallax.min.js')!!}
|
||||
{!!HTML::script('assets/out/revolution-slider/revolution/js/extensions/revolution.extension.slideanims.min.js')!!}
|
||||
<script>
|
||||
// initialization of revolution slider
|
||||
var tpj = jQuery,
|
||||
promoSlider;
|
||||
|
||||
tpj(document).on('ready', function () {
|
||||
if (tpj('#promoSlider').revolution == undefined) {
|
||||
revslider_showDoubleJqueryError('#promoSlider');
|
||||
} else {
|
||||
promoSlider = tpj('#promoSlider').show().revolution({
|
||||
sliderType: 'standard',
|
||||
jsFileLocation: '../../revolution/js/',
|
||||
sliderLayout: 'fullscreen',
|
||||
dottedOverlay: 'none',
|
||||
delay: 9000,
|
||||
navigation: {
|
||||
keyboardNavigation: 'off',
|
||||
keyboard_direction: 'horizontal',
|
||||
mouseScrollNavigation: 'off',
|
||||
onHoverStop: 'off',
|
||||
touch: {
|
||||
touchenabled: 'on',
|
||||
swipe_threshold: 75,
|
||||
swipe_min_touches: 1,
|
||||
swipe_direction: 'horizontal',
|
||||
drag_block_vertical: false
|
||||
},
|
||||
bullets: {
|
||||
enable: true,
|
||||
hide_onmobile: true,
|
||||
hide_under: 960,
|
||||
style: 'zeus',
|
||||
hide_onleave: false,
|
||||
direction: 'horizontal',
|
||||
h_align: 'center',
|
||||
v_align: 'bottom',
|
||||
h_offset: 80,
|
||||
v_offset: 50,
|
||||
space: 5,
|
||||
|
||||
}
|
||||
},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [868, 768, 960, 720],
|
||||
lazyType: 'none',
|
||||
parallax: {
|
||||
type: 'mouse',
|
||||
origo: 'slidercenter',
|
||||
speed: 2000,
|
||||
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
|
||||
disable_onmobile: 'on'
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: 'off',
|
||||
stopLoop: 'on',
|
||||
stopAfterLoops: 0,
|
||||
stopAtSlide: 1,
|
||||
shuffle: 'off',
|
||||
autoHeight: 'off',
|
||||
fullScreenAlignForce: 'off',
|
||||
fullScreenOffset: '60px',
|
||||
disableProgressBar: 'on',
|
||||
hideThumbsOnMobile: 'off',
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: 'off',
|
||||
nextSlideOnWindowFocus: 'off',
|
||||
disableFocusListener: false
|
||||
}
|
||||
});
|
||||
|
||||
var newCall = new Object(),
|
||||
cslide;
|
||||
|
||||
newCall.callback = function () {
|
||||
var proc = promoSlider.revgetparallaxproc(),
|
||||
fade = 1 + proc,
|
||||
scale = 1 + (Math.abs(proc) / 10);
|
||||
|
||||
punchgs.TweenLite.set(promoSlider.find('.slotholder, .rs-background-video-layer'), {
|
||||
opacity: fade,
|
||||
scale: scale
|
||||
});
|
||||
};
|
||||
|
||||
newCall.inmodule = 'parallax';
|
||||
newCall.atposition = 'start';
|
||||
|
||||
promoSlider.bind('revolution.slide.onloaded', function (e) {
|
||||
promoSlider.revaddcallback(newCall);
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@stop
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Bilet Tm</title>
|
||||
|
||||
<!-- Required Meta Tags Always Come First -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800" rel="stylesheet">
|
||||
<!--[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]-->
|
||||
<!-- CSS Global Compulsory -->
|
||||
|
||||
{!!HTML::style('assets/out/bootstrap/bootstrap.min.css')!!}
|
||||
<!-- CSS Implementing Plugins -->
|
||||
{!!HTML::style('assets/out/icon-awesome/css/font-awesome.min.css')!!}
|
||||
{!!HTML::style('assets/out/icon-line/css/simple-line-icons.css')!!}
|
||||
{!!HTML::style('assets/out/icon-hs/style.css')!!}
|
||||
{!!HTML::style('assets/out/hs-megamenu/src/hs.megamenu.css')!!}
|
||||
|
||||
<!-- CSS Template -->
|
||||
{!!HTML::style('assets/css/styles.op-agency.css')!!}
|
||||
{!!HTML::style('assets/out/icon-material/material-icons.css')!!}
|
||||
@yield('head')
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
@yield('content')
|
||||
</main>
|
||||
<!-- JS Global Compulsory -->
|
||||
{!!HTML::script('assets/out/jquery/jquery.min.js')!!}
|
||||
{!!HTML::script('assets/out/jquery-migrate/jquery-migrate.min.js')!!}
|
||||
{!!HTML::script('assets/out/popper.min.js')!!}
|
||||
{!!HTML::script('assets/out/bootstrap/bootstrap.min.js')!!}
|
||||
{!!HTML::script('assets/out/hs-megamenu/src/hs.megamenu.js')!!}
|
||||
{!!HTML::script('assets/out/js/custom.js')!!}
|
||||
@yield('foot')
|
||||
</body>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<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>
|
||||
|
|
@ -0,0 +1,167 @@
|
|||
<footer class="text-center" style="padding-top: 60px;">
|
||||
<div class="g-color-white g-bg-primary-dark-v1 g-py-40 g-px-15" style="background-color: #44405f !important;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 style="color: #ffffff;font-size: 42px;font-weight: 600;padding-bottom:30px;">Хотите всегда быть в курсе актуальных событий?</h1>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h2 style="color: #ffffff;font-size: 32px;font-weight: 400;padding-bottom:30px;">Подпишитесь на рассылку и получайте на почту персональную подборку событий вашего города</h2>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="padding-bottom: 95px;">
|
||||
<div class="col-md-3">
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group g-mb-20">
|
||||
<input id="inputGroup1_1" class="other form-control form-control-md rounded-0" type="text" placeholder="Введите ваше имя" style="border-radius: 1px !important;box-shadow: 0 3px 2px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.19) !important;
|
||||
height: 70px;margin-top: 10px;margin-bottom: 25px;font-weight: 400;font-size: 22px;">
|
||||
</div>
|
||||
<div class="form-group g-mb-20">
|
||||
<input id="inputGroup1_1" class="other form-control form-control-md rounded-0" type="text" placeholder="Введите ваш e-mail" style="border-radius: 1px !important;box-shadow: 0 3px 2px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.19) !important;
|
||||
height: 70px;margin-top: 10px;margin-bottom: 45px;font-weight: 400;font-size: 22px;">
|
||||
</div>
|
||||
<a href="#!" class="btn btn-xl u-btn-outline-darkgray g-rounded-50 " style="font-size: 26px;width: 100%;padding: 25px;">ПОДПИСАТЬСЯ НА РАССЫЛКУ</a>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="padding-bottom:80px">
|
||||
<div class="col-md-3" style="text-align: left;">
|
||||
<img src = "{{URL::asset('assets/img/logo.svg')}}" style="width:80%">
|
||||
</div>
|
||||
<div class="col-md-6" style="text-align: left;">
|
||||
<ul class="list-inline g-line-height-1 g-mt-minus-10 g-mx-minus-4 mb-0">
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 40px;height: 40px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-facebook" style="font-size: 20px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover" href="#!" style="width: 40px;height: 40px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-pinterest-p" style="font-size: 20px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 40px;height: 40px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-twitter" style="font-size: 20px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 40px;height: 40px;color: #453f61 !important;">
|
||||
<i class="fa fa-linkedin" style="font-size: 20px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 40px;height: 40px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-facebook" style="font-size: 20px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover" href="#!" style="width: 40px;height: 40px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-pinterest-p" style="font-size: 20px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 40px;height: 40px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-twitter" style="font-size: 20px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 40px;height: 40px;color: #453f61 !important;">
|
||||
<i class="fa fa-linkedin" style="font-size: 20px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3" style="text-align: left;">
|
||||
<p style="color: #ffffff; font-weight: 600; font-size: 30px;">+993 65 0000</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<ul class="list-unstyled g-mb-30 g-mb-0--md">
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ЛИЧНЫЙ КАБИНЕТ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ЗНАКОМСТВО С BILETTM.COM</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ВОПРОСЫ И ОТВЕТЫ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">БИЛЕТНЫЕ ОФИСЫ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">РАССЫЛКА</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<ul class="list-unstyled g-mb-30 g-mb-0--md">
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">КОЛЛЕКТИВНЫЕ ЗАКАЗЫ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ОРГАНИЗАТОРАМ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">КОНЦЕРТНЫМ ПЛОЩАДКАМ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ПАРТНЁРАМ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ЛОГОТИП ДЛЯ АФИШ И СМИ</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<ul class="list-unstyled g-mb-30 g-mb-0--md">
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ДОСТАВКА</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ОПЛАТА</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ВОЗВРАТ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ГАРАНТИИ</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ОФЕРТА</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<ul class="list-unstyled g-mb-30 g-mb-0--md">
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">БИЛЕТНЫЙ СЕРВИС</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">BILETTM.COM</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">COPYRIGHT 2018</a>
|
||||
</li>
|
||||
<li class="d-flex g-mb-12">
|
||||
<a class="g-color-white-opacity-0_6 g-color-primary--hover" href="#!" style="color: #ffffff !important;font-weight: 600; font-size: 16px;">ВСЕ ПРАВА ЗАЩИЩЕНЫ</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,137 @@
|
|||
<header id="js-header" class="u-header u-header--static "
|
||||
data-header-fix-moment="100"
|
||||
data-header-fix-effect="slide">
|
||||
<div class="u-header__section u-header__section--hidden u-header__section--dark g-py-13" style="background-color: #44405f !important;padding-bottom: 0px !important;">
|
||||
<div class="container">
|
||||
<div class="row flex-column flex-md-row align-items-center justify-content-between text-uppercase g-color-white g-font-size-11 g-mx-minus-15">
|
||||
<!-- Responsive Toggle Button -->
|
||||
<button class="g-hidden-md-up d-block btn btn-xs u-btn-primary g-brd-none g-line-height-1 mx-auto" type="button" aria-controls="dropdown-megamenu" aria-expanded="false" aria-label="Toggle navigation" data-toggle="collapse" data-target="#dropdown-megamenu">
|
||||
<span class="hamburger hamburger--slider">
|
||||
<span class="hamburger-box">
|
||||
<span class="hamburger-inner g-bg-white"></span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<!-- End Responsive Toggle Button -->
|
||||
<div class="col-md-3 g-px-15 w-100 g-width-auto--md" >
|
||||
<ul id="dropdown-megamenu" class="d-md-block collapse list-inline g-line-height-1 g-mx-minus-4 mb-0 hs-menu-initialized hs-menu-horizontal">
|
||||
<li class="hs-has-sub-menu d-block d-md-inline-block g-pos-rel g-mx-4">
|
||||
<a href="#!" id="dropdown-invoker-3" class="g-color-white g-color-primary--hover g-text-underline--none--hover" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-3" style="font-size: 16px;">RUS
|
||||
</a>
|
||||
<ul id="dropdown-3" class="hs-sub-menu list-unstyled g-bg-gray-dark-v1 g-py-10 g-px-20 g-mt-13" aria-labelledby="dropdown-invoker-3" style="display: none;">
|
||||
<li class="g-py-10">
|
||||
<a href="#!" class="d-block g-text-underline--none--hover g-color-white g-color-primary--hover" style="font-size: 15px;">TM</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-9 g-px-15" style="padding-left: 40px !important;">
|
||||
<ul class="list-inline g-line-height-1 g-mt-minus-10 g-mx-minus-4 mb-0">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 30px;height: 30px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-facebook" style="font-size: 15px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover" href="#!" style="width: 30px;height: 30px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-pinterest-p" style="font-size: 15px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 30px;height: 30px;margin-right: 3px !important;color: #453f61 !important;">
|
||||
<i class="fa fa-twitter" style="font-size: 15px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10">
|
||||
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 30px;height: 30px;color: #453f61 !important;">
|
||||
<i class="fa fa-linkedin" style="font-size: 15px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<li class="list-inline-item g-mx-4 g-mt-10" style="margin-left: 15px !important;">
|
||||
<i class="fa fa-map-marker" style="font-size: 22px;padding-right: 5px;"></i>
|
||||
<a href="#!" class="g-color-white g-color-primary--hover g-text-underline--none--hover" style="font-size: 16px;">АШХАБАД</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10" style="margin-left: 20px !important;margin-right: 20px !important;">
|
||||
<i class="fa fa-calendar" style="font-size: 22px;padding-right: 5px;"></i>
|
||||
<a href="#!" class="g-color-white g-color-primary--hover g-text-underline--none--hover" style="font-size: 16px;">20.10.2018</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10" style="">
|
||||
<i class="fa fa-clock-o" style="font-size: 22px;padding-right: 5px;"></i>
|
||||
<a href="#!" class="g-color-white g-color-primary--hover g-text-underline--none--hover" style="font-size: 16px;">13:19</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10" style="margin-left: 20px !important;">
|
||||
<a href="#!" class="g-color-white g-color-primary--hover g-text-underline--none--hover" style="font-size: 16px;">+993 65 0000</a>
|
||||
</li>
|
||||
<li class="list-inline-item g-mx-4 g-mt-10" style="margin-left: 45px !important;">
|
||||
<a href="#!" class="btn u-btn-outline-darkgray g-rounded-50 " style="font-size: 15px">ВХОД</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-header__section g-bg-white g-transition-0_3 g-py-16 g-py-10--md" data-header-fix-moment-exclude="g-bg-white" data-header-fix-moment-classes="u-shadow-v27 g-bg-white-opacity-0_9" style="background-color: #43425D !important;">
|
||||
<nav class="navbar navbar-expand-lg p-0 g-px-15">
|
||||
<div class="container g-pos-rel" style="">
|
||||
<!-- Logo -->
|
||||
|
||||
<a href="#!" class="js-go-to navbar-brand u-header__logo"
|
||||
data-type="static" style="margin-right: 70px;">
|
||||
<img class="u-header__logo-img u-header__logo-img--main g-width-130" src="{{URL::asset('assets/img/logo.svg')}}" alt="Image Description" style="width: 235px !important;margin-bottom: 45px;">
|
||||
</a>
|
||||
<div id="navBar" class="collapse navbar-collapse w-100 align-items-center flex-sm-row" data-mobile-scroll-hide="true" >
|
||||
<div class="navbar-collapse">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="" style="display: flex;width: 100%;">
|
||||
<span class="input-group-text rounded-0 g-bg-white g-color-gray-light-v1" style="border-radius: 50px !important;height: 50px;width: 50px;margin: auto;background-color: #ff4159 !important;
|
||||
border-color: #ff4159;position: absolute;margin-left: 745px;margin-top: 18px;"><i class="fa fa-search" style="margin: auto;color: white;font-size: 25px;"></i></span>
|
||||
<input class="form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 " type="text" placeholder="Поиск"
|
||||
style="border-radius: 5px !important; box-shadow: 0 3px 2px 0 rgba(0,0,0,0.2),0 4px 9px 0 rgba(0,0,0,0.19) !important;width: 800px !important;
|
||||
font-size: 25px !important; height: 70px;margin-top: 10px;margin-bottom: 25px;font-weight: 600;">
|
||||
<div class="input-group-append">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<ul id="js-scroll-nav" class="navbar-nav text-uppercase g-font-weight-700 g-font-size-11 ml-auto g-pt-20 g-pt-3--lg" >
|
||||
@foreach($categories as $id => $category)
|
||||
<li class="nav-item g-mr-15--lg g-mb-7 g-mb-0--lg @if($id === $category_id) active @endif">
|
||||
<a href="{{route('showCategoryEventsPage', ['category_id' => @$id])}}" class="nav-link p-0">{{$category}}</a>
|
||||
</li>
|
||||
@endforeach
|
||||
|
||||
<li class="nav-item g-mx-15--lg g-mb-7 g-mb-0--lg">
|
||||
<i class="fa icon-options" style="font-size: 25px;color: white;"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Navigation -->
|
||||
<!-- Responsive Toggle Button -->
|
||||
<button class="navbar-toggler btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-top-20 g-right-0" type="button"
|
||||
aria-label="Toggle navigation"
|
||||
aria-expanded="false"
|
||||
aria-controls="navBar"
|
||||
data-toggle="collapse"
|
||||
data-target="#navBar">
|
||||
<span class="hamburger hamburger--slider">
|
||||
<span class="hamburger-box">
|
||||
<span class="hamburger-inner"></span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<!-- End Responsive Toggle Button -->
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
Loading…
Reference in New Issue