Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
4a785fa2 by Dan Rempel
Options

HHF Bucks in a box as released

1 parent 385cccc7
Inline Side-by-side
Showing 13 changed files with 113 additions and 0 deletions
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 </head>
12 <body>
13 <h3><a href="index.html">Mobile Overlay</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mWeb.html">Mobile Web</a> &nbsp; &nbsp;| &nbsp; &nbsp;<a href="index_tOverlay.html">Tablet Overlay</a></h3>
14
15 <img src="Mobile%20Overlay/en_HHF_600x500_2016summer_BinaB_c01.jpg" alt="en_HHF_600x500_2016summer_BinaB_c01" width="600" height="500">
16 <img src="Mobile%20Overlay/en_HHF_600x500_2016summer_OnlineGiving_c01.jpg" alt="en_HHF_600x500_2016summer_OnlineGiving_c01" width="600" height="500">
17 <img src="Mobile%20Overlay/en_HHF_640x100_2016summer_LeaveBehind_c01.jpg" alt="en_HHF_640x100_2016summer_LeaveBehind_c01" width="640" height="100">
18
19 </body>
20 </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 </head>
12 <body>
13
14 <h3><a href="index.html">Mobile Overlay</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mWeb.html">Mobile Web</a> &nbsp; &nbsp;| &nbsp; &nbsp;<a href="index_tOverlay.html">Tablet Overlay</a></h3>
15 <img src="Mobile%20Website/en_HHF_300x250_2016summer_BinaB_c01.gif" alt="en_HHF_300x250_2016summer_BinaB_c01" width="300" height="250">
16 <img src="Mobile%20Website/en_HHF_300x250_2016summer_OnlineGiving_c01.gif" alt="en_HHF_300x250_2016summer_OnlineGiving_c01" width="300" height="250">
17
18 </body>
19 </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 </head>
12 <body>
13
14 <h3><a href="index.html">Mobile Overlay</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mWeb.html">Mobile Web</a> &nbsp; &nbsp;| &nbsp; &nbsp;<a href="index_tOverlay.html">Tablet Overlay</a></h3>
15 <img src="Tablet%20Overlay/en_HHF_728x90_2016summer_LeaveBehind_c01.jpg" alt="en_HHF_728x90_2016summer_LeaveBehind_c01" width="728" height="90">
16 <img src="Tablet%20Overlay/en_HHF_1100x960_2016summer_BinaB_c01.jpg" alt="en_HHF_1100x960_2016summer_BinaB_c01" width="1100" height="960">
17 <img src="Tablet%20Overlay/en_HHF_1100x960_2016summer_OnlineGiving_c01.jpg" alt="en_HHF_1100x960_2016summer_OnlineGiving_c01" width="1100" height="960">
18
19 </body>
20 </html>
1 html {
2 background-color: #d4d4d4;
3 }
4
5 body {
6 margin: 0 auto;
7 padding: 2em 2em 4em;
8 font-family: Helvetica, Arial, sans-serif;
9 font-size: 14px;
10 line-height: 1.5em;
11 color: #8e8e8e;
12 }
13
14 h1, h2, h3, h4, h5, h6 {
15 font-weight: 600;
16 line-height: 1.3em;
17 margin-left: 10px;
18 }
19 a {
20 color: #8e8e8e;
21 }
22 a:hover {
23 color: #FFFFFF;
24 }
25 iframe, img {
26 margin: 10px;
27 border: 1px #d4d4d4 solid;
28 overflow: hidden;
29 iframe::-webkit-scrollbar {
30 display: none;
31 };
32 }
33
34 .stacked {
35 display: flex;
36
37 }
38 .b300x250 {
39 width: 300px;
40 height: 250px;
41 }
42 .b728x90 {
43 width: 728px;
44 height: 90px;
45 }
46 .b300x600 {
47 width: 300px;
48 height: 600px;
49 }
50 .b600x566 {
51 width: 600px;
52 height: 566px;
53 }
1 //js file
...\ No newline at end of file ...\ No newline at end of file