``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>@yield('page_title')</title> <link href="{{ asset('public/plugins/custombox/dist/custombox.min.css') }}" rel="stylesheet"> <link href="{{ asset('public/plugins/switchery/switchery.min.css') }}" rel="stylesheet" /> <link href="{{ asset('public/plugins/jquery-circliful/css/jquery.circliful.css') }}" rel="stylesheet" type="text/css" /> <link href="{{ asset('public/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"> <link href="{{ asset('public/css/icons.css') }}" rel="stylesheet" type="text/css"> <link href="{{ asset('public/css/style.css') }}" rel="stylesheet" type="text/css"> <script src="{{ asset('public/js/modernizr.min.js') }}"></script> </head> <body class="fixed-left"> <!-- Begin page --> <div id="wrapper"> <!-- Top Bar Start --> <div class="topbar"> <!-- LOGO --> <div class="topbar-left custom_topbar"> <div class="text-center"> {{-- <a href="javascript:void(0)" class="logo"></a> --}} </div> </div> <!-- Button mobile view to collapse sidebar menu --> <nav class="navbar-custom"> </nav> </div> <!-- Top Bar End --> <!-- ========== Left Sidebar Start ========== --> <div class="left side-menu"> <div class="sidebar-inner slimscrollleft"> <!--- Divider --> <div id="sidebar-menu"> <ul> <li class="menu-title">Main Menu</li> <li> <a href="{{ url('dashboard') }}" class="waves-effect waves-primary"><i class="ti-home"></i><span> ホーム </span></a> </li> <li class="has_sub"> <a href="javascript:void(0)" class="waves-effect waves-primary"><i class="ti-home"></i> <span> 事業所 </span> <span class="menu-arrow"></span></a> <ul class="list-unstyled"> <li><a href="{{ url('list-of-offices') }}"> 事業所一覧 </a></li> <li><a href="{{ url('list-page') }}"> 事業所承認 </a></li> </ul> </li> <li class="has_sub outer_menu"> <a class="waves-effect waves-primary"><i class="ti-home"></i><span> ユーザー </span> <span class="menu-arrow"></span> </a> <ul class="list-unstyled"> <li><a href="{{ url('userlist') }}"> ユーザー一覧 </a></li> <li><a href="{{ url('userapproval') }}"> ユーザー承認 </a></li> </ul> </li> <li> <a href="{{ url('request-list') }}" class="waves-effect waves-primary"><i class="ti-home"></i><span> 修正依頼一覧画面 </span></a> </li> <li class="has_sub"> <a href="{{ url('contact') }}" class="waves-effect waves-primary"><i class="ti-home"></i><span> お問い合わせ画面 </span> <!-- <span class="menu-arrow"></span> --> </a> <!-- {{-- <ul class="list-unstyled"> <li><a href="components-grid.html">Grid</a></li> </ul> --}} --> </li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> <!-- Left Sidebar End --> @yield('content') <footer class="footer" style="font-size: 15px; font-weight: bold; font-family: Noto Sans CJK JP ;line-height: 22px"> © 2020 selecare.com </footer> </div> <!-- END wrapper --> <script> var resizefunc = []; </script> <!-- Plugins --> <script src="{{ asset('public/js/jquery.min.js') }}"></script> <script src="{{ asset('public/js/popper.min.js') }}"></script> <script src="{{ asset('public/js/bootstrap.min.js') }}"></script> <script src="{{ asset('public/js/detect.js') }}"></script> <script src="{{ asset('public/js/fastclick.js') }}"></script> <script src="{{ asset('public/js/jquery.slimscroll.js') }}"></script> <script src="{{ asset('public/js/jquery.blockUI.js') }}"></script> <script src="{{ asset('public/js/waves.js') }}"></script> <script src="{{ asset('public/js/wow.min.js') }}"></script> <script src="{{ asset('public/js/jquery.nicescroll.js') }}"></script> <script src="{{ asset('public/js/jquery.scrollTo.min.js') }}"></script> <script src="{{ asset('public/plugins/switchery/switchery.min.js') }}"></script> <!-- Counter Up --> <script src="{{ asset('public/plugins/waypoints/lib/jquery.waypoints.min.js') }}"></script> <script src="{{ asset('public/plugins/counterup/jquery.counterup.min.js') }}"></script> <!-- circliful Chart --> <script src="{{ asset('public/plugins/jquery-circliful/js/jquery.circliful.min.js') }}"></script> <script src="{{ asset('public/plugins/jquery-sparkline/jquery.sparkline.min.js') }}"></script> <!-- skycons --> <script src="{{ asset('public/plugins/skyicons/skycons.min.js') }}" type="text/javascript"></script> <!-- Page js --> <script src="{{ asset('public/js/pages/jquery.dashboard.js') }} "></script> <script src="{{ asset('public/js/pages/jquery.charts-sparkline.js') }}"></script> <script src="{{ asset('public/plugins/custombox/dist/custombox.min.js') }}"></script> <script src="{{ asset('public/plugins/custombox/dist/legacy.min.js') }}"></script> <!-- Custom main Js --> <script src="{{ asset('public/js/jquery.core.js') }} "></script> <script src="{{ asset('public/js/jquery.app.js') }} "></script> <script type="text/javascript"> jQuery(document).ready(function($) { $('.counter').counterUp({ delay: 100, time: 1200 }); $('.circliful-chart').circliful(); }); // BEGIN SVG WEATHER ICON if (typeof Skycons !== 'undefined'){ var icons = new Skycons( {"color": "#f9cd48"}, {"resizeClear": true} ), list = [ "clear-day", "clear-night", "partly-cloudy-day", "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind", "fog" ], i; for(i = list.length; i--; ) icons.set(list[i], list[i]); icons.play(); }; $('#office_detail_page').hide(); // $('#office_list_page').hide(); $('.office_detail_btn').click(function(){ $('#office_detail_page').show(); $('#office_list_page').hide(); $('.menu_block_class').hide(); $('.first_block_class').show(); $('.peopleList').click(function(){ $('#menu-2-detail-section').hide(); $('#menu-2-table').show(); $('.applicants_btn').click(function(){ $('#menu-2-table').hide(); $('#menu-2-detail-section').show(); $('.office_msg_btn').click(function(){ $('.msg_back').click(function(){ $('.chat_area').hide(); $('.office_menu_2').show(); }); $('.office_menu_2').hide(); $('.chat_area').show(); }); }); $('.peopleList').removeClass('active_color'); $(this).addClass('active_color'); $('.menu_block_class').hide(); var menuName = $(this).attr('menu-name'); $("[menu-block='"+menuName+"']").show(); }); }); $('.office_back_btn').click(function(){ $('#office_list_page').show(); $('#office_detail_page').hide(); }); // Developing // $('.office_menu_2').show(); // $('#office_list_page').hide(); var topBarHeight = $('.topbar').height(); var footerHeight = $('.footer').height(); let _100vh = Math.round(window.innerHeight); var outerSpaceArea = _100vh - (topBarHeight + footerHeight + 40); $('.contact_inside').height(outerSpaceArea); </script> </body> </html> ```