Posted By


RodolfoMiranda on 01/24/15

Tagged


Statistics


Viewed 1272 times
Favorited by 0 user(s)

HTML Basic Banner


/ Published in: HTML
Save to your folder(s)

This is the basic html structure for a Banner.


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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.