master
parent
2a7525bfa8
commit
3ac52b9ebb
|
|
@ -41,8 +41,12 @@
|
|||
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" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">{{config('settings.name')}}</h1>
|
||||
<p class="card-text my-2 text-white fs-5" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">{{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>
|
||||
<h1 class="card-title text-white mb-5 text-center text-uppercase" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">
|
||||
{{config('settings.name')}}
|
||||
</h1>
|
||||
<p class="card-text my-2 text-white fs-5" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">
|
||||
{{config('settings.description')}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,94 +14,9 @@
|
|||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
.block {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.block h2 {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 10vw;
|
||||
color: white;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.img-parallax {
|
||||
width: 100vmax;
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
pointer-events: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
|
||||
<div class="block">
|
||||
<img src="https://unsplash.it/1920/1920/?image=1003" data-speed="-1" class="img-parallax">
|
||||
<h2>Parallax 1</h2>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$('.img-parallax').each(function() {
|
||||
var $image = $(this);
|
||||
var $imageParent = $(this).parent();
|
||||
|
||||
function parallaxImg () {
|
||||
var speed = $image.data('speed');
|
||||
var imageY = $imageParent.offset().top;
|
||||
var winY = $(this).scrollTop();
|
||||
var winH = $(this).height();
|
||||
var parentH = $imageParent.innerHeight();
|
||||
// The next pixel to show on screen
|
||||
var winBottom = winY + winH;
|
||||
|
||||
// If block is shown on screen
|
||||
if (winBottom > imageY && winY < imageY + parentH) {
|
||||
// Number of pixels shown after block appear
|
||||
var imgBottom = ((winBottom - imageY) * speed);
|
||||
// Max number of pixels until block disappear
|
||||
var imgTop = winH + parentH;
|
||||
// Percentage between start showing until disappearing
|
||||
var imgPercent = ((imgBottom / imgTop) * 100) + (50 - (speed * 50));
|
||||
}
|
||||
|
||||
$image.css({ top: imgPercent + '%', transform: 'translate(-50%, -' + imgPercent + '%)' });
|
||||
}
|
||||
|
||||
$(document).on({
|
||||
scroll: function () {
|
||||
parallaxImg();
|
||||
}, ready: function () {
|
||||
parallaxImg();
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<x-img src="{{ $list->image }}" class="img-fluid rounded" alt=""/>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@if(count($contents) > 0)
|
||||
|
||||
@foreach($contents as $index => $content)
|
||||
|
|
|
|||
|
|
@ -976,7 +976,13 @@
|
|||
Wenn Sie wollen, dass über Sie und über Ihr Verhalten keine Daten an Google übermittelt werden, müssen Sie sich, bevor Sie unsere Webseite besuchen bzw. die reCAPTCHA-Software verwenden, bei Google vollkommen ausloggen und alle Google-Cookies löschen. Grundsätzlich werden die Daten sobald Sie unsere Seite aufrufen automatisch an Google übermittelt. Um diese Daten wieder zu löschen, müssen Sie den Google-Support auf https://support.google.com/?hl=de&tid=211113445 kontaktieren.
|
||||
Wenn Sie also unsere Webseite verwenden, erklären Sie sich einverstanden, dass Google LLC und deren Vertreter automatisch Daten erheben, bearbeiten und nutzen.
|
||||
Etwas mehr über reCAPTCHA erfahren Sie auf der Webentwickler-Seite von Google auf https://developers.google.com/recaptcha/. Google geht hier zwar auf die technische Entwicklung der reCAPTCHA näher ein, doch genaue Informationen über Datenspeicherung und datenschutzrelevanten Themen sucht man auch dort vergeblich. Eine gute Übersicht über die grundsätzliche Verwendung von Daten bei Google finden Sie in der hauseigenen Datenschutzerklärung auf https://www.google.com/intl/de/policies/privacy/.
|
||||
Quelle: Erstellt mit dem Datenschutz Generator von firmenwebseiten.at in Kooperation mit hd-dental.net
|
||||
|
||||
<p>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue