Return to Snippet

Revision: 68603
at January 24, 2015 01:50 by RodolfoMiranda


Updated Code
<!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>

Revision: 68602
at January 24, 2015 01:38 by RodolfoMiranda


Initial Code
<!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="rectangleAnimation.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>

Initial URL


Initial Description
This is the basic html structure for a Banner.

Initial Title
HTML Basic Banner

Initial Tags
html

Initial Language
HTML