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 @@
#video{
position: absolute;
left:15px;
left:13px;
top:15px;
}
......
......@@ -11,7 +11,7 @@
</head>
<body>
<h1>HTML5 Online Ads</h1>
<h3><a href="index.html">Desktop HTML5 Ads</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mobile.html">Mobile Ads</a></h3>
<iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_farmers/index.html"></iframe>
<iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_store/index.html"></iframe>
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
</head>
<body>
<h3><a href="index.html">Desktop HTML5 Ads</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mobile.html">Mobile Ads</a></h3>
<img class="stacked" src="en_728x90_cwl_2016Spring_trades.gif" alt="en_728x90_cwl_2016Spring_trades" width="728" height="90">
<img class="stacked" src="en_300x50_cwl_2016Spring_business.gif" alt="en_300x50_cwl_2016Spring_business" width="300" height="50">
</body>
</html>
......@@ -5,7 +5,7 @@ html {
body {
margin: 0 auto;
padding: 2em 2em 4em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #8e8e8e;
......@@ -14,9 +14,15 @@ body {
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.3em;
margin-left: 10px;
}
iframe {
a {
color: #8e8e8e;
}
a:hover {
color: #FFFFFF;
}
iframe, img {
margin: 10px;
border: 1px #d4d4d4 solid;
overflow: hidden;
......