Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="Google Web Designer 15.2.1.0306">
<meta name="template" content="Banner 3.0.0">
<meta name="environment" content="gwd-genericad">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="gwdpage_style.css" rel="stylesheet" data-version="13" data-exports-type="gwd-page">
<link href="gwdpagedeck_style.css" rel="stylesheet" data-version="14" data-exports-type="gwd-pagedeck">
<link href="gwdimage_style.css" rel="stylesheet" data-version="17" data-exports-type="gwd-image">
<link href="gwdtaparea_style.css" rel="stylesheet" data-version="7" data-exports-type="gwd-taparea">
<style id="gwd-lightbox-style">
.gwd-lightbox {
overflow: hidden;
}
</style>
<style id="gwd-text-style">
p {
margin: 0px;
}
h1 {
margin: 0px;
}
h2 {
margin: 0px;
}
h3 {
margin: 0px;
}
</style>
<style>
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
position: absolute;
transform-style: preserve-3d;
}
.gwd-page-content * {
transform-style: preserve-3d;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
transform: translateZ(0px);
}
.gwd-page-size {
width: 300px;
height: 600px;
}
.gwd-image-t9ho {
position: absolute;
transform-origin: 50% 50% 0px;
width: 297px;
height: 199px;
visibility: inherit;
left: -4px;
top: 416px;
}
.gwd-span-ujhk {
position: absolute;
left: 18px;
width: 265px;
text-align: center;
height: 65px;
font-family: Arial;
font-size: 24px;
top: 374px;
visibility: inherit;
line-height: 28px;
}
.gwd-span-110a {
font-weight: bold;
}
.gwd-span-llp1 {
font-size: 22px;
}
.gwd-span-1k8b {
position: absolute;
left: 18px;
top: 462px;
font-family: Arial;
width: 149px;
height: 21px;
font-size: 10px;
transform: translate3d(195px, 20px, 0px) rotateZ(-90deg);
}
@keyframes gwd-gen-13nxgwdanimation_gwd-keyframes {
0% {
--gwd-visibility-range: , 6000;
}
}
#page1.gwd-play-animation .gwd-gen-13nxgwdanimation {
animation: 0s linear 0s 1 normal forwards running gwd-gen-13nxgwdanimation_gwd-keyframes;
}
@keyframes gwd-gen-kovrgwdanimation_gwd-keyframes {
0% {
--gwd-visibility-range: 6000, ;
}
}
#page1.gwd-play-animation .gwd-gen-kovrgwdanimation {
animation: 0s linear 0s 1 normal forwards running gwd-gen-kovrgwdanimation_gwd-keyframes;
}
.gwd-span-734o {
position: absolute;
left: 18px;
width: 265px;
text-align: center;
height: 65px;
font-family: Arial;
top: 374px;
visibility: inherit;
font-size: 21px;
font-weight: 700;
line-height: 28px;
}
.gwd-span-tejk {
font-weight: normal;
}
.gwd-span-tpdt {
font-weight: normal;
}
.gwd-span-1yqc {
font-weight: normal;
}
.gwd-image-g0b2 {
width: 224px;
height: 149px;
}
.gwd-image-1k6p {
position: absolute;
transform-origin: 50% 50% 0px;
left: 18px;
top: 78px;
border-image-source: none;
border-image-width: 1;
border-image-outset: 0;
border-image-repeat: stretch;
border-color: rgb(255, 255, 255);
border-radius: 0px;
border-style: solid;
border-width: 3px;
visibility: inherit;
transform: translate3d(0px, -245px, 0px);
}
.gwd-image-1iqx {
width: 223px;
height: 149px;
}
.gwd-image-1pbl {
position: absolute;
transform-origin: 50% 50% 0px;
left: 40px;
top: 168px;
border-style: solid;
border-width: 3px;
border-image-source: none;
border-image-width: 1;
border-image-outset: 0;
border-image-repeat: stretch;
border-color: rgb(252, 244, 244);
visibility: inherit;
transform: translate3d(0px, -273px, 0px) rotateZ(-6deg);
}
@keyframes gwd-gen-16lngwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, -245px, 0px) rotateZ(0deg);
animation-timing-function: linear;
--gwd-visibility-range: 6000, ;
}
100% {
transform: translate3d(0px, -41px, 0px) rotateZ(-6deg);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-16lngwdanimation {
animation: 0.4s linear 6s 1 normal forwards running gwd-gen-16lngwdanimation_gwd-keyframes;
}
@keyframes gwd-gen-rir6gwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, -273px, 0px) rotateZ(-6deg);
animation-timing-function: linear;
--gwd-visibility-range: 6600, ;
}
100% {
transform: translate3d(0px, 0px, 0px) rotateZ(2deg);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-rir6gwdanimation {
animation: 0.4s linear 6.6s 1 normal forwards running gwd-gen-rir6gwdanimation_gwd-keyframes;
}
.gwd-image-17dp {
position: absolute;
left: 0px;
top: 0px;
width: 300px;
height: 600px;
visibility: inherit;
}
@keyframes gwd-gen-18lygwdanimation_gwd-keyframes {
0% {
--gwd-visibility-range: 6000, ;
}
}
#page1.gwd-play-animation .gwd-gen-18lygwdanimation {
animation: 0s linear 0s 1 normal forwards running gwd-gen-18lygwdanimation_gwd-keyframes;
}
.gwd-image-1sut {
position: absolute;
left: 0px;
top: 0px;
width: 300px;
height: 900px;
visibility: inherit;
transform: translate3d(0px, 62px, 0px);
}
@keyframes gwd-gen-10tggwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 62px, 0px);
animation-timing-function: linear;
--gwd-visibility-range: , 6000;
}
100% {
transform: translate3d(0px, -273px, 0px);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-10tggwdanimation {
animation: 0.6s linear 5.2s 1 normal forwards running gwd-gen-10tggwdanimation_gwd-keyframes;
}
.gwd-taparea-1w9a {
position: absolute;
transform-origin: 50% 50% 0px;
width: 300px;
height: 600px;
left: 0px;
top: 0px;
}
.gwd-image-12di {
position: absolute;
width: 321px;
height: 481px;
transform-origin: 50% 50% 0px;
left: -21px;
top: -12px;
}
</style>
<script data-source="gwd_webcomponents_v1_min.js" data-version="2" data-exports-type="gwd_webcomponents_v1" src="gwd_webcomponents_v1_min.js"></script>
<script data-source="gwdpage_min.js" data-version="13" data-exports-type="gwd-page" src="gwdpage_min.js"></script>
<script data-source="gwdpagedeck_min.js" data-version="14" data-exports-type="gwd-pagedeck" src="gwdpagedeck_min.js"></script>
<script data-source="gwdgenericad_min.js" data-version="8" data-exports-type="gwd-genericad" src="gwdgenericad_min.js"></script>
<script data-source="gwdimage_min.js" data-version="17" data-exports-type="gwd-image" src="gwdimage_min.js"></script>
<script type="text/javascript" gwd-events="support" src="gwd-events-support.1.0.js"></script>
<script type="text/javascript" gwd-events="handlers">
gwd.auto_Page1Event_1 = function(event) {
// GWD Predefined Function
gwd.actions.timeline.gotoAndPlayNTimes('page1', 'loop', 2, 'counter');
};
gwd.auto_BigexitAction = function(event) {
// GWD Predefined Function
gwd.actions.gwdGenericad.exit('gwd-ad', 'https://www.legoland.de/', true, 'page1');
};
</script>
<script type="text/javascript" gwd-events="registration">
// Supportcode für die Ereignisverarbeitung in Google Web Designer
// Dieser Skriptblock wurde automatisch generiert. Bitte nehmen Sie keine Änderungen vor.
gwd.actions.events.registerEventHandlers = function(event) {
gwd.actions.events.addHandler('page1', 'event-1', gwd.auto_Page1Event_1, false);
gwd.actions.events.addHandler('bigexit', 'action', gwd.auto_BigexitAction, false);
gwd.actions.timeline.captureAnimationEnd(document.body);
};
gwd.actions.events.deregisterEventHandlers = function(event) {
gwd.actions.events.removeHandler('page1', 'event-1', gwd.auto_Page1Event_1, false);
gwd.actions.events.removeHandler('bigexit', 'action', gwd.auto_BigexitAction, false);
gwd.actions.timeline.releaseAnimationEnd(document.body);
};
document.addEventListener("DOMContentLoaded", gwd.actions.events.registerEventHandlers);
document.addEventListener("unload", gwd.actions.events.deregisterEventHandlers);
</script>
<script data-source="gwdtaparea_min.js" data-version="7" data-exports-type="gwd-taparea" src="gwdtaparea_min.js"></script>
</head>
<body>
<gwd-genericad id="gwd-ad">
<gwd-pagedeck class="gwd-page-container" id="pagedeck">
<gwd-page id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="300px" data-gwd-height="600px" data-gwd-animation-labels="loop,0">
<div class="gwd-page-content gwd-page-size">
<gwd-image id="Dschungel-X-2_600x900" source="assets/Dschungel-X-2_600x900.png" scaling="stretch" class="gwd-image-12di"></gwd-image>
<gwd-image id="mauer_test_neu" source="assets/mauer_test_neu.png" scaling="stretch" class="gwd-image-1sut gwd-gen-10tggwdanimation"></gwd-image>
<gwd-image id="mauer_test_2" source="assets/mauer_test_2.png" scaling="stretch" class="gwd-image-17dp gwd-gen-18lygwdanimation"></gwd-image>
<gwd-image id="LEGOLAND_Deutschland_resort_logo_white_icon_SMALL" source="assets/LEGOLAND_Deutschland_resort_logo_white_icon_SMALL.png" scaling="stretch" class="gwd-image-t9ho"></gwd-image><span class="gwd-span-ujhk gwd-gen-13nxgwdanimation text-tool-feedback"><span class="gwd-span-110a">Sommer, Sonne, Spaß:<br>
</span><span class="gwd-span-llp1">Auf ins Familienabenteuer!</span></span><span class="gwd-gen-kovrgwdanimation gwd-span-734o" data-gwd-tl-locked=""><span class="gwd-span-tejk">Jetzt </span>tolle Angebote<span class="gwd-span-tpdt">
für</span> Park & Feriendorf
<span class="gwd-span-1yqc">sichern!</span></span><span class="gwd-span-1k8b" data-gwd-tl-locked="">©2023 The LEGO Group.</span>
<gwd-image source="assets/Pirateninselhotel_2_600x400.png" scaling="stretch" id="Pirateninselhotel_2_600x400" class="gwd-image-g0b2 gwd-image-1k6p gwd-gen-16lngwdanimation"></gwd-image>
<gwd-image source="assets/Pirateninselhotel_1_600x400.png" scaling="stretch" id="Pirateninselhotel_1_600x400" class="gwd-image-1iqx gwd-image-1pbl gwd-gen-rir6gwdanimation"></gwd-image>
<div class="gwd-animation-event event-1-animation" data-event-name="event-1" data-event-time="10000"></div>
<div class="gwd-animation-event event-2-animation" data-event-name="event-2" data-event-time="13400"></div>
<gwd-taparea id="bigexit" class="gwd-taparea-1w9a"></gwd-taparea>
</div>
</gwd-page>
</gwd-pagedeck>
</gwd-genericad>
<script type="text/javascript" id="gwd-init-code">
(function() {
var gwdAd = document.getElementById('gwd-ad');
/**
* Handles the DOMContentLoaded event. The DOMContentLoaded event is
* fired when the document has been completely loaded and parsed.
*/
function handleDomContentLoaded(event) {
}
/**
* Handles the WebComponentsReady event. This event is fired when all
* custom elements have been registered and upgraded.
*/
function handleWebComponentsReady(event) {
// Start the Ad lifecycle.
requestAnimationFrame(function() {
setTimeout(function() {
gwdAd.initAd();
}, 1);
});
}
/**
* Handles the event that is dispatched after the Ad has been
* initialized and before the default page of the Ad is shown.
*/
function handleAdInitialized(event) {}
window.addEventListener('DOMContentLoaded',
handleDomContentLoaded, false);
window.addEventListener('WebComponentsReady',
handleWebComponentsReady, false);
window.addEventListener('adinitialized',
handleAdInitialized, false);
})();
</script>
</body>
</html>Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
Loading...
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...