master
parent
3edb20ae52
commit
b58b140864
|
@ -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>
|
<!-- bootstrap 5 -->
|
||||||
body{
|
<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">
|
||||||
background-color: rgba(218, 211, 227, 0.65);
|
<!-- ====== 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">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="{{ asset('template/css/all.css') }}" />
|
||||||
|
<link rel="stylesheet" href="{{ asset('template/css/animate.css') }}" />
|
||||||
.card{
|
<link rel="stylesheet" href="{{ asset('template/css/jquery.fancybox.css') }}" />
|
||||||
background-color: #f0e4f45c;
|
<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') }}" />
|
||||||
|
|
||||||
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>
|
|
||||||
|
|
|
@ -1,111 +1,63 @@
|
||||||
<footer>
|
<footer class="style-4 mt-0 pt-100">
|
||||||
|
<div class="container">
|
||||||
<div class="bg-ci-animated">
|
<div class="section-head text-center style-4">
|
||||||
<div class="container pb-5">
|
<h2 class="mb-10"> Ready To <span> Download </span> </h2>
|
||||||
<div class="row">
|
<p>Discover your new favorite spaces, from Sao Paulo to Seoul. Download from App Store or Google Play.</p>
|
||||||
<div class="col-12 col-md-4">
|
<div class="d-flex align-items-center justify-content-center mt-50">
|
||||||
<h4 class="mb-2 fw-bold mt-5">Developers</h4>
|
<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 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>
|
||||||
</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>
|
||||||
</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>
|
|
||||||
|
|
||||||
|
|
||||||
</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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-sm-6 text-md-end text-center mt-3">
|
</div>
|
||||||
<a href="{{url('/agb')}}">AGB</a>
|
<div class="foot mt-80">
|
||||||
|
|
<div class="row align-items-center">
|
||||||
<a href="{{url('/datenschutz')}}">Datenschutz</a>
|
<div class="col-lg-2">
|
||||||
|
|
<div class="logo">
|
||||||
<a href="https://www.areya.de/impressum">Impressum</a>
|
<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>
|
||||||
</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>
|
||||||
</div>
|
</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <img src="assets/img/footer/footer_4_wave.png" alt="" class="wave"> -->
|
||||||
|
</footer>
|
|
@ -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 ====== -->
|
|
@ -2,82 +2,89 @@
|
||||||
@section('content')
|
@section('content')
|
||||||
|
|
||||||
|
|
||||||
|
<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="container">
|
||||||
|
<div class="section-head text-center style-4 mb-40">
|
||||||
<section class="rounded bg-ci" style="margin-top: 80px;">
|
<small class="title_small">portfolio</small>
|
||||||
<div class="row">
|
<h2 class="mb-20">Our <span> Projects </span> </h2>
|
||||||
<div class="col">
|
<p>We have an experienced team of production and inspection personnel to ensure quality.</p>
|
||||||
<h1>Lumino Theme Store</h1>
|
</div>
|
||||||
|
<div class="controls">
|
||||||
<p class="fs-4 mt-4">
|
<button type="button" class="control" data-filter="all">All</button>
|
||||||
A showcase of public Lumino Themes.
|
<button type="button" class="control" data-filter=".consultation">IT Consultation</button>
|
||||||
<br>
|
<button type="button" class="control" data-filter=".security">Data Security</button>
|
||||||
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>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<section class="portfolio style-1">
|
||||||
</section>
|
<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>
|
|
||||||
</div>
|
|
||||||
@endforeach
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
@endif
|
|
||||||
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
@foreach($contents as $indexContent => $content)
|
@foreach($contents as $indexContent => $content)
|
||||||
<div class="col-12 col-md-6 col-4 mb-5">
|
<div class="col-lg-4 mix security consultation">
|
||||||
<a href="{{ route_content($content) }}" class="text-decoration-none text-dark">
|
<div class="portfolio-card mb-50">
|
||||||
<div class="card shadow-lg">
|
<div class="img">
|
||||||
|
<img src="{{content->image}}" alt="">
|
||||||
@if ($content->image)
|
</div>
|
||||||
<img class="rounded-top img-fluid" src="{{ asset('uploads/' . $content->image) }}" loading="lazy">
|
<div class="info">
|
||||||
@else
|
<h5>
|
||||||
<img class="rounded-top img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
|
<a href="{{$content->path}}"> {{$content->title}} </a>
|
||||||
@endif
|
</h5>
|
||||||
|
<small class="d-block color-main text-uppercase">IT Consultation</small>
|
||||||
<div class="card-body">
|
<div class="text">
|
||||||
<h2 class="fs-4">{{$content->title}}</h2>
|
Trust our top minds to eliminate workflow pain points, implement new tech & app.
|
||||||
<a href="{{ route('users.show', [$content->user->slug]) }}" class="text-decoration-none">
|
</div>
|
||||||
<img src="{{ $content->user->gravatar() }}" width="20px" title="{{ $content->user->name }}" class="border rounded img-fluid shadow-sm" alt="Logo {{ $content->user->name }} ">
|
<div class="tags">
|
||||||
{{ $content->user->name }}
|
<a href="#">Consultation</a>
|
||||||
</a>
|
<a href="#">Management</a>
|
||||||
<p class="mt-4">
|
</div>
|
||||||
{!! isset($content->data_fields['short_description'])?$content->data_fields['short_description']:'keine Angaben' !!}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</a>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@endforeach
|
@endforeach
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</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>
|
||||||
|
</div>
|
||||||
|
<img src="assets/img/contact_globe.svg" alt="" class="contact_globe">
|
||||||
|
</section>
|
||||||
|
<!-- ====== end portfolio-projects ====== -->
|
||||||
|
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@stop
|
@stop
|
||||||
|
|
|
@ -1,22 +1,69 @@
|
||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
<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">
|
<head>
|
||||||
<div class="container">
|
|
||||||
<a href="{{url('/')}}" class="fs-4 fw-bold text-decoration-none">Lumino Themes</a>
|
@include('template.'.config('settings.template').'.content.includes.meta')
|
||||||
</div>
|
@include('template.'.config('settings.template').'.content.includes.css')
|
||||||
</nav>
|
@include('template.'.config('settings.template').'.content.includes.integrations')
|
||||||
@yield('content')
|
@yield('head')
|
||||||
@include('template.'.config('settings.template').'.content.includes.footer')
|
<!-- Metas -->
|
||||||
@include('template.'.config('settings.template').'.content.includes.scripts')
|
<meta charset="utf-8">
|
||||||
@yield('scripts')
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
@yield('end_scripts')
|
<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>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -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;}
|
||||||
|
}
|
|
@ -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;
|
||||||
|
}
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue