master
parent
05514be64a
commit
7f3454500e
|
@ -28,16 +28,21 @@
|
|||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
|
||||
<div class="block" style="height: 500px;">
|
||||
<div class="block" style="height: 100%;">
|
||||
<img src="{{$cover}}" data-speed="-1" class="img-parallax" alt="{{config('settings.name')}} Cover" />
|
||||
|
||||
<!--<x-img src="{{$cover}}" data-speed="-1" class="img-parallax" alt="{{config('settings.name')}} Cover" />-->
|
||||
|
||||
|
||||
<div class="card-img-overlay d-none d-lg-flex align-items-center" styles="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
|
||||
<div class="container p-3 rounded" style="width: 55vw; border-radius:0; background: radial-gradient({{$_primary_ci_color}}50,{{$_primary_ci_color}}30); box-shadow:inset 0 0 3px 1px {{$_primary_ci_color}}10, inset 0 0 25px 2px rgba(0,0,0,.2);">
|
||||
<div class="d-none d-lg-flex" style="margin-top: 10%; margin-bottom: 8%;">
|
||||
<div class="p-3 rounded container" style="width: 45vw; background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);">
|
||||
<h1 class="card-title text-white mb-5 text-center text-uppercase">{{config('settings.name')}}</h1>
|
||||
<p class="card-text my-2 text-white fs-5">{{config('settings.description')}}</p>
|
||||
<p class="card-text my-2 text-white fs-5">{{config('settings.description')}} Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis distinctio dolor ex impedit incidunt ipsum itaque, nostrum obcaecati quos rem! Aliquam cum dolore nulla omnis quasi qui sapiente tenetur voluptas.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -83,7 +88,7 @@
|
|||
});
|
||||
</script>
|
||||
|
||||
<div class="card text-bg-dark border-0 d-none" style="border-radius:0; box-shadow:none;">
|
||||
<div class="card text-bg-dark border-0 d-lg-none" style="border-radius:0; box-shadow:none;">
|
||||
<x-img src="{{$cover}}" style="object-fit:cover; aspect-ratio:3/1;" class="img-fluid shadow-lg" alt="{{config('settings.name')}} Cover" />
|
||||
<div class="card-img-overlay d-none d-lg-flex align-items-center" styles="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
|
||||
<div class="container p-3 rounded" style="width: 55vw; border-radius:0; background: radial-gradient({{$_primary_ci_color}}50,{{$_primary_ci_color}}30); box-shadow:inset 0 0 3px 1px {{$_primary_ci_color}}10, inset 0 0 25px 2px rgba(0,0,0,.2);">
|
||||
|
@ -94,6 +99,8 @@
|
|||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="container d-lg-none">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
|
Loading…
Reference in New Issue