Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
64d8e548 by Dan Rempel
Options

Add new videos streamed from Vimeo

1 parent 875df0e9
Expand all
Inline Side-by-side
Showing 1000 changed files with 1697 additions and 125 deletions

Too many changes to show.
Plain diff Email patch

To preserve performance only 1000 of 1000+ files are displayed.

......@@ -8,23 +8,19 @@
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<nav>
<a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1024x768.html">PMM 1024x768</a>
</nav>
<h1>Global Online Ads</h1>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 1024 x 768 iPad</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016SpringGlobal_cannon_c01/index.html"></iframe>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringGlobal_slingshot_c01"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_alberta_c01/index.html"></iframe>
</body>
</html>
......
......@@ -8,24 +8,19 @@
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<nav>
<a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1024x768.html">PMM 1024x768</a>
</nav>
<h1>PMM 1000x700</h1>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 1024 x 768 iPad</h1>
<iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
<iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
<iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_bc_c01/index.html"></iframe>
</body>
</html>
......
......@@ -8,24 +8,19 @@
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<nav>
<a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1024x768.html">PMM 1024x768</a>
</nav>
<h1>PMM 1024x768</h1>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 1024 x 768 iPad</h1>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_gta_c01/index.html"></iframe>
</body>
</html>
......
......@@ -8,24 +8,19 @@
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<nav>
<a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1024x768.html">PMM 1024x768</a>
</nav>
<h1>PMM 300x450</h1>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 1024 x 768 iPad</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
</body>
</html>
......
......@@ -8,24 +8,19 @@
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<nav>
<a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1024x768.html">PMM 1024x768</a>
</nav>
<h1>PMM 320x480</h1>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 1024 x 768 iPad</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
</body>
</html>
......
......@@ -8,24 +8,19 @@
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<nav>
<a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1024x768.html">PMM 1024x768</a>
</nav>
<h1>PMM 768x1024</h1>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 1024 x 768 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_quebec_c01/index.html"></iframe>
</body>
</html>
......
......@@ -8,24 +8,19 @@
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<nav>
<a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="pmm1024x768.html">PMM 1024x768</a>
</nav>
<h1>PMM 970x250</h1>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 1024 x 768 iPad</h1>
<iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
<iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
<iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
</body>
</html>
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<style>
html{
background: url(en_1280x1000_EY_2016FallPMM_nationalGeneralTakeover_c01/1280x1000_takeoverWallpaper.jpg) no-repeat center top black;
}
</style>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 1280 x 1000 Takeover</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_alberta_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_alberta_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_bc_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_bc_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_gta_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_gta_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalEntrepreneur_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_quebec_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_quebec_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_saskatchewan_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover1_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover2_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover3_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover4_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover5_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover6_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_alberta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_bc_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_gta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_quebec_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_alberta_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_alberta_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Global - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_globalCannon_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_gta_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_gta_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_quebec_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_quebec_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_saskatchewan_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_alberta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_bc_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Global - 320 x 480</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_globalSlingshot_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_gta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_quebec_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_alberta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_bc_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_gta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_quebec_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover1_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover2_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover3_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover4_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover5_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover6_c01/index.html"></iframe>
</body>
</html>
......@@ -122,7 +122,7 @@
position: relative;
width: 1024px;
height: 768px;
border: 1px solid #55565A;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
......@@ -191,7 +191,7 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="txt" style="pause" src="assets/slice-alberta.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster1.jpg" data-setup='{"example_option":true}'>
......
......@@ -122,7 +122,7 @@
position: relative;
width: 1024px;
height: 768px;
border: 1px solid #55565A;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
......@@ -191,7 +191,7 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="txt" style="pause" src="assets/slice-bc.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster2.jpg" data-setup='{"example_option":true}'>
......
......@@ -122,7 +122,7 @@
position: relative;
width: 1024px;
height: 768px;
border: 1px solid #55565A;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
......@@ -191,11 +191,11 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="txt" style="pause" src="assets/slice-gta.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
<source src="assets/vidC.mp4" type="video/mp4" />
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster5.jpg" data-setup='{"example_option":true}'>
<source src="assets/vidE.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
......
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
* This section uses videojs with eyeBuild, tracking plays, clicks, etc.
**/
window.onload = function() {
eyeBuild.initialize();
window.isVideoClick = false;
//var video = document.getElementsByTagName("video")[0];
var myVideoJsPlayer = videojs('video');
var video = document.querySelector("#video video");
var playButton = document.getElementById("play-pause");
var txt = document.getElementById("txt");
videojs(video, {}, function(){
var videoPlays = 0;
var v0 = false;
var v25 = false;
var v50 = false;
var v75 = false;
video.addEventListener("play", function(e) {
eyeBuild.doIAT(0);
videoPlays++;
playButton.setAttribute("class", "play");
txt.setAttribute("class", "play");
});
video.addEventListener("pause", function(e) {
eyeBuild.doIAT(1);
playButton.setAttribute("class", "pause");
txt.setAttribute("class", "pause");
});
video.addEventListener("ended", function(e) {
video.currentTime = 0;
playButton.setAttribute("class", "pause");
v0 = false;
v25 = false;
v50 = false;
v75 = false;
eyeBuild.doIAT(9);
});
// track video plays
video.addEventListener('timeupdate', function(e){
var pct = video.currentTime / video.duration *100;
if (pct > 75 && !v75){
v75 = true;
eyeBuild.doIAT(8);
}else if (pct > 50 && !v50){
v50 = true;
eyeBuild.doIAT(7);
}else if (pct > 25 && !v25){
v25 = true;
eyeBuild.doIAT(6);
}else if (pct > 0 && !v0){
v0 = true;
eyeBuild.doIAT(5);
if(videoPlays>1){
eyeBuild.doIAT(10);
}
}
}, false);
playButton.addEventListener('click', function(e){
myVideoJsPlayer.play();
}, false);
});
/*
var closeButton = document.getElementById("close");
closeButton.addEventListener("click", function(e) {
eyeBuild.doClose();
});
*/
}
</script>
<style>
body{
margin: 0;
padding: 0;
width: 1024px;
height: 768px;
line-height: 1.2;
font-size: 27px;
letter-spacing: .4;
color: #CD040B;
/* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
/*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
font-style: normal;
}
a{
text-decoration: none;
color: inherit;
}
#click-tag{
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#border{
position: relative;
width: 1024px;
height: 768px;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background-color: black;
/*
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
#video, #play-pause{
position: absolute;
width: 952px;
height: 536px;
left:36px;
top:61px;
border:none;
}
#play-pause{
cursor: pointer;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
}
#play-pause.pause:active{
background-size: 50px 50px;
}
#play-pause.pause{
background-size: 55px 55px;
display: block;
}
#play-pause.play{
display: none;
}
.vjs-big-play-button{
display: none !important;
}
#txt {
position: absolute;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
}
#txt.play {
display: none;
}
#txt.pause {
display: block;
}
#overlay {
position: absolute;
width: 964px;
height: 81px;
left: 36px;
bottom:34px;
}
</style>
</head>
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice-national-entrepreneur.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster4.jpg" data-setup='{"example_option":true}'>
<source src="assets/vidD.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
console.log( "time: " + tl.totalDuration() );
}
//---------------------
stage1();
</script>
</body>
</html>
\ No newline at end of file
......@@ -96,8 +96,8 @@
body{
margin: 0;
padding: 0;
width: 1000px;
height: 700px;
width: 1024px;
height: 768px;
line-height: 1.2;
font-size: 27px;
letter-spacing: .4;
......@@ -120,9 +120,9 @@
#border{
position: relative;
width: 1000px;
height: 700px;
border: 1px solid #55565A;
width: 1024px;
height: 768px;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
......@@ -135,10 +135,10 @@
#video, #play-pause{
position: absolute;
width: 930px;
height: 523px;
left:34px;
top:34px;
width: 952px;
height: 536px;
left:36px;
top:61px;
border:none;
}
#play-pause{
......@@ -164,10 +164,10 @@
#txt {
position: absolute;
width: 315px;
height: 265px;
left: 57px;
bottom:382px;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
......@@ -180,10 +180,10 @@
}
#overlay {
position: absolute;
width: 941px;
height: 78px;
width: 964px;
height: 81px;
left: 36px;
bottom:22px;
bottom:34px;
}
</style>
</head>
......@@ -191,7 +191,7 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="txt" style="pause" src="assets/slice-national-general.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster1.jpg" data-setup='{"example_option":true}'>
......@@ -213,9 +213,7 @@
}
//---------------------
stage1();
stage1();
</script>
......