Advanced Search

Posted By

RodolfoMiranda on 01/24/15

Tagged

Versions (?)

Last Edited at 01/24/15 01:38am

Statistics

Viewed 1022 times
Favorited by 0 user(s)

Related snippets

634
basic html page
2
HTML5 Basic
624
Basic HTML5 doc structure
740
HTML Basic setup to use jQuery
984
HTML5 Basic Page Template
692
HTML5 Basic Template
645
My basic HTML structure
743
Basic HTML5 Template
582
Basic Html5 Page

HTML Basic Banner

/ Published in: HTML
Save to your folder(s)
This is the basic html structure for a Banner.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <html lang="en">
  6.     <title>Banner 300x250</title>
  7.     <meta name="author" content="Das Banner">
  8.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.  
  11.     <!-- Google Enabler --v -->
  12.     <script src="https://s0.2mdn.net/ads/studio/Enabler.js"> </script>
  13.  
  14.     <!-- Animation --v -->
  15.     <script type="text/javascript" src="animation.js"></script>
  16.  
  17.     <!--CDN links for the latest TweenLite, CSSPlugin, and EasePack --v -->
  18.     <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js">
  19.     </script>
  20.     <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js">
  21.     </script>
  22.     <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>
  23.     <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TimelineLite.min.js"></script>
  24.  
  25.     <!--LOCAL TweenLite, CSSPlugin, and EasePack --v -->
  26.     <!-- 
  27.     <script type="text/javascript" src="TweenLite.min.js"></script>
  28.     <script type="text/javascript" src="CSSPlugin.min.js"></script>
  29.     <script type="text/javascript" src="EasePack.min.js"></script>
  30.     <script type="text/javascript" src="TimelineLite.min.js"></script>
  31.     -->
  32.  
  33.     <!-- CSS  --v -->
  34.     <link rel="stylesheet" type="text/css" href="style.css">       
  35. </head>
  36.  
  37. <body id="container">
  38.     <div id="banner">
  39.         <img id="bgImage" src="bgImg.jpg">
  40.         <div id="copy1"></div>
  41.         <div id="copy2"></div>
  42.         <div id="copy3"></div>
  43.         <div id="copy4"></div>
  44.         <div id="cta"><div id="ctaTextHolder"></div></div>   
  45.         <div id="bg-exit"></div> <!-- exit for Google -->
  46.     </div>
  47. </body>
  48.  
  49. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.