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.3.0.0828">
<meta name="template" content="Banner 3.0.0">
<meta name="environment" content="gwd-dv360">
<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="gwdgooglead_style.css" rel="stylesheet" data-version="9" data-exports-type="gwd-google-ad">
<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;
}
strong {
font-family: "Times New Roman";
font-size: 71px;
font-weight: bold;
}
</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: 1620px;
height: 570px;
}
.gwd-image-pbdv {
width: 1174px;
height: 658px;
}
.gwd-image-si8k {
position: absolute;
transform-origin: 50% 50% 0px;
left: 1586px;
top: -44px;
opacity: 0;
transform: translate3d(-938px, 0px, 0px);
}
@keyframes gwd-gen-nypjgwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
16.3265% {
transform: translate3d(-922px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
87.7551% {
transform: translate3d(-936px, 0px, 0px);
animation-timing-function: linear;
}
97.9592% {
transform: translate3d(-938px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
100% {
transform: translate3d(-922px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-nypjgwdanimation {
animation: 4.9s linear 0s 1 normal forwards running gwd-gen-nypjgwdanimation_gwd-keyframes;
}
.gwd-span-15xc {
position: absolute;
font-size: 81px;
transform-origin: 50% 50% 0px;
width: 426px;
height: 102px;
text-align: left;
left: -448px;
top: 211px;
transform: translate3d(0px, 0px, 0px);
opacity: 0.01;
}
.gwd-span-ppfb {
position: absolute;
font-size: 28px;
font-family: Arial;
text-align: left;
width: 194px;
height: 32px;
transform-origin: 50% 50% 0px;
left: -448px;
top: 327px;
transform: translate3d(0px, 0px, 0px);
opacity: 0;
}
@keyframes gwd-gen-ag2wgwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
opacity: 0.01;
animation-timing-function: linear;
}
16.3265% {
transform: translate3d(832px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
97.9592% {
transform: translate3d(832px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
100% {
transform: translate3d(832px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-ag2wgwdanimation {
animation: 4.9s linear 0s 1 normal forwards running gwd-gen-ag2wgwdanimation_gwd-keyframes;
}
@keyframes gwd-gen-zgm6gwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
16.3265% {
transform: translate3d(832px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
97.9592% {
transform: translate3d(832px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
100% {
transform: translate3d(832px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-zgm6gwdanimation {
animation: 4.9s linear 0s 1 normal forwards running gwd-gen-zgm6gwdanimation_gwd-keyframes;
}
.gwd-span-ojxg {
position: absolute;
width: 344px;
height: 88px;
text-align: left;
font-family: Arial;
font-size: 10px;
line-height: 17px;
left: 383px;
top: 595px;
transform: translate3d(0px, 0px, 0px);
opacity: 0;
}
.gwd-span-1ggb {
font-size: 8px;
font-family: Arial;
}
@keyframes gwd-gen-cyw9gwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
16.3265% {
transform: translate3d(0px, -203px, 0px);
opacity: 1;
animation-timing-function: linear;
}
97.9592% {
transform: translate3d(0px, -203px, 0px);
opacity: 1;
animation-timing-function: linear;
}
100% {
transform: translate3d(0px, -203px, 0px);
opacity: 0;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-cyw9gwdanimation {
animation: 4.9s linear 0s 1 normal forwards running gwd-gen-cyw9gwdanimation_gwd-keyframes;
}
.gwd-image-szew {
width: 1000px;
height: 450px;
}
.gwd-image-ednj {
position: absolute;
left: 227px;
top: 60px;
transform: translate3d(83px, 0px, 0px) scale3d(0.652, 0.652, 1);
visibility: inherit;
}
@keyframes gwd-gen-2iylgwdanimation_gwd-keyframes {
0% {
transform: translate3d(83px, 0px, 0px) scale3d(0.652, 0.652, 1);
animation-timing-function: linear;
--gwd-visibility-range: 4700, ;
}
30% {
transform: translate3d(83px, 0px, 0px) scale3d(0.824, 0.824, 1);
animation-timing-function: linear;
}
54.2857% {
transform: translate3d(83px, 0px, 0px) scale3d(0.7805, 0.7805, 1);
animation-timing-function: linear;
}
75.7143% {
transform: translate3d(83px, 0px, 0px) scale3d(0.8133, 0.8133, 1);
animation-timing-function: linear;
}
100% {
transform: translate3d(83px, 0px, 0px) scale3d(0.764, 0.764, 1);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-2iylgwdanimation {
animation: 7s linear 5s 1 normal forwards running gwd-gen-2iylgwdanimation_gwd-keyframes;
}
.gwd-image-6nsv {
width: 502px;
height: 538px;
}
.gwd-image-f87k {
position: absolute;
transform-origin: 50% 50% 0px;
top: -7px;
opacity: 0;
left: -18px;
transform: translate3d(-506px, 40px, 0px);
}
@keyframes gwd-gen-um44gwdanimation_gwd-keyframes {
0% {
transform: translate3d(-506px, 40px, 0px);
opacity: 0;
animation-timing-function: linear;
}
16.3265% {
transform: translate3d(-72px, 40px, 0px);
opacity: 0.05;
animation-timing-function: linear;
}
97.9592% {
transform: translate3d(-29px, 40px, 0px);
opacity: 0.05;
animation-timing-function: linear;
}
100% {
transform: translate3d(0px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-um44gwdanimation {
animation: 4.9s linear 0s 1 normal forwards running gwd-gen-um44gwdanimation_gwd-keyframes;
}
.gwd-image-122c {
width: 277px;
height: 37px;
}
.gwd-image-1p27 {
position: absolute;
top: 468px;
transform-origin: 50% 50% 0px;
left: 672px;
opacity: 0;
visibility: inherit;
}
@keyframes gwd-gen-1bjcgwdanimation_gwd-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
--gwd-visibility-range: 7100, ;
}
9.375% {
opacity: 0.96;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-1bjcgwdanimation {
animation: 3.2s linear 7.1s 1 normal forwards running gwd-gen-1bjcgwdanimation_gwd-keyframes;
}
.gwd-taparea-3ydn {
position: absolute;
transform-origin: 50% 50% 0px;
top: 453px;
left: 651px;
width: 310px;
height: 78px;
}
.gwd-image-17tp {
width: 60px;
height: 60px;
}
.gwd-image-8cbl {
position: absolute;
left: 1533px;
top: 26px;
transform-origin: 30px 30px 0px;
visibility: inherit;
opacity: 0;
transform: rotateZ(0deg) scale3d(1, 1, 1);
}
@keyframes gwd-gen-3iqlgwdanimation_gwd-keyframes {
0% {
opacity: 0;
transform: rotateZ(0deg) scale3d(1, 1, 1);
transform-origin: 30px 30px 0px;
animation-timing-function: linear;
--gwd-visibility-range: 10000, ;
}
15% {
opacity: 1;
transform: rotateZ(0deg) scale3d(0.6111, 0.6111, 1);
transform-origin: 30px 30px 0px;
animation-timing-function: linear;
}
85% {
opacity: 1;
transform: rotateZ(-103.545deg) scale3d(0.616, 0.616, 1);
transform-origin: 30px 30px;
animation-timing-function: linear;
}
100% {
opacity: 1;
transform: rotateZ(153.696deg) scale3d(0.6167, 0.6167, 1);
transform-origin: 30px 30px 0px;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-3iqlgwdanimation {
animation: 2s linear 10s 1 normal forwards running gwd-gen-3iqlgwdanimation_gwd-keyframes;
}
.gwd-taparea-1r4a {
position: absolute;
left: 1533px;
top: 26px;
width: 60px;
height: 60px;
transform-origin: 30px 30px 0px;
}
.gwd-image-137b {
width: 937px;
height: 215px;
}
.gwd-image-11at {
position: absolute;
top: 175px;
transform-origin: 50% 50% 0px;
visibility: inherit;
left: 1024px;
transform: translate3d(0px, 0px, 0px);
}
@keyframes gwd-gen-1abzgwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
animation-timing-function: linear;
--gwd-visibility-range: 4300, ;
}
100% {
transform: translate3d(-2010px, 0px, 0px);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-1abzgwdanimation {
animation: 0.3s linear 4.3s 1 normal forwards running gwd-gen-1abzgwdanimation_gwd-keyframes;
}
.gwd-image-16ai {
width: 1700px;
height: 568px;
}
.gwd-image-n6qy {
position: absolute;
transform-origin: 50% 50%;
visibility: inherit;
left: -1700px;
top: 3px;
transform: translate3d(0px, 0px, 0px);
}
@keyframes gwd-gen-1h0lgwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
animation-timing-function: linear;
--gwd-visibility-range: 4600, ;
}
100% {
transform: translate3d(3336px, 0px, 0px);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-1h0lgwdanimation {
animation: 0.4s linear 4.6s 1 normal forwards running gwd-gen-1h0lgwdanimation_gwd-keyframes;
}
</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="https://s0.2mdn.net/ads/studio/Enabler.js" data-exports-type="gwd-google-ad" src="https://s0.2mdn.net/ads/studio/Enabler.js"></script>
<script data-source="gwdgooglead_min.js" data-version="9" data-exports-type="gwd-google-ad" src="gwdgooglead_min.js"></script>
<script data-source="gwdimage_min.js" data-version="17" data-exports-type="gwd-image" src="gwdimage_min.js"></script>
<script data-source="gwdtaparea_min.js" data-version="7" data-exports-type="gwd-taparea" src="gwdtaparea_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_Gwd_taparea_1Action = function(event) {
// GWD Predefined Function
gwd.actions.gwdGoogleAd.exitOverride('gwd-ad', 'porsche', 'https://www.porsche.com/international/', true, true, 'page1');
};
gwd.auto_ReplayAction = function(event) {
// GWD Predefined Function
gwd.actions.timeline.gotoAndPlay('page1', 'replay');
};
</script>
<script type="text/javascript" gwd-events="registration">
// Support code for event handling in Google Web Designer
// This script block is auto-generated. Please do not edit!
gwd.actions.events.registerEventHandlers = function(event) {
gwd.actions.events.addHandler('websites', 'action', gwd.auto_Gwd_taparea_1Action, false);
gwd.actions.events.addHandler('replay', 'action', gwd.auto_ReplayAction, false);
gwd.actions.timeline.captureAnimationEnd(document.body);
};
gwd.actions.events.deregisterEventHandlers = function(event) {
gwd.actions.events.removeHandler('websites', 'action', gwd.auto_Gwd_taparea_1Action, false);
gwd.actions.events.removeHandler('replay', 'action', gwd.auto_ReplayAction, false);
gwd.actions.timeline.releaseAnimationEnd(document.body);
};
document.addEventListener("DOMContentLoaded", gwd.actions.events.registerEventHandlers);
document.addEventListener("unload", gwd.actions.events.deregisterEventHandlers);
</script>
</head>
<body>
<gwd-google-ad id="gwd-ad" polite-load="">
<gwd-metric-configuration>
<gwd-metric-event source="websites" event="tapareaexit" metric="" exit="Exit"></gwd-metric-event>
<gwd-metric-event source="replay" event="tapareaexit" metric="" exit="Exit"></gwd-metric-event>
</gwd-metric-configuration>
<gwd-pagedeck class="gwd-page-container" id="pagedeck">
<gwd-page id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="1620px" data-gwd-height="570px" data-gwd-animation-labels="replay,0">
<div class="gwd-page-content gwd-page-size">
<gwd-image source="assets/nurburgring-logo-740136B9DC-seeklogo.com.png" scaling="stretch" id="gwd-image_2" class="gwd-image-6nsv gwd-image-f87k gwd-gen-um44gwdanimation"></gwd-image>
<gwd-image source="assets/cut_lines_02.png" scaling="stretch" id="cut_lines_02" class="gwd-image-137b gwd-image-11at gwd-gen-1abzgwdanimation"></gwd-image>
<gwd-image source="assets/white-porsche-911-three-dimensional-raster-illustration-white-background-3d-rendering.jpg.png" scaling="stretch" id="gwd-image_1" class="gwd-image-pbdv gwd-image-si8k gwd-gen-nypjgwdanimation"></gwd-image>
<p class="gwd-span-15xc gwd-gen-ag2wgwdanimation">Porsche 911</p><span class="gwd-span-ppfb gwd-gen-zgm6gwdanimation">Feel the power</span><span class="gwd-span-ojxg gwd-gen-cyw9gwdanimation"><span class="gwd-span-1ggb"></span>Porsche 911 je nejznámější sportovní automobil značky Porsche a je považován za její ztělesnění. Aktuální modelovou řadou od roku 2019 je osmá generace, označená 992.</span>
<gwd-image source="assets/porsche-logo.jpg" scaling="stretch" id="porsche-logo" class="gwd-image-szew gwd-image-ednj gwd-gen-2iylgwdanimation"></gwd-image>
<gwd-image source="assets/porsche buy icon.png" scaling="stretch" id="porsche_buy_icon" class="gwd-image-122c gwd-image-1p27 gwd-gen-1bjcgwdanimation"></gwd-image>
<gwd-taparea id="websites" class="gwd-taparea-3ydn"></gwd-taparea>
<gwd-image source="assets/399422.png" scaling="stretch" id="repeat" class="gwd-image-17tp gwd-image-8cbl gwd-gen-3iqlgwdanimation"></gwd-image>
<gwd-taparea id="replay" class="gwd-taparea-1r4a"></gwd-taparea>
<gwd-image source="assets/cut_lines.png" scaling="stretch" id="cut_lines" class="gwd-image-16ai gwd-image-n6qy gwd-gen-1h0lgwdanimation"></gwd-image>
</div>
</gwd-page>
</gwd-pagedeck>
<gwd-exit metric="porsche" url="https://www.porsche.com/international/"></gwd-exit>
</gwd-google-ad>
<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
26
Requests
2
Domains
52KB
Transfer Size
158KB
Content Size
232.0ms
Dom Content Loaded
243.0ms
First Paint
233.0ms
Load Time
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...