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 1696 additions and 124 deletions

Too many changes to show.
Plain diff Email patch

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

...@@ -8,23 +8,19 @@ ...@@ -8,23 +8,19 @@
8 <meta name="description" content="An interactive getting started guide for Brackets."> 8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css"> 9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script> 10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
11 </head> 12 </head>
12 <body> 13 <body>
13 14
14 <nav> 15 <div w3-include-html="menu.html"></div>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>Global Online Ads</h1>
25 16
26 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016SpringGlobal_cannon_c01/index.html"></iframe> 17 <script>
27 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringGlobal_slingshot_c01"></iframe> 18 w3IncludeHTML();
19 </script>
20
21 <h1>Alberta - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_alberta_c01/index.html"></iframe>
28 24
29 </body> 25 </body>
30 </html> 26 </html>
......
...@@ -8,24 +8,19 @@ ...@@ -8,24 +8,19 @@
8 <meta name="description" content="An interactive getting started guide for Brackets."> 8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css"> 9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script> 10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
11 </head> 12 </head>
12 <body> 13 <body>
13 14
14 <nav> 15 <div w3-include-html="menu.html"></div>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 1000x700</h1>
25 16
26 <iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe> 17 <script>
27 <iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe> 18 w3IncludeHTML();
28 <iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe> 19 </script>
20
21 <h1>BC - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_bc_c01/index.html"></iframe>
29 24
30 </body> 25 </body>
31 </html> 26 </html>
......
...@@ -8,24 +8,19 @@ ...@@ -8,24 +8,19 @@
8 <meta name="description" content="An interactive getting started guide for Brackets."> 8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css"> 9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script> 10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
11 </head> 12 </head>
12 <body> 13 <body>
13 14
14 <nav> 15 <div w3-include-html="menu.html"></div>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 1024x768</h1>
25 16
26 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe> 17 <script>
27 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe> 18 w3IncludeHTML();
28 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe> 19 </script>
20
21 <h1>GTA - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_gta_c01/index.html"></iframe>
29 24
30 </body> 25 </body>
31 </html> 26 </html>
......
...@@ -8,24 +8,19 @@ ...@@ -8,24 +8,19 @@
8 <meta name="description" content="An interactive getting started guide for Brackets."> 8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css"> 9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script> 10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
11 </head> 12 </head>
12 <body> 13 <body>
13 14
14 <nav> 15 <div w3-include-html="menu.html"></div>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 300x450</h1>
25 16
26 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe> 17 <script>
27 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe> 18 w3IncludeHTML();
28 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe> 19 </script>
20
21 <h1>National Entrepreneur - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
29 24
30 </body> 25 </body>
31 </html> 26 </html>
......
...@@ -8,24 +8,19 @@ ...@@ -8,24 +8,19 @@
8 <meta name="description" content="An interactive getting started guide for Brackets."> 8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css"> 9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script> 10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
11 </head> 12 </head>
12 <body> 13 <body>
13 14
14 <nav> 15 <div w3-include-html="menu.html"></div>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 320x480</h1>
25 16
26 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe> 17 <script>
27 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe> 18 w3IncludeHTML();
28 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe> 19 </script>
20
21 <h1>National General - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
29 24
30 </body> 25 </body>
31 </html> 26 </html>
......
...@@ -8,24 +8,19 @@ ...@@ -8,24 +8,19 @@
8 <meta name="description" content="An interactive getting started guide for Brackets."> 8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css"> 9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script> 10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
11 </head> 12 </head>
12 <body> 13 <body>
13 14
14 <nav> 15 <div w3-include-html="menu.html"></div>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 768x1024</h1>
25 16
26 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe> 17 <script>
27 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe> 18 w3IncludeHTML();
28 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe> 19 </script>
20
21 <h1>Quebec - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_quebec_c01/index.html"></iframe>
29 24
30 </body> 25 </body>
31 </html> 26 </html>
......
...@@ -8,24 +8,19 @@ ...@@ -8,24 +8,19 @@
8 <meta name="description" content="An interactive getting started guide for Brackets."> 8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css"> 9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script> 10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
11 </head> 12 </head>
12 <body> 13 <body>
13 14
14 <nav> 15 <div w3-include-html="menu.html"></div>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 970x250</h1>
25 16
26 <iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe> 17 <script>
27 <iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe> 18 w3IncludeHTML();
28 <iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe> 19 </script>
20
21 <h1>Saskatchewan - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
29 24
30 </body> 25 </body>
31 </html> 26 </html>
......
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 <style>
13
14 html{
15 background: url(en_1280x1000_EY_2016FallPMM_nationalGeneralTakeover_c01/1280x1000_takeoverWallpaper.jpg) no-repeat center top black;
16 }
17 </style>
18
19 </head>
20 <body>
21
22 <div w3-include-html="menu.html"></div>
23
24 <script>
25 w3IncludeHTML();
26 </script>
27
28 <h1>National General - 1280 x 1000 Takeover</h1>
29
30
31
32 </body>
33 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Alberta - 300 x 1050</h1>
22
23 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_alberta_c01/index.html"></iframe>
24 <div class="label" style="margin-top: 500px;">
25 <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>
26 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_alberta_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>BC - 300 x 1050</h1>
22
23 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_bc_c01/index.html"></iframe>
24 <div class="label" style="margin-top: 500px;">
25 <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>
26 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_bc_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>GTA - 300 x 1050</h1>
22
23 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_gta_c01/index.html"></iframe>
24 <div class="label" style="margin-top: 500px;">
25 <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>
26 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_gta_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National Entrepreneur - 300 x 1050</h1>
22
23 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
24 <div class="label" style="margin-top: 500px;">
25 <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>
26 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalEntrepreneur_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 1050</h1>
22
23 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
24 <div class="label" style="margin-top: 500px;">
25 <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>
26 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Quebec - 300 x 1050</h1>
22
23 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_quebec_c01/index.html"></iframe>
24 <div class="label" style="margin-top: 500px;">
25 <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>
26 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_quebec_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Saskatchewan - 300 x 1050</h1>
22
23 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
24 <div class="label" style="margin-top: 500px;">
25 <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>
26 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_saskatchewan_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 250 Takeover</h1>
22
23 <iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover1_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 250 Takeover</h1>
22
23 <iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover2_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 250 Takeover</h1>
22
23 <iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover3_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 250 Takeover</h1>
22
23 <iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover4_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 250 Takeover</h1>
22
23 <iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover5_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 250 Takeover</h1>
22
23 <iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover6_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Alberta - 300 x 450 Mobile</h1>
22
23 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_alberta_c01/index.html"></iframe>
24
25
26 </body>
27 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>BC - 300 x 450 Mobile</h1>
22
23 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_bc_c01/index.html"></iframe>
24
25
26 </body>
27 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>GTA - 300 x 450 Mobile</h1>
22
23 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_gta_c01/index.html"></iframe>
24
25
26 </body>
27 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National Entrepreneur - 300 x 450 Mobile</h1>
22
23 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
24
25
26 </body>
27 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 450 Mobile</h1>
22
23 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
24
25
26 </body>
27 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Quebec - 300 x 450 Mobile</h1>
22
23 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_quebec_c01/index.html"></iframe>
24
25
26 </body>
27 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Saskatchewan - 300 x 450 Mobile</h1>
22
23 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
24
25
26 </body>
27 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Alberta - 300 x 600</h1>
22
23
24 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_alberta_c01/index.html"></iframe>
25 <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>
26 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_alberta_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>BC - 300 x 600</h1>
22
23
24 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/index.html"></iframe>
25 <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>
26 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Global - 300 x 600</h1>
22
23
24 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_globalCannon_c01/index.html"></iframe>
25
26
27 </body>
28 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>GTA - 300 x 600</h1>
22
23
24 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_gta_c01/index.html"></iframe>
25 <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>
26 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_gta_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National Entrepreneur - 300 x 600</h1>
22
23
24 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
25 <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>
26 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 300 x 600</h1>
22
23
24 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
25 <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>
26 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Quebec - 300 x 600</h1>
22
23
24 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_quebec_c01/index.html"></iframe>
25 <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>
26 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_quebec_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Saskatchewan - 300 x 600</h1>
22
23
24 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
25 <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>
26 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_saskatchewan_c01/expanded.html"></iframe>
27 </div>
28
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Alberta - 320 x 480 iPhone app</h1>
22
23 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_alberta_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>BC - 320 x 480 iPhone app</h1>
22
23 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_bc_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Global - 320 x 480</h1>
22
23 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_globalSlingshot_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>GTA - 320 x 480 iPhone app</h1>
22
23 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_gta_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National Entrepreneur - 320 x 480 iPhone app</h1>
22
23 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 320 x 480 iPhone app</h1>
22
23 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Quebec - 320 x 480 iPhone app</h1>
22
23 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_quebec_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Saskatchewan - 320 x 480 iPhone app</h1>
22
23 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Alberta - 768 x 1024 iPad</h1>
22
23 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_alberta_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>BC - 768 x 1024 iPad</h1>
22
23 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_bc_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>GTA - 768 x 1024 iPad</h1>
22
23 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_gta_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National Entrepreneur - 768 x 1024 iPad</h1>
22
23 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 768 x 1024 iPad</h1>
22
23 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Quebec - 768 x 1024 iPad</h1>
22
23 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_quebec_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>Saskatchewan - 768 x 1024 iPad</h1>
22
23 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 960 x 90 Takeover</h1>
22
23 <iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover1_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 960 x 90 Takeover</h1>
22
23 <iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover2_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 960 x 90 Takeover</h1>
22
23 <iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover3_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 960 x 90 Takeover</h1>
22
23 <iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover4_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 960 x 90 Takeover</h1>
22
23 <iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover5_c01/index.html"></iframe>
24
25 </body>
26 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 <script src="http://www.w3schools.com/lib/w3data.js"></script>
12 </head>
13 <body>
14
15 <div w3-include-html="menu.html"></div>
16
17 <script>
18 w3IncludeHTML();
19 </script>
20
21 <h1>National General - 960 x 90 Takeover</h1>
22
23 <iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover6_c01/index.html"></iframe>
24
25 </body>
26 </html>
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
122 position: relative; 122 position: relative;
123 width: 1024px; 123 width: 1024px;
124 height: 768px; 124 height: 768px;
125 border: 1px solid #55565A; 125 border: 1px solid #000000; /*#55565A*/
126 overflow: hidden; 126 overflow: hidden;
127 cursor: pointer; 127 cursor: pointer;
128 box-sizing: border-box; 128 box-sizing: border-box;
...@@ -191,7 +191,7 @@ ...@@ -191,7 +191,7 @@
191 <body> 191 <body>
192 <div id="border"> 192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt"> 194 <img id="txt" style="pause" src="assets/slice-alberta.svg" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt"> 195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a> 196 </a>
197 <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}'> 197 <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 @@ ...@@ -122,7 +122,7 @@
122 position: relative; 122 position: relative;
123 width: 1024px; 123 width: 1024px;
124 height: 768px; 124 height: 768px;
125 border: 1px solid #55565A; 125 border: 1px solid #000000; /*#55565A*/
126 overflow: hidden; 126 overflow: hidden;
127 cursor: pointer; 127 cursor: pointer;
128 box-sizing: border-box; 128 box-sizing: border-box;
...@@ -191,7 +191,7 @@ ...@@ -191,7 +191,7 @@
191 <body> 191 <body>
192 <div id="border"> 192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt"> 194 <img id="txt" style="pause" src="assets/slice-bc.svg" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt"> 195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a> 196 </a>
197 <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}'> 197 <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 @@ ...@@ -122,7 +122,7 @@
122 position: relative; 122 position: relative;
123 width: 1024px; 123 width: 1024px;
124 height: 768px; 124 height: 768px;
125 border: 1px solid #55565A; 125 border: 1px solid #000000; /*#55565A*/
126 overflow: hidden; 126 overflow: hidden;
127 cursor: pointer; 127 cursor: pointer;
128 box-sizing: border-box; 128 box-sizing: border-box;
...@@ -191,11 +191,11 @@ ...@@ -191,11 +191,11 @@
191 <body> 191 <body>
192 <div id="border"> 192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt"> 194 <img id="txt" style="pause" src="assets/slice-gta.svg" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt"> 195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a> 196 </a>
197 <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}'> 197 <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}'>
198 <source src="assets/vidC.mp4" type="video/mp4" /> 198 <source src="assets/vidE.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video> 201 </video>
......
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1024px;
100 height: 768px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1024px;
124 height: 768px;
125 border: 1px solid #000000; /*#55565A*/
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 952px;
139 height: 536px;
140 left:36px;
141 top:61px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 322px;
168 height: 271px;
169 left: 58px;
170 bottom:416px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 964px;
184 height: 81px;
185 left: 36px;
186 bottom:34px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice-national-entrepreneur.svg" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <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}'>
198 <source src="assets/vidD.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218 </script>
219
220 </body>
221
222 </html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -96,8 +96,8 @@ ...@@ -96,8 +96,8 @@
96 body{ 96 body{
97 margin: 0; 97 margin: 0;
98 padding: 0; 98 padding: 0;
99 width: 1000px; 99 width: 1024px;
100 height: 700px; 100 height: 768px;
101 line-height: 1.2; 101 line-height: 1.2;
102 font-size: 27px; 102 font-size: 27px;
103 letter-spacing: .4; 103 letter-spacing: .4;
...@@ -120,9 +120,9 @@ ...@@ -120,9 +120,9 @@
120 120
121 #border{ 121 #border{
122 position: relative; 122 position: relative;
123 width: 1000px; 123 width: 1024px;
124 height: 700px; 124 height: 768px;
125 border: 1px solid #55565A; 125 border: 1px solid #000000; /*#55565A*/
126 overflow: hidden; 126 overflow: hidden;
127 cursor: pointer; 127 cursor: pointer;
128 box-sizing: border-box; 128 box-sizing: border-box;
...@@ -135,10 +135,10 @@ ...@@ -135,10 +135,10 @@
135 135
136 #video, #play-pause{ 136 #video, #play-pause{
137 position: absolute; 137 position: absolute;
138 width: 930px; 138 width: 952px;
139 height: 523px; 139 height: 536px;
140 left:34px; 140 left:36px;
141 top:34px; 141 top:61px;
142 border:none; 142 border:none;
143 } 143 }
144 #play-pause{ 144 #play-pause{
...@@ -164,10 +164,10 @@ ...@@ -164,10 +164,10 @@
164 164
165 #txt { 165 #txt {
166 position: absolute; 166 position: absolute;
167 width: 315px; 167 width: 322px;
168 height: 265px; 168 height: 271px;
169 left: 57px; 169 left: 58px;
170 bottom:382px; 170 bottom:416px;
171 z-index: 10; 171 z-index: 10;
172 opacity: 0; 172 opacity: 0;
173 transform-origin: bottom; 173 transform-origin: bottom;
...@@ -180,10 +180,10 @@ ...@@ -180,10 +180,10 @@
180 } 180 }
181 #overlay { 181 #overlay {
182 position: absolute; 182 position: absolute;
183 width: 941px; 183 width: 964px;
184 height: 78px; 184 height: 81px;
185 left: 36px; 185 left: 36px;
186 bottom:22px; 186 bottom:34px;
187 } 187 }
188 </style> 188 </style>
189 </head> 189 </head>
...@@ -191,7 +191,7 @@ ...@@ -191,7 +191,7 @@
191 <body> 191 <body>
192 <div id="border"> 192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt"> 194 <img id="txt" style="pause" src="assets/slice-national-general.svg" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt"> 195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a> 196 </a>
197 <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}'> 197 <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}'>
...@@ -215,8 +215,6 @@ ...@@ -215,8 +215,6 @@
215 //--------------------- 215 //---------------------
216 stage1(); 216 stage1();
217 217
218
219
220 </script> 218 </script>
221 219
222 </body> 220 </body>
......