Posted By

RodolfoMiranda on 01/24/15

Tagged

html

Versions (?)

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

Statistics

Viewed 1375 times

Favorited by 0 user(s)

Related snippets

HTML Basic Banner

/ Published in: HTML

This is the basic html structure for a Banner.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!DOCTYPE html>
<html>
 
<head>
    <html lang="en">
    <title>Banner 300x250</title>
    <meta name="author" content="Das Banner">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <!-- Google Enabler --v -->
    <script src="https://s0.2mdn.net/ads/studio/Enabler.js"> </script>
 
    <!-- Animation --v -->
    <script type="text/javascript" src="animation.js"></script>
 
    <!--CDN links for the latest TweenLite, CSSPlugin, and EasePack --v -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js">
    </script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js">
    </script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TimelineLite.min.js"></script>
 
    <!--LOCAL TweenLite, CSSPlugin, and EasePack --v -->
    <!-- 
    <script type="text/javascript" src="TweenLite.min.js"></script>
    <script type="text/javascript" src="CSSPlugin.min.js"></script>
    <script type="text/javascript" src="EasePack.min.js"></script>
    <script type="text/javascript" src="TimelineLite.min.js"></script>
    -->
 
    <!-- CSS  --v -->
    <link rel="stylesheet" type="text/css" href="style.css">       
</head>
 
<body id="container">
    <div id="banner">
        <img id="bgImage" src="bgImg.jpg">
        <div id="copy1"></div>
        <div id="copy2"></div>
        <div id="copy3"></div>
        <div id="copy4"></div>
        <div id="cta"><div id="ctaTextHolder"></div></div>   
        <div id="bg-exit"></div> <!-- exit for Google -->
    </div>
</body>
 
</html>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.