<!DOCTYPE html> <html lang="{{Session::get('selected_language')}}"> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KTPRJCQ');</script> <!-- End Google Tag Manager --> <title>{{$setting['web_title']}}</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="language" content="{{Session::get('selected_language')}}"> <meta name="geo.placename" content="Surabaya"> <meta name="geo.region" content="Indonesia"> <meta property="og:type" content="website" /> <meta property="og:site_name" content="{{$setting['web_title']}}" /> <meta property="og:title" content="{{$setting['web_title']}}" /> <meta property="og:url" content="{{ url('') }}" /> <meta property="og:description" content="{{$setting['web_title']}}" /> <meta property="og:locale" content="{{ app()->getLocale()}}" /> <meta property="og:image" content="https://www.unesa.ac.id/assets/images/logo.png" /> <meta property="og:image:secure_url" content="https://www.unesa.ac.id/assets/images/logo.png" /> <meta property="og:image:type" content="image/png" /> @yield('meta') <link rel="alternate" hreflang="id-id" href="{{ url('') }}" /> <link rel="alternate" hreflang="en-us" href="{{ url('') }}" /> <link rel="canonical" href="{{ url('') }}" /> <!-- Bootstrap Styles --> <link href="https://statik.unesa.ac.id/profileunesa_konten_statik/front/css/bootstrap.css" rel="stylesheet"> <style media="screen"> a.navbar-brand { background: url({!! $setting['logo'] !!}) no-repeat scroll left top rgba(0, 0, 0, 0); /* height: 55px; width: auto; */ } div.yamm-content{ max-height: 400px; max-width: 1200px; overflow-x: scroll; overflow-y: scroll; } div#navbar-collapse-1.navbar-collapse.collapse.navbar-right{ margin-left: 150px; } a { color: #428bca; text-decoration: none; background: transparent; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } </style> @if(isset($setting['ppid']) && strtolower($setting['ppid']) == 'ult') <style> section.white-wrapper { background-color: #0b4d70; padding: 60px 0; }</style> @endif <!-- Styles --> <link rel='stylesheet' type='text/css' href='https://statik.unesa.ac.id/profileunesa_konten_statik/front/css/{!! $setting['style'] !!}' /> <!-- Flex Slider --> <link href="https://statik.unesa.ac.id/profileunesa_konten_statik/front/css/flexslider.css" rel="stylesheet"> <!-- Carousel Slider --> <link href="https://statik.unesa.ac.id/profileunesa_konten_statik/front/css/owl-carousel.css" rel="stylesheet"> <!-- CSS Animations --> <link href="https://statik.unesa.ac.id/profileunesa_konten_statik/front/css/animate.min.css" rel="stylesheet"> <link href="https://statik.unesa.ac.id/profileunesa_konten_statik/front/css/prettyPhoto.css" rel="stylesheet"> <!-- Google Fonts --> <link href='https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato:400,300,400italic,300italic,700,700italic,900' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Exo:400,300,600,500,400italic,700italic,800,900' rel='stylesheet' type='text/css'> <!-- SLIDER ROYAL CSS SETTINGS --> <link href="https://statik.unesa.ac.id/profileunesa_konten_statik/front/royalslider/royalslider.css" rel="stylesheet"> <link href="https://statik.unesa.ac.id/profileunesa_konten_statik/front/royalslider/skins/default-inverted/rs-default-inverted.css" rel="stylesheet"> <!-- SLIDER REVOLUTION 4.x CSS SETTINGS --> <link rel="stylesheet" type="text/css" href="https://statik.unesa.ac.id/profileunesa_konten_statik/front/rs-plugin/css/settings.css" media="screen" /> {{-- datatables --}} <link rel="stylesheet" href="{!! asset('backend/js/datatables.net-bs/css/dataTables.bootstrap.min.css') !!}"> @yield('assets') </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTPRJCQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="topbar" class="clearfix"> <div class="container"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="social-icons"> </div><!-- end social icons --> </div><!-- end columns --> <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12"> <div class="topmenu"> <span class="topbar-cart"><i class="fa fa-globe"></i> <a href="https://www.unesa.ac.id" target="_blank">UNESA</a></span> <span class="topbar-cart"> <i class="fa fa-globe"></i> <a href="https://sso.unesa.ac.id/" target="_blank">SSO</a></span> <span class="topbar-cart"> {!! Form::open(array('url' => route('language'), 'method' => 'POST', 'style'=>'display:inline', 'id'=>'en')) !!} <input type="hidden" value="en" name="language"> <a href="javascript:;" onclick="document.getElementById('en').submit();"><img src="https://statik.unesa.ac.id/profileunesa_konten_statik/uploads/logo/eng.png" alt="en"></a> {!! Form::close() !!} {!! Form::open(array('url' => route('language'), 'method' => 'POST', 'style'=>'display:inline', 'id'=>'id')) !!} <input type="hidden" value="id" name="language"> <a href="javascript:;" onclick="document.getElementById('id').submit();"><img src="https://statik.unesa.ac.id/profileunesa_konten_statik/uploads/logo/ind.png" alt="id"></a> {!! Form::close() !!} {!! Form::open(array('url' => route('language'), 'method' => 'POST', 'style'=>'display:inline', 'id'=>'de')) !!} <input type="hidden" value="de" name="language"> <a href="javascript:;" onclick="document.getElementById('de').submit();"><img src="https://statik.unesa.ac.id/profileunesa_konten_statik/uploads/logo/deu.png" alt="de"></a> {!! Form::close() !!} {!! Form::open(array('url' => route('language'), 'method' => 'POST', 'style'=>'display:inline', 'id'=>'ar')) !!} <input type="hidden" value="ar" name="language"> <a href="javascript:;" onclick="document.getElementById('ar').submit();"><img src="https://statik.unesa.ac.id/profileunesa_konten_statik/uploads/logo/ar.png" alt="ar"></a> {!! Form::close() !!} {!! Form::open(array('url' => route('language'), 'method' => 'POST', 'style'=>'display:inline', 'id'=>'zh')) !!} <input type="hidden" value="zh" name="language"> <a href="javascript:;" onclick="document.getElementById('zh').submit();"><img src="https://statik.unesa.ac.id/profileunesa_konten_statik/uploads/logo/zh.png" alt="zh"></a> {!! Form::close() !!} <!-- {!! Form::open(array('url' => route('language'), 'method' => 'POST', 'style'=>'display:inline')) !!} {{ Form::select('language', ['id'=>'Indonesia', 'en'=>'English', 'de'=>'German', 'ar'=>'Arabic', 'zh'=>'China'], session('selected_language'), ['class'=>'custom-select form-control', 'style'=>'border-style:none; border-radius: 10px; border-color: white, height: 15px;', 'onChange'=>'form.submit()']) }} {!! Form::close() !!} --> </span> </div><!-- end top menu --> <div class="callus"> @if (array_key_exists('facebook', $setting)) <span class="topbar-email"> <a href="https://www.facebook.com/{!! $setting['facebook'] !!}" target="_blank"><i class="fa fa-facebook"></i></a></span> @endif @if (array_key_exists('instagram', $setting)) <span class="topbar-email"> <a href="https://www.instagram.com/{!! $setting['instagram'] !!}" target="_blank"><i class="fa fa-instagram"></i></a></span> @endif @if (array_key_exists('twitter', $setting)) <span class="topbar-email"> <a href="https://www.twitter.com/{!! $setting['twitter'] !!}" target="_blank"><i class="fa fa-twitter"></i></a></span> @endif @if (array_key_exists('youtube', $setting)) <span class="topbar-email"> <a href="https://www.youtube.com/{!! $setting['youtube'] !!}" target="_blank"><i class="fa fa-youtube"></i></a></span> @endif <span class="topbar-email"><i class="fa fa-envelope"></i> <a href="mailto:{!! $setting['email'] !!}">{!! $setting['email'] !!}</a></span> </div><!-- end callus --> </div><!-- end columns --> </div><!-- end container --> </div><!-- end topbar --> <header id="header-style-1"> <div class="container"> <nav class="navbar yamm navbar-default"> <div class="navbar-header"> <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="{!! url("/") !!}" class="navbar-brand"> </a> </div><!-- end navbar-header --> <div id="navbar-collapse-1" class="navbar-collapse collapse navbar-right"> <ul class="nav navbar-nav"> @if (Session::get('selected_language') == 'id') @include('webprofile.front.jollyany.menu') @endif @if (Session::get('selected_language') == 'en') @include('webprofile.front.jollyany.en.menu') @endif @if (Session::get('selected_language') == 'de') @include('webprofile.front.jollyany.de.menu') @endif @if (Session::get('selected_language') == 'ar') @include('webprofile.front.jollyany.ar.menu') @endif @if (Session::get('selected_language') == 'zh') @include('webprofile.front.jollyany.zh.menu') @endif </ul><!-- end navbar-nav --> </div><!-- #navbar-collapse-1 --> </nav><!-- end navbar yamm navbar-default --> </div><!-- end container --> </header><!-- end header-style-1 --> @yield('slider') @yield('content') @include('webprofile.front.jollyany.footer') <div id="copyrights"> <div class="container"> <div id="global-footer" style="text-align:center; line-height:15px"><br> <a href="https://ppti.unesa.ac.id"><img src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/images/unesa-bawah.png" alt="Surabaya State University" width="105" height="49"><br>Copyright © {!! Date('Y') !!} {{$setting['web_title']}}. Supported By PPTI Universitas Negeri Surabaya</a> </div> </div><!-- end container --> </div> <div class="dmtop"></div> <!-- Main Scripts--> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/jquery.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/bootstrap.min.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/menu.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/owl.carousel.min.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/jquery.parallax-1.1.3.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/jquery.simple-text-rotator.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/wow.min.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/jquery.fitvids.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/custom.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/jquery.isotope.min.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/custom-portfolio.js"></script> <!-- SLIDER REVOLUTION 4.x SCRIPTS --> <script type="text/javascript" src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/rs-plugin/js/jquery.themepunch.plugins.min.js"></script> <script type="text/javascript" src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/rs-plugin/js/jquery.themepunch.revolution.min.js"></script> <script src="https://www.unesa.ac.id/assets/js/jquery.prettyPhoto.js"></script> <script type="text/javascript"> (function($) { "use strict"; jQuery('a[data-gal]').each(function() { jQuery(this).attr('rel', jQuery(this).data('gal')); }); jQuery("a[data-gal^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',slideshow:false,overlay_gallery: false,theme:'light_square',social_tools:false,deeplinking:false}); })(jQuery); </script> <script type="text/javascript"> var revapi; jQuery(document).ready(function() { revapi = jQuery('.tp-banner').revolution( { delay:9000, startwidth:1686, startheight:500, hideThumbs:10, fullWidth:"on", forceFullWidth:"on" }); }); //ready </script> <script> (function($) { "use strict"; $(document).ready(function(){ // Target your .container, .wrapper, .post, etc. $("body").fitVids(); }); })(jQuery); </script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/js/jquery.flexslider.js"></script> <script type="text/javascript"> (function($) { "use strict"; $(window).load(function(){ $('.flexslider').flexslider({ animation: "fade", controlNav: false, start: function(slider){ $('body').removeClass('loading'); } }); }); })(jQuery); </script> <!-- Demo Switcher JS --> <script type="text/javascript" src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/switcher/js/fswit.js"></script> <script src="https://statik.unesa.ac.id/profileunesa_konten_statik/front/switcher/js/bootstrap-select.js"></script> <script src="{!!asset('backend/js/datatables.net/js/jquery.dataTables.min.js') !!}"></script> <script src="{!!asset('backend/js/datatables.net-bs/js/dataTables.bootstrap.min.js') !!}"></script> <!-- <script src="{!!asset('backend/js/datatables.net-bs/js/dataTables.bootstrap.min.js') !!}"></script> --> <!-- <script src="{{ url('backend/assets/plugins/jquery-datatable/buttons/dataTables.buttons.min.js') }}"></script> <script src="{{ url('backend/assets/plugins/jquery-datatable/buttons/buttons.bootstrap4.min.js') }}"></script> <script src="{{ url('backend/assets/plugins/jquery-datatable/buttons/buttons.colVis.min.js') }}"></script> <script src="{{ url('backend/assets/plugins/jquery-datatable/buttons/buttons.html5.min.js') }}"></script> <script src="{{ url('backend/assets/plugins/jquery-datatable/buttons/buttons.print.min.js') }}"></script> --> <script> $(document).ready(function() { var groupColumn = 2; var table = $('.data-table').DataTable({ "columnDefs": [ { "visible": false, "targets": groupColumn } ], "order": [[ groupColumn, 'asc' ]], "displayLength": 25, "drawCallback": function ( settings ) { var api = this.api(); var rows = api.rows( {page:'current'} ).nodes(); var last=null; api.column(groupColumn, {page:'current'} ).data().each( function ( group, i ) { if ( last !== group ) { $(rows).eq( i ).before( '<tr class="group"><td colspan="5">'+group+'</td></tr>' ); last = group; } } ); } } ); } ); </script> @yield('scripts') </body> </html>