<!DOCTYPE html>
<html stage-mask="">
<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;
}
</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: 250px;
}
.gwd-image-nu52 {
width: 446px;
height: 250px;
}
.gwd-image-1rwj {
position: absolute;
top: 0px;
transform-origin: 50% 50% 0px;
left: 278px;
transform: translate3d(0px, 0px, 0px);
opacity: 0;
visibility: inherit;
}
.gwd-span-1pb0 {
position: absolute;
transform-origin: 50% 50% 0px;
font-size: 23px;
width: 146px;
height: 28px;
left: -160px;
top: 27px;
transform: translate3d(0px, 0px, 0px);
opacity: 0;
visibility: inherit;
}
.gwd-span-l402 {
position: absolute;
top: 72px;
width: 128px;
height: 17px;
font-size: 14px;
font-family: Arial;
left: -160px;
transform: translate3d(0px, -11px, 0px);
opacity: 0;
visibility: inherit;
}
@keyframes gwd-gen-1xrogwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
--gwd-visibility-range: , 4800;
}
14.5833% {
transform: translate3d(-238px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
97.9167% {
transform: translate3d(-247px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
100% {
transform: translate3d(-252px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-1xrogwdanimation {
animation: 4.8s linear 0s 1 normal forwards running gwd-gen-1xrogwdanimation_gwd-keyframes;
}
@keyframes gwd-gen-1i0ygwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
--gwd-visibility-range: , 4800;
}
14.5833% {
transform: translate3d(180px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
97.9167% {
transform: translate3d(180px, 0px, 0px);
opacity: 1;
animation-timing-function: linear;
}
100% {
transform: translate3d(180px, 0px, 0px);
opacity: 0;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-1i0ygwdanimation {
animation: 4.8s linear 0s 1 normal forwards running gwd-gen-1i0ygwdanimation_gwd-keyframes;
}
@keyframes gwd-gen-1xwogwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, -11px, 0px);
opacity: 0;
animation-timing-function: linear;
--gwd-visibility-range: 100, 4800;
}
12.766% {
transform: translate3d(180px, -11px, 0px);
opacity: 1;
animation-timing-function: linear;
}
97.8723% {
transform: translate3d(180px, -11px, 0px);
opacity: 1;
animation-timing-function: linear;
}
100% {
transform: translate3d(180px, -11px, 0px);
opacity: 0;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-1xwogwdanimation {
animation: 4.7s linear 0.1s 1 normal forwards running gwd-gen-1xwogwdanimation_gwd-keyframes;
}
.gwd-image-r71h {
width: 198px;
height: 45px;
}
.gwd-image-1f1a {
position: absolute;
transform-origin: 50% 50% 0px;
left: 311px;
top: 39px;
transform: translate3d(0px, 0px, 0px);
visibility: inherit;
}
@keyframes gwd-gen-ei2xgwdanimation_gwd-keyframes {
0% {
transform: translate3d(0px, 0px, 0px);
animation-timing-function: linear;
--gwd-visibility-range: 4000, ;
}
100% {
transform: translate3d(-509px, 0px, 0px);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-ei2xgwdanimation {
animation: 0.3s linear 4s 1 normal forwards running gwd-gen-ei2xgwdanimation_gwd-keyframes;
}
.gwd-image-lzhw {
width: 320px;
height: 73.5px;
}
.gwd-image-91tg {
position: absolute;
top: 139px;
left: -198px;
visibility: inherit;
transform-origin: 125px 28.7031px;
transform: translate3d(-127px, 0px, 0px);
}
@keyframes gwd-gen-1ki3gwdanimation_gwd-keyframes {
0% {
transform: translate3d(-127px, 0px, 0px);
transform-origin: 125px 28.7031px;
width: 320px;
height: 73.5px;
animation-timing-function: linear;
--gwd-visibility-range: 4300, ;
}
100% {
transform: translate3d(516px, 0px, 0px);
transform-origin: 125px 28.7031px 0px;
width: 320px;
height: 73.5px;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-1ki3gwdanimation {
animation: 0.3s linear 4.3s 1 normal forwards running gwd-gen-1ki3gwdanimation_gwd-keyframes;
}
.gwd-image-191h {
width: 917.965px;
height: 306.713px;
}
.gwd-image-40pz {
position: absolute;
left: 39px;
top: -206px;
transform-origin: 50% 50% 0px;
transform: translate3d(-348px, -419px, 0px) rotateZ(90.1417deg);
visibility: inherit;
}
@keyframes gwd-gen-5x90gwdanimation_gwd-keyframes {
0% {
transform: translate3d(-348px, -419px, 0px) rotateZ(90.1417deg);
animation-timing-function: linear;
--gwd-visibility-range: 4600, ;
}
100% {
transform: translate3d(-348px, 775px, 0px) rotateZ(90.1417deg);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-5x90gwdanimation {
animation: 0.3s linear 4.6s 1 normal forwards running gwd-gen-5x90gwdanimation_gwd-keyframes;
}
.gwd-span-u0uq {
position: absolute;
top: 84px;
width: 64px;
text-align: left;
font-family: Arial;
font-size: 3px;
line-height: normal;
height: 28px;
transform-origin: 50% 50% 0px;
opacity: 0;
left: -69px;
transform: translate3d(0px, 0px, 0px);
visibility: inherit;
}
@keyframes gwd-gen-fkb9gwdanimation_gwd-keyframes {
0% {
opacity: 0;
transform: translate3d(0px, 0px, 0px);
animation-timing-function: linear;
--gwd-visibility-range: 200, 4800;
}
10.8696% {
opacity: 1;
transform: translate3d(89px, 0px, 0px);
animation-timing-function: linear;
}
97.8261% {
opacity: 1;
transform: translate3d(89px, 0px, 0px);
animation-timing-function: linear;
}
100% {
opacity: 0;
transform: translate3d(89px, 0px, 0px);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-fkb9gwdanimation {
animation: 4.6s linear 0.2s 1 normal forwards running gwd-gen-fkb9gwdanimation_gwd-keyframes;
}
.gwd-image-lct9 {
width: 300px;
height: 135px;
}
.gwd-image-jm4g {
position: absolute;
left: 0px;
top: 55px;
transform: scale3d(1, 1, 1);
visibility: inherit;
}
@keyframes gwd-gen-7td5gwdanimation_gwd-keyframes {
0% {
transform: scale3d(1, 1, 1);
animation-timing-function: linear;
--gwd-visibility-range: 4800, ;
}
71.4286% {
transform: scale3d(1, 1, 1);
animation-timing-function: linear;
}
85.7143% {
transform: scale3d(1.1156, 1.1156, 1);
animation-timing-function: linear;
}
100% {
transform: scale3d(1, 1, 1);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-7td5gwdanimation {
animation: 0.7s linear 4.8s 1 normal forwards running gwd-gen-7td5gwdanimation_gwd-keyframes;
}
.gwd-image-10zb {
width: 126px;
height: 17px;
}
.gwd-image-1btl {
position: absolute;
transform-origin: 50% 50% 0px;
left: 87px;
top: 208px;
opacity: 0;
visibility: inherit;
}
@keyframes gwd-gen-r9pbgwdanimation_gwd-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
--gwd-visibility-range: 6400, ;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-r9pbgwdanimation {
animation: 0.2s linear 6.4s 1 normal forwards running gwd-gen-r9pbgwdanimation_gwd-keyframes;
}
.gwd-taparea-ds7p {
position: absolute;
left: 87px;
top: 208px;
width: 128px;
height: 17px;
transform-origin: 50% 50% 0px;
}
.gwd-image-1j1b {
width: 72px;
height: 78px;
}
.gwd-image-s483 {
position: absolute;
transform-origin: 50% 50% 0px;
top: 139px;
opacity: 0;
left: -77px;
transform: translate3d(0px, -20px, 0px);
visibility: inherit;
}
@keyframes gwd-gen-1by7gwdanimation_gwd-keyframes {
0% {
opacity: 0;
transform: translate3d(0px, -20px, 0px);
animation-timing-function: linear;
--gwd-visibility-range: 100, 4800;
}
12.766% {
opacity: 1;
transform: translate3d(90px, -20px, 0px);
animation-timing-function: linear;
}
97.8723% {
opacity: 1;
transform: translate3d(90px, -20px, 0px);
animation-timing-function: linear;
}
100% {
opacity: 1;
transform: translate3d(90px, -20px, 0px);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-1by7gwdanimation {
animation: 4.7s linear 0.1s 1 normal forwards running gwd-gen-1by7gwdanimation_gwd-keyframes;
}
.gwd-image-e91c {
width: 19px;
height: 19px;
}
.gwd-image-jp6e {
position: absolute;
opacity: 0;
left: 273px;
top: 8px;
transform-origin: 50% 50% 0px;
transform: rotateZ(0deg);
visibility: inherit;
}
.gwd-taparea-ksol {
position: absolute;
left: 275px;
top: 10px;
width: 15px;
height: 15px;
transform-origin: 50% 50% 0px;
transform: rotateZ(57.6832deg);
}
@keyframes gwd-gen-wfsggwdanimation_gwd-keyframes {
0% {
opacity: 0;
transform: rotateZ(0deg);
animation-timing-function: linear;
--gwd-visibility-range: 7300, ;
}
11.1111% {
opacity: 1;
transform: rotateZ(162.043deg);
animation-timing-function: linear;
}
100% {
opacity: 1;
transform: rotateZ(90.3585deg);
animation-timing-function: linear;
}
}
#page1.gwd-play-animation .gwd-gen-wfsggwdanimation {
animation: 0.9s linear 7.3s 1 normal forwards running gwd-gen-wfsggwdanimation_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', 'clickAdd', 'https://www.porsche.com/usa/', true, true, 'page1');
};
gwd.auto_Gwd_taparea_2Action = function(event) {
// GWD Predefined Function
gwd.actions.timeline.gotoAndPlay('page1', 'repeat');
};
</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('gwd-taparea_1', 'action', gwd.auto_Gwd_taparea_1Action, false);
gwd.actions.events.addHandler('gwd-taparea_2', 'action', gwd.auto_Gwd_taparea_2Action, false);
gwd.actions.timeline.captureAnimationEnd(document.body);
};
gwd.actions.events.deregisterEventHandlers = function(event) {
gwd.actions.events.removeHandler('gwd-taparea_1', 'action', gwd.auto_Gwd_taparea_1Action, false);
gwd.actions.events.removeHandler('gwd-taparea_2', 'action', gwd.auto_Gwd_taparea_2Action, 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="gwd-taparea_1" event="tapareaexit" metric="" exit="Exit"></gwd-metric-event>
<gwd-metric-event source="gwd-taparea_2" 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="300px" data-gwd-height="250px" data-gwd-animation-labels="repeat,0">
<div class="gwd-page-content gwd-page-size">
<gwd-image source="assets/cut_lines_02.png" scaling="stretch" id="cut_lines_02" class="gwd-image-r71h gwd-image-1f1a gwd-gen-ei2xgwdanimation"></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-nu52 gwd-image-1rwj gwd-gen-1xrogwdanimation"></gwd-image><span class="gwd-span-1pb0 gwd-gen-1i0ygwdanimation">PORSCHE 911</span><span class="gwd-span-l402 gwd-gen-1xwogwdanimation">Poznejte sílu</span><span class="gwd-span-u0uq gwd-gen-fkb9gwdanimation">Porsche 911 je nejznámější sportovní automobil značky Porsche a je považován za její<br>ztělesnění. Aktuální modelovou řadou od roku 2019 je osmá generace, označená 992.</span>
<gwd-image source="assets/nurburgring-logo-740136B9DC-seeklogo.com.png" scaling="stretch" id="gwd-image_2" class="gwd-image-1j1b gwd-image-s483 gwd-gen-1by7gwdanimation"></gwd-image>
<gwd-image source="assets/cut_lines_02.png" scaling="stretch" id="cut_lines_02_1" class="gwd-image-lzhw gwd-image-91tg gwd-gen-1ki3gwdanimation"></gwd-image>
<gwd-image source="assets/porsche-logo.jpg" scaling="stretch" id="porsche-logo" class="gwd-image-lct9 gwd-image-jm4g gwd-gen-7td5gwdanimation"></gwd-image>
<gwd-image source="assets/cut_lines.png" scaling="stretch" id="cut_lines" class="gwd-image-191h gwd-image-40pz gwd-gen-5x90gwdanimation"></gwd-image>
<gwd-image source="assets/porsche buy icon.png" scaling="stretch" id="porsche_buy_icon" class="gwd-image-10zb gwd-image-1btl gwd-gen-r9pbgwdanimation"></gwd-image>
<gwd-taparea id="gwd-taparea_1" class="gwd-taparea-ds7p"></gwd-taparea>
<gwd-image source="assets/399422.png" scaling="stretch" id="399422" class="gwd-image-e91c gwd-image-jp6e gwd-gen-wfsggwdanimation"></gwd-image>
<gwd-taparea id="gwd-taparea_2" class="gwd-taparea-ksol"></gwd-taparea>
</div>
</gwd-page>
</gwd-pagedeck>
<gwd-exit metric="clickAdd" url="https://www.porsche.com/usa/"></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>
26
2
52KB
158KB
294.0ms
292.0ms
295.0ms