Skip to content

Tenzing / banners-with-skip

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

Added mobile

1 parent a9dfbb3e
Inline Side-by-side
Showing 11 changed files with 30 additions and 5 deletions
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
100 100
101 #video{ 101 #video{
102 position: absolute; 102 position: absolute;
103 left:15px; 103 left:13px;
104 top:15px; 104 top:15px;
105 } 105 }
106 106
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 </head> 11 </head>
12 <body> 12 <body>
13 13
14 <h1>HTML5 Online Ads</h1> 14 <h3><a href="index.html">Desktop HTML5 Ads</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mobile.html">Mobile Ads</a></h3>
15 15
16 <iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_farmers/index.html"></iframe> 16 <iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_farmers/index.html"></iframe>
17 <iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_store/index.html"></iframe> 17 <iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_store/index.html"></iframe>
......
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">Desktop HTML5 Ads</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mobile.html">Mobile Ads</a></h3>
15
16 <img class="stacked" src="en_728x90_cwl_2016Spring_trades.gif" alt="en_728x90_cwl_2016Spring_trades" width="728" height="90">
17 <img class="stacked" src="en_300x50_cwl_2016Spring_business.gif" alt="en_300x50_cwl_2016Spring_business" width="300" height="50">
18 </body>
19 </html>
...@@ -5,7 +5,7 @@ html { ...@@ -5,7 +5,7 @@ html {
5 body { 5 body {
6 margin: 0 auto; 6 margin: 0 auto;
7 padding: 2em 2em 4em; 7 padding: 2em 2em 4em;
8 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 8 font-family: Helvetica, Arial, sans-serif;
9 font-size: 14px; 9 font-size: 14px;
10 line-height: 1.5em; 10 line-height: 1.5em;
11 color: #8e8e8e; 11 color: #8e8e8e;
...@@ -14,9 +14,15 @@ body { ...@@ -14,9 +14,15 @@ body {
14 h1, h2, h3, h4, h5, h6 { 14 h1, h2, h3, h4, h5, h6 {
15 font-weight: 600; 15 font-weight: 600;
16 line-height: 1.3em; 16 line-height: 1.3em;
17 margin-left: 10px;
17 } 18 }
18 19 a {
19 iframe { 20 color: #8e8e8e;
21 }
22 a:hover {
23 color: #FFFFFF;
24 }
25 iframe, img {
20 margin: 10px; 26 margin: 10px;
21 border: 1px #d4d4d4 solid; 27 border: 1px #d4d4d4 solid;
22 overflow: hidden; 28 overflow: hidden;
......