122 lines
5.0 KiB
PHP
122 lines
5.0 KiB
PHP
<!doctype html>
|
|
<html lang="{{ app()->getLocale() }}">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="icon" type="image/x-icon" href="{{ $assetBase }}/img/love.svg">
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/owl.carousel.min.css" />
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/owl.theme.default.min.css" />
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/style.css" />
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/responsive.css" />
|
|
<title>{{ $title }}</title>
|
|
@stack('head')
|
|
</head>
|
|
<body>
|
|
@php
|
|
$showPageReveal = in_array($page ?? null, ['home', 'about'], true);
|
|
@endphp
|
|
|
|
@if($showPageReveal)
|
|
<div class="page-reveal"></div>
|
|
@endif
|
|
<!------ Header Area Start ----->
|
|
<header class="header">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<nav class="header-wrapper nav-desktop">
|
|
<a href="{{ route('home') }}">{{ trans('fp.HOME') }}</a>
|
|
<a href="{{ route('work') }}">{{ trans('fp.WORK') }}</a>
|
|
<div class="site-logo">
|
|
<a href="{{ route('home') }}"><img src="{{ $assetBase }}/img/logo.svg" alt="Aritmija logo"></a>
|
|
</div>
|
|
<a href="{{ route('about') }}">{{ trans('fp.ABOUT') }}</a>
|
|
<a href="{{ route('contact') }}">{{ trans('fp.CONTACT') }}</a>
|
|
</nav>
|
|
|
|
<div class="mobile-nav">
|
|
<div class="love-sm">
|
|
<a href="{{ route('home') }}"><img src="{{ $assetBase }}/img/love.svg" alt="Aritmija icon"></a>
|
|
</div>
|
|
<div class="logo-sm">
|
|
<a href="{{ route('home') }}"><img src="{{ $assetBase }}/img/logo.svg" alt="Aritmija logo"></a>
|
|
</div>
|
|
<div class="menu-trigger">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header> <!------ Header Area End ----->
|
|
|
|
<!------ Slide Mobile Menu Area Start ----->
|
|
<div class="slide-menu">
|
|
<div class="slide-menu-logo">
|
|
<a href="{{ route('home') }}">
|
|
<img src="/assets/img/love.svg" alt="">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="menu-close">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="menu_item">
|
|
<ul>
|
|
<li @class(['active' => ($page ?? null) === 'home'])><a href="{{ route('home') }}">{{ trans('fp.HOME') }}</a></li>
|
|
<li @class(['active' => ($page ?? null) === 'about'])><a href="{{ route('about') }}">{{ trans('fp.ABOUT') }}</a></li>
|
|
<li @class(['active' => ($page ?? null) === 'work'])><a href="{{ route('work') }}">{{ trans('fp.WORK') }}</a></li>
|
|
<li @class(['active' => ($page ?? null) === 'contact'])><a href="{{ route('contact') }}">{{ trans('fp.CONTACT') }}</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="info-bottom">
|
|
<span><a href="/en">En</a></span>
|
|
<img src="{{ $assetBase }}/img/love.svg" alt="Aritmija icon">
|
|
<span><a href="/sl">Sl</a></span>
|
|
</div>
|
|
</div>
|
|
<!--- Slide Mobile Menu Area End --->
|
|
|
|
@yield('content')
|
|
|
|
|
|
<div class="language-action">
|
|
<ul>
|
|
<li><a href="/en" @class(['active' => app()->getLocale() === 'en'])>EN</a></li>
|
|
<li><a href="/sl" @class(['active' => app()->getLocale() === 'sl'])>SL</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<svg preserveAspectRatio="none" id="footer-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2278 683">
|
|
<defs>
|
|
<linearGradient id="grad-1" x1="0" y1="0" x2="2278" y2="683" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.2" stop-color="#121212"></stop>
|
|
<stop offset="0.8" stop-color="#121212"></stop>
|
|
</linearGradient>
|
|
</defs>
|
|
<path class="footer-svg" id="bouncy-path" fill="url(#grad-1)" d="M0-0.3C0-0.3,464,156,1139,156S2278-0.3,2278-0.3V683H0V-0.3z"/>
|
|
</svg>
|
|
|
|
<x-block keycode="FOOTER-BLOCK"></x-block>
|
|
|
|
</footer>
|
|
|
|
<!-- Bootstrap Bundle with Popper -->
|
|
<!-- <script src="https://cdn.jsdelivr.net/npm/lenis@1.3.13/dist/lenis.min.js"></script> Bootstrap Bundle with Popper -->
|
|
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
|
|
<script src="{{ $assetBase }}/js/jquery.min.js"></script>
|
|
<script src="{{ $assetBase }}/js/Popper.js"></script>
|
|
<script src="{{ $assetBase }}/js/bootstrap.min.js"></script>
|
|
<script src="{{ $assetBase }}/js/owl.carousel.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/Draggable.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
|
|
<script src="https://unpkg.com/gsap@3/dist/MorphSVGPlugin.min.js"></script>
|
|
<script src="{{ $assetBase }}/js/main.js"></script>
|
|
@stack('scripts')
|
|
</body>
|
|
</html> |