Benjamin Völkl 2023-05-07 20:59:35 +02:00
parent 3edb20ae52
commit b58b140864
11 changed files with 33666 additions and 289 deletions

View File

@ -1,103 +1,15 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- ====== bootstrap icons cdn ====== -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">

<style>
body{
background-color: rgba(218, 211, 227, 0.65);
}
<!-- bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<!-- ====== font family ====== -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">



.card{
background-color: #f0e4f45c;
}


h1,h2,h3{
color: #24052f;
}

section{
padding-top: 45px;
padding-bottom: 45px;
margin-bottom: 90px;
padding-left: 1rem;
padding-right: 1rem;

}

.bg-ci{
background-color: #53276236 ;

}


.bg-ci-animated{
background: linear-gradient(318deg, #24052f, #81329d);
background-size: 400% 400%;

-webkit-animation: bg-ci-animated 30s ease infinite;
-moz-animation: bg-ci-animated 30s ease infinite;
animation: bg-ci-animated 30s ease infinite;
}


@-webkit-keyframes bg-ci-animated {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes bg-ci-animated {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes bg-ci-animated {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}


.border-ci{
border: 1px solid #24052f;
}

footer, footer h3{

color: white;
}


footer .bg-ci-animated a{
text-decoration: none;
}

.btn-primary{
background-color: #24052f;
border-color: #1c0625 ;
}
.btn-primary:hover{
background-color: #1c0625;
}

nav{
padding-top: 30px;
padding-bottom: 30px;
color: white;
}
nav a, nav a:hover, footer a, footer a:hover {
color: white;
}


a, a:hover{
color: #24052f;
}

code{
background: #f9efef;
padding: 10px;
border-radius: 8px;
}

</style>
<link rel="stylesheet" href="{{ asset('template/css/all.css') }}" />
<link rel="stylesheet" href="{{ asset('template/css/animate.css') }}" />
<link rel="stylesheet" href="{{ asset('template/css/jquery.fancybox.css') }}" />
<link rel="stylesheet" href="{{ asset('template/css/lity.css') }}" />
<link rel="stylesheet" href="{{ asset('template/css/swiper.min.css') }}" />
<link rel="stylesheet" href="{{ asset('template/css/style.css') }}" />

View File

@ -1,111 +1,63 @@
<footer>

<div class="bg-ci-animated">
<div class="container pb-5">
<div class="row">
<div class="col-12 col-md-4">
<h4 class="mb-2 fw-bold mt-5">Developers</h4>


<a class="fs-5 mb-3 textdecoration-none" href="{{url('/create-theme')}}">How to create a Theme</a>
<br>
<a class="fs-5 mb-3 textdecoration-none" href="{{url('/publish')}}">Publish your Theme</a>
<br>
<a class="fs-5 mb-3 textdecoration-none" href="{{url('/api')}}">API</a>
<br>


</div>

<div class="col-12 col-md-4">


</div>

<div class="col-12 col-md-4">
<h4 class="mb-4 fw-bold mt-5">Community</h4>

<div class="row">
<div class="col">
<a class="fs-5 mb-3 textdecoration-none" href="">
<a href="">
<img src="https://picsum.photos/500" class="img-fluid rounded-circle">
</a>
</a>

</div>

<div class="col">
<a class="fs-5 mb-3 textdecoration-none" href="">
<a href="">
<img src="https://picsum.photos/500" class="img-fluid rounded-circle">
</a>
</a>

</div>

<div class="col">
<a class="fs-5 mb-3 textdecoration-none" href="">
<a href="">
<img src="https://picsum.photos/500" class="img-fluid rounded-circle">
</a>
</a>

</div>

<div class="col">
<a class="fs-5 mb-3 textdecoration-none" href="">
<a href="">
<img src="https://picsum.photos/500" class="img-fluid rounded-circle">
</a>
</a>

</div>

<div class="col">
<a class="fs-5 mb-3 textdecoration-none" href="">
<a href="">
<img src="https://picsum.photos/500" class="img-fluid rounded-circle">
</a>
</a>

</div>


<footer class="style-4 mt-0 pt-100">
<div class="container">
<div class="section-head text-center style-4">
<h2 class="mb-10"> Ready To <span> Download </span> </h2>
<p>Discover your new favorite spaces, from Sao Paulo to Seoul. Download from App Store or Google Play.</p>
<div class="d-flex align-items-center justify-content-center mt-50">
<a href="https://www.apple.com/app-store/" class="btn rounded-pill bg-blue4 fw-bold text-white me-4" target="_blank">
<small> <i class="fab fa-apple me-2 pe-2 border-end"></i> Download On App Store </small>
</a>
<a href="https://play.google.com/store/apps" class="btn rounded-pill hover-blue4 fw-bold border-blue4" target="_blank">
<small> <i class="fab fa-google-play me-2 pe-2 border-end"></i> Download On Google Play </small>
</a>
</div>
</div>
<div class="foot mt-80">
<div class="row align-items-center">
<div class="col-lg-2">
<div class="logo">
<img src="assets/img/logo_lgr.png" alt="">
</div>
</div>
<div class="col-lg-8">
<ul class="links">
<li>
<a href="home-app-landing.html" class="active">Home</a>
</li>
<li>
<a href="page-about-5.html">about</a>
</li>
<li>
<a href="page-product-5.html">product</a>
</li>



<li>
<a href="page-blog-5.html">blog</a>
</li>
<li>
<a href="page-contact-5.html">contact</a>
</li>
</ul>
</div>
<div class="col-lg-2">
<div class="dropdown">
<button class="icon-25 dropdown-toggle p-0 border-0 bg-transparent rounded-circle img-cover" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<img src="assets/img/lang.png" alt="" class="me-2">
<small>English</small>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" href="#">English</a></li>
<li><a class="dropdown-item" href="#">Arabic</a></li>
</ul>
</div>
</div>
</div>
</div>

</div>

<div style=" background-color: #24052f">
<div class="container pt-2 pb-3">



<div class="row">
<div class="col-12 col-sm-6 text-md-start text-center mt-3">
Erstellt mit dem <a href="https://www.areya.de/software/cms">Areya CMS
<svg style="width: 11px; fill: currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z"/></svg>
</a>
</div>
<div class="col-12 col-sm-6 text-md-end text-center mt-3">
<a href="{{url('/agb')}}">AGB</a>
|
<a href="{{url('/datenschutz')}}">Datenschutz</a>
|
<a href="https://www.areya.de/impressum">Impressum</a>


</div>
</div>
<div class="copywrite text-center">
<small class="small">
© 2022 Copyrights by <a href="#" class="fw-bold text-decoration-underline">Iteck Co.</a> All Rights Reserved. Designed by <a href="https://themeforest.net/user/themescamp" class="fw-bold text-decoration-underline">ThemesCamp</a>
</small>
</div>
</div>



</div>
<!-- <img src="assets/img/footer/footer_4_wave.png" alt="" class="wave"> -->
</footer>

View File

@ -0,0 +1,91 @@
<!-- ====== start top navbar ====== -->
<div class="top-navbar style-4">
<div class="container">
<div class="content text-white">
<span class="btn sm-butn bg-white py-0 px-2 me-2 fs-10px">
<small class="fs-10px">Special</small>
</span>
<img src="assets/img/icons/nav_icon/imoj_heart.png" alt="" class="icon-15">
<span class="fs-10px op-6">Get </span>
<small class="op-10 fs-10px">20% Discount</small>
<span class="fs-10px op-6">Get for New Account</span>
<a href="page-contact-5.html" class="fs-10px text-decoration-underline ms-2">Register Now</a>
</div>
</div>
</div>
<!-- ====== end top navbar ====== -->

<!-- ====== start navbar ====== -->
<nav class="navbar navbar-expand-lg navbar-light style-4">
<div class="container">
<a class="navbar-brand" href="{{url('/')}}">
<img src="assets/img/logo_lgr.png" alt="Lumino Themes">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav m-auto mb-2 mb-lg-0 text-uppercase">
<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Homes
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown1">
<li><a class="dropdown-item" href="home-it-solutions2.html"> It Solution creative </a></li>
<li><a class="dropdown-item" href="home-app-landing.html"> App Landing </a></li>
<li><a class="dropdown-item" href="home-saas-technology.html"> Saas Technology </a></li>
<li><a class="dropdown-item" href="home-marketing-startup.html"> Marketing Startup </a></li>
<li><a class="dropdown-item" href="home-it-solutions.html"> It Solution </a></li>
<li><a class="dropdown-item" href="home-software-company.html"> Software Company </a></li>
<li><a class="dropdown-item" href="home-digital-agency.html"> Digital Agency </a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
pages
<small class="hot alert-danger text-danger">hot</small>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown1">
<li><a class="dropdown-item" href="page-about-app.html">about</a></li>
<li><a class="dropdown-item" href="page-product-app.html">product</a></li>
<li><a class="dropdown-item" href="page-services-app.html">services</a></li>
<li><a class="dropdown-item" href="page-shop-app.html">shop</a></li>
<li><a class="dropdown-item" href="page-single-project-app.html">single project</a></li>
<li><a class="dropdown-item" href="page-single-post-app.html">single post</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="page-portfolio-app.html">
portfolio
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="page-blog-app.html">
blog
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="page-contact-app.html">
<img src="assets/img/icons/nav_icon/price.png" alt="" class="icon-15 me-1">
contact
</a>
</li>
</ul>
<div class="nav-side">
<div class="d-flex align-items-center">
<a href="{{url('/admin')}}" class="search-icon me-4">
<i class="bi bi-person"></i>
</a>
<a href="page-contact-app.html" class="btn rounded-pill brd-gray hover-blue4 sm-butn fw-bold">
<span>Join iteck Hub <i class="bi bi-arrow-right ms-1"></i> </span>
</a>
</div>
</div>
</div>
</div>
</nav>
<!-- ====== end navbar ====== -->

View File

@ -2,82 +2,89 @@
@section('content')


<div class="container">

<section class="rounded bg-ci" style="margin-top: 80px;">
<div class="row">
<div class="col">
<h1>Lumino Theme Store</h1>

<p class="fs-4 mt-4">
A showcase of public Lumino Themes.
<br>
You can browse, compare the templates and install them into your own Lumino Installation. To develop and list your own Lumino Template <a href="https://www.areya.de/kontakt" target="_blank" class="text-decoration-none"> get in contact</a>
</p>
<main class="portfolio-page style-1">
<!-- ====== start portfolio-projects ====== -->
<section class="portfolio-projects section-padding pt-50 style-1 bg-white">
<div class="container">
<div class="section-head text-center style-4 mb-40">
<small class="title_small">portfolio</small>
<h2 class="mb-20">Our <span> Projects </span> </h2>
<p>We have an experienced team of production and inspection personnel to ensure quality.</p>
</div>
<div class="controls">
<button type="button" class="control" data-filter="all">All</button>
<button type="button" class="control" data-filter=".consultation">IT Consultation</button>
<button type="button" class="control" data-filter=".security">Data Security</button>

</div>
</div>
</section>
<section class="portfolio style-1">
<div class="content">
<div class="row mix-container">




@if(count($premiumAuthors) > 0)
<section>
<div class="row carousel-row">
<div class="container">
<div class="col-sm-12">
<h2 class="mb-4">Top <strong>Lumino</strong> theme <strong>Authors</strong></h2>
</div>
<div class="row top_arbeitgeber logo-carousel slider" data-arrows="true">
@foreach($premiumAuthors as $premiumAuthor)
<div class="logos slide" style="padding-bottom: 40px; text-align: center">
<a href="{{url('/authors')}}/{{$premiumAuthor->slug}}" class="text-center" style="font-size: 13px;">
<img src="{{url('/uploads/profile')}}/{{$premiumAuthor->image}}" loading="lazy" alt="Logo {{$premiumAuthor->name}}" class="img-fluid center-block border rounded-circle mb-2">
</a>
@foreach($contents as $indexContent => $content)
<div class="col-lg-4 mix security consultation">
<div class="portfolio-card mb-50">
<div class="img">
<img src="{{content->image}}" alt="">
</div>
<div class="info">
<h5>
<a href="{{$content->path}}"> {{$content->title}} </a>
</h5>
<small class="d-block color-main text-uppercase">IT Consultation</small>
<div class="text">
Trust our top minds to eliminate workflow pain points, implement new tech & app.
</div>
<div class="tags">
<a href="#">Consultation</a>
<a href="#">Management</a>
</div>
</div>
</div>
</div>
@endforeach


</div>
</div>
<div class="text-center">
<a href="#" class="btn rounded-pill bg-blue4 fw-bold text-white me-4" target="_blank">
<small> Show More (24) </small>
</a>
</div>
</section>
</div>
</section>
<section class="download section-padding style-5 bg-light">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="content text-center">
<div class="section-head text-center style-4">
<h2 class="mb-20"> Access your business potentials today & find opportunity for <span> bigger success </span> </h2>
</div>
<div class="butns mt-70">
<a href="page-contact-app.html" class="btn rounded-pill bg-blue4 fw-bold text-white me-4" target="_blank">
<small> Start A Project Now </small>
</a>
<a href="page-about-app.html" class="btn rounded-pill hover-blue4 fw-bold border-blue4" target="_blank">
<small> See Pricing & Plan </small>
</a>
</div>
</div>
</div>
</div>
</section>
@endif


<div class="row">
@foreach($contents as $indexContent => $content)
<div class="col-12 col-md-6 col-4 mb-5">
<a href="{{ route_content($content) }}" class="text-decoration-none text-dark">
<div class="card shadow-lg">

@if ($content->image)
<img class="rounded-top img-fluid" src="{{ asset('uploads/' . $content->image) }}" loading="lazy">
@else
<img class="rounded-top img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
@endif

<div class="card-body">
<h2 class="fs-4">{{$content->title}}</h2>
<a href="{{ route('users.show', [$content->user->slug]) }}" class="text-decoration-none">
<img src="{{ $content->user->gravatar() }}" width="20px" title="{{ $content->user->name }}" class="border rounded img-fluid shadow-sm" alt="Logo {{ $content->user->name }} ">
{{ $content->user->name }}
</a>
<p class="mt-4">
{!! isset($content->data_fields['short_description'])?$content->data_fields['short_description']:'keine Angaben' !!}
</p>


</div>

</div>

</a>


</div>
<img src="assets/img/contact_globe.svg" alt="" class="contact_globe">
</section>
<!-- ====== end portfolio-projects ====== -->


</main>




@endforeach
</div>
</div>

@stop

View File

@ -1,22 +1,69 @@
<!doctype html>
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
@include('template.'.config('settings.template').'.content.includes.meta')
@include('template.'.config('settings.template').'.content.includes.css')
@include('template.'.config('settings.template').'.content.includes.integrations')
@yield('head')
</head>
<body>

<nav class="bg-ci-animated">
<div class="container">
<a href="{{url('/')}}" class="fs-4 fw-bold text-decoration-none">Lumino Themes</a>
</div>
</nav>
@yield('content')
@include('template.'.config('settings.template').'.content.includes.footer')
@include('template.'.config('settings.template').'.content.includes.scripts')
@yield('scripts')
@yield('end_scripts')
<head>

@include('template.'.config('settings.template').'.content.includes.meta')
@include('template.'.config('settings.template').'.content.includes.css')
@include('template.'.config('settings.template').'.content.includes.integrations')
@yield('head')
<!-- Metas -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="keywords" content="HTML5 Template Iteck Multi-Purpose themeforest" />
<meta name="description" content="Iteck - Multi-Purpose HTML5 Template" />
<meta name="author" content="" />

<!-- Title -->
<title>Iteck</title>

<!-- Favicon -->
<link rel="shortcut icon" href="assets/img/fav.png" title="Favicon" sizes="16x16" />


</head>

<body>
@include('template.'.config('settings.template').'.content.includes.nav')

@yield('content')
@include('template.'.config('settings.template').'.content.includes.footer')
@include('template.'.config('settings.template').'.content.includes.scripts')
@yield('scripts')
@yield('end_scripts')





<a href="#" class="to_top bg-gray rounded-circle icon-40 d-inline-flex align-items-center justify-content-center">
<i class="bi bi-chevron-up fs-6 text-dark"></i>
</a>
<!-- ====== end to top button ====== -->

<!-- ====== request ====== -->
<script src="assets/js/lib/jquery-3.0.0.min.js"></script>
<script src="assets/js/lib/jquery-migrate-3.0.0.min.js"></script>
<script src="assets/js/lib/bootstrap.bundle.min.js"></script>
<script src="assets/js/lib/wow.min.js"></script>
<script src="assets/js/lib/jquery.fancybox.js"></script>
<script src="assets/js/lib/lity.js"></script>
<script src="assets/js/lib/swiper.min.js"></script>
<script src="assets/js/lib/jquery.waypoints.min.js"></script>
<script src="assets/js/lib/jquery.counterup.js"></script>
<script src="assets/js/lib/pace.js"></script>
<script src="assets/js/lib/mixitup.min.js"></script>
<script src="assets/js/lib/scrollIt.min.js"></script>
<script src="assets/js/main.js"></script>

<script>
// ---------- portfolio mixitup -----------
var containerEl = document.querySelector('.mix-container');

var mixer = mixitup(containerEl);
</script>

</body>

</html>

14718
css/all.css Normal file

File diff suppressed because it is too large Load Diff

3623
css/animate.css vendored Normal file

File diff suppressed because it is too large Load Diff

96
css/jquery.fancybox.css vendored Normal file
View File

@ -0,0 +1,96 @@
@charset "UTF-8";.fancybox-enabled{overflow:hidden;}
.fancybox-enabled body{overflow:visible;height:100%;}
.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.fancybox-container ~ .fancybox-container{z-index:99992;}
.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(0.55, 0.06, 0.68, 0.19);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.fancybox-container--ready .fancybox-bg{opacity:0.87;transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1);}
.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr;}
.fancybox-show-controls .fancybox-controls{opacity:1;}
.fancybox-infobar{display:none;}
.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all;}
.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30, 30, 30, 0.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;}
.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all;}
.fancybox-show-buttons .fancybox-buttons{display:block;}
.fancybox-slider-wrap{overflow:hidden;direction:ltr;}
.fancybox-slider-wrap,
.fancybox-slider{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;}
.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;}
.fancybox-slide::before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0;}
.fancybox-slide > *{display:inline-block;position:relative;padding:24px;margin:44px 0 44px;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box;}
.fancybox-slide--image{overflow:hidden;}
.fancybox-slide--image::before{display:none;}
.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial, sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;}
.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff;}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe{background:transparent;}
.fancybox-placeholder{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.fancybox-image,
.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;background:transparent;background-size:100% 100%;}
.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:-webkit-zoom-out;cursor:zoom-out;}
.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:-webkit-zoom-in;cursor:zoom-in;}
.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab;}
.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing;}
.fancybox-spaceball{z-index:1;}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden;}
.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;cursor:default;}
.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;}
.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer;}
.fancybox-close-small:after{content:'×';position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2;}
.fancybox-close-small:focus:after{outline:1px dotted #888;}
.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent;}
.fancybox-close-small:hover:after{color:#555;background:#eee;}
.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0 30px;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);opacity:0;transition:opacity .2s;pointer-events:none;}
.fancybox-show-caption .fancybox-caption-wrap{opacity:1;}
.fancybox-caption{padding:30px 0;border-top:1px solid rgba(255, 255, 255, 0.4);font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none;}
.fancybox-caption a,
.fancybox-caption button{pointer-events:all;}
.fancybox-caption a{color:#fff;text-decoration:underline;}
.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none;}
.fancybox-button--disabled{cursor:default;pointer-events:none;}
.fancybox-infobar__body, .fancybox-button{background:rgba(30, 30, 30, 0.6);}
.fancybox-button:hover{background:rgba(0, 0, 0, 0.8);}
.fancybox-button::before,
.fancybox-button::after{content:'';pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:0.9;box-sizing:border-box;display:inline-block;}
.fancybox-button--disabled::before,
.fancybox-button--disabled::after{opacity:0.5;}
.fancybox-button--left::after{left:20px;top:18px;width:6px;height:6px;background:transparent;border-top:solid 2px currentColor;border-right:solid 2px currentColor;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}
.fancybox-button--right::after{right:20px;top:18px;width:6px;height:6px;background:transparent;border-top:solid 2px currentColor;border-right:solid 2px currentColor;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.fancybox-button--left{border-bottom-left-radius:5px;}
.fancybox-button--right{border-bottom-right-radius:5px;}
.fancybox-button--close{float:right;}
.fancybox-button--close::before, .fancybox-button--close::after{content:'';display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px);}
.fancybox-button--close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.fancybox-button--close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.fancybox-loading{border:6px solid rgba(100, 100, 100, 0.4);border-top:6px solid rgba(255, 255, 255, 0.6);border-radius:100%;height:50px;width:50px;-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999;}
@-webkit-keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@media all and (max-width:800px){.fancybox-controls{text-align:left;}
.fancybox-button--left,
.fancybox-button--right,
.fancybox-buttons button:not(.fancybox-button--close){display:none !important;}
.fancybox-caption{padding:20px 0;margin:0;}
}
.fancybox-button--fullscreen::before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none;}
.fancybox-button--play::before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent;}
.fancybox-button--pause::before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px 0 2px;background:transparent;}
.fancybox-button--thumbs span{font-size:23px;}
.fancybox-button--thumbs::before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;}
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap{right:220px;}
.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box;}
.fancybox-thumbs > ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;}
.fancybox-thumbs > ul > li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;}
li.fancybox-thumbs-loading{background:rgba(0, 0, 0, 0.1);}
.fancybox-thumbs > ul > li > img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.fancybox-thumbs > ul > li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before{opacity:1;}
@media all and (max-width:800px){.fancybox-thumbs{display:none !important;}
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap{right:0;}
}

200
css/lity.css Normal file
View File

@ -0,0 +1,200 @@
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, 0.9);
outline: none !important;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.lity.lity-opened {
opacity: 1;
}
.lity.lity-closed {
opacity: 0;
}
.lity * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important;
}
.lity-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
opacity: 1;
}
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important;
}
.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.lity-content:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 0;
top: 0;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lity-close::-moz-focus-inner {
border: 0;
padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lity-close:active {
top: 1px;
}
/* Image */
.lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
width: 100%;
max-width: 964px;
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.lity-hide {
display: none;
}

14718
css/style.css Normal file

File diff suppressed because it is too large Load Diff

13
css/swiper.min.css vendored Normal file

File diff suppressed because one or more lines are too long