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-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">
<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-1tmc {
position: absolute;
background-image: none;
background-color: transparent;
border-color: rgb(0, 0, 0);
border-image-source: none;
border-image-width: 1;
border-image-outset: 0;
border-image-repeat: stretch;
width: 203px;
height: 106px;
left: 91px;
top: 148px;
}
.gwd-image-1469 {
position: absolute;
transform-origin: 50% 50% 0px;
left: 125px;
top: 167px;
width: 134px;
height: 200px;
}
.gwd-image-ldz1 {
clip-path: inset(-60px calc(-131.377px + 100%) calc(-2.958px + 100%) 3.51301px);
}
@keyframes gwd-gen-1yuygwdanimation_gwd-mask-keyframes {
0% {
clip-path: inset(-60px calc(-131.377px + 100%) calc(-2.958px + 100%) 3.51301px);
animation-timing-function: ease-in;
}
100% {
clip-path: inset(4px calc(-131.377px + 100%) calc(-66.958px + 100%) 3.51301px);
animation-timing-function: ease-in;
}
}
#page1.gwd-play-animation .gwd-gen-1yuygwdanimation {
animation: 0s ease 0s 1 normal none running none, 2.2s linear 0s 100 normal forwards running gwd-gen-1yuygwdanimation_gwd-mask-keyframes;
}
.gwd-image-hfvk {
position: absolute;
left: 0px;
top: 0px;
width: 300px;
height: 250px;
transform-origin: 50% 50% 0px;
}
.gwd-image-1lma {
position: absolute;
transform-origin: 50% 50% 0px;
top: 50px;
width: 169px;
height: 46px;
left: -119px;
opacity: 1;
}
.gwd-image-m4kb {
position: absolute;
transform-origin: 50% 50% 0px;
top: 96px;
width: 169px;
height: 65px;
left: -119px;
opacity: 1;
}
@keyframes gwd-gen-14dsgwdanimation_gwd-keyframes {
0% {
left: -119px;
opacity: 1;
animation-timing-function: ease-in;
}
65% {
left: 10px;
opacity: 1;
animation-timing-function: ease-in;
}
100% {
left: 10px;
opacity: 1;
animation-timing-function: ease-out;
}
}
#page1.gwd-play-animation .gwd-gen-14dsgwdanimation {
animation: 4s linear 0s 1 normal forwards running gwd-gen-14dsgwdanimation_gwd-keyframes;
}
@keyframes gwd-gen-dsv8gwdanimation_gwd-keyframes {
0% {
left: -119px;
opacity: 1;
animation-timing-function: ease-in;
}
70.5882% {
left: 10px;
opacity: 1;
animation-timing-function: ease-in;
}
100% {
left: 10px;
opacity: 1;
animation-timing-function: ease-in-out;
}
}
#page1.gwd-play-animation .gwd-gen-dsv8gwdanimation {
animation: 3.4s linear 1s 1 normal forwards running gwd-gen-dsv8gwdanimation_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>
</head>
<body>
<gwd-google-ad id="gwd-ad" polite-load="">
<gwd-metric-configuration></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">
<div class="gwd-page-content gwd-page-size">
<gwd-image id="panel_6_2" source="assets/panel 6_2.jpg" scaling="stretch" class="gwd-image-hfvk"></gwd-image>
<gwd-image id="pexels-alexander-ant-7004697" source="assets/pexels-alexander-ant-7004697.jpg" scaling="stretch" class="gwd-image-1469 gwd-image-ldz1 gwd-gen-1yuygwdanimation"></gwd-image>
<gwd-image id="printer_emptNEW" source="assets/printer emptNEW.png" scaling="stretch" class="gwd-image-1tmc" data-gwd-tl-locked=""></gwd-image>
<gwd-image id="mousamas" source="assets/mousamas.png" scaling="stretch" class="gwd-image-m4kb gwd-gen-dsv8gwdanimation"></gwd-image>
<gwd-image id="eidikes_kataseyes" source="assets/eidikes kataseyes.png" scaling="stretch" class="gwd-image-1lma gwd-gen-14dsgwdanimation"></gwd-image>
</div>
</gwd-page>
</gwd-pagedeck>
</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
20
Requests
2
Domains
50KB
Transfer Size
147KB
Content Size
287.0ms
Dom Content Loaded
292.0ms
First Paint
287.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...