Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
b5a4582f by Dan Rempel
Options

EY Fall ads for approval

1 parent 89d772b6
Expand all
Inline Side-by-side
Showing 1000 changed files with 2461 additions and 0 deletions

Too many changes to show.
Plain diff Email patch

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

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 - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_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 - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_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 - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_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 - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_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 - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_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 - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_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 - 1024 x 768 iPad</h1>
22
23 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_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 <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>
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
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-alberta.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/poster1.jpg" data-setup='{"example_option":true}'>
198 <source src="assets/vidA.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
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
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-bc.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/poster2.jpg" data-setup='{"example_option":true}'>
198 <source src="assets/vidB.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
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
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-gta.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/poster5.jpg" data-setup='{"example_option":true}'>
198 <source src="assets/vidE.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
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
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
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file