Banner Mockup Banner Template Screen-Shot Banner Code
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Banner EN-AU</title>
<style type="text/css" media="screen">
.v2014 .homeBanner .Banner2012 .MDCBanbg {
background: url("../bg_AU_MDC2014a.jpg") no-repeat scroll 0 0 transparent;
}
.v2014 .homeBanner .Banner2012 .MDCBanbg #mdctext h2 {
font-family: "intel-clear", Arial, sans-serif;
font-size: 32px;
font-weight: 100;
margin: 0px;
padding: 0px;
color: #525659;
line-height: 36px;
}
#mdctext {
padding: 25px 0px 0px 340px;
}
#mdctext #discount {
text-decoration: line-through;
}
#mdctext sup {
font-size: 16px;
vertical-align: baseline;
position: relative;
top: -0.4em;
}
.v2014 .homeBanner .Banner2012 .MDCBanbg #mdctext p {
font-family: "intel-clear", Arial, sans-serif;
font-size: 30px;
margin: 0px;
padding: 0px;
color: #525659;
}
.v2014 .homeBanner .Banner2012 #mdctext P.subhead {
font-size: 17px;
font-weight: bold;
}
#price {
padding: 35px 0px 100px 15px;
}
.v2014 .homeBanner .Banner2012 #price p.prodname {
font-size: 25px;
padding-bottom: 0;
color: #005387;
font-weight: bold;
line-height: 110%;
}
.v2014 .homeBanner .Banner2012 #price p.reg {
font-size: 14px;
color: #58595b;
line-height: 18px;
font-weight: bold;
}
.v2014 .homeBanner .Banner2012 #price .offer {
font-size: 26px;
margin-top: 10px;
color: #b71234;
float: left;
font-weight: bold;
}
.mdcbutton {
float: right;
font-size: 15px;
margin-right: 180px;
margin-top: 10px;
font-weight: bold;
}
.mdcname {
float: left;
margin-left: 20px;
margin-top: 285px;
font-size: 26px;
font-family: "intel-clear", Arial, sans-serif;
font-weight: bold;
}
.redtext {
color: #b71234;
}
#bdy .v2014 .mdcbutton button {
padding: 5px 10px;
}
.v2013 .homeBanner .boxshot span.splat_pc {
background: url("http:../pcmag_med_b2b.png") no-repeat scroll 0 0 transparent;
display: block;
height: 101px;
left: 155px;
position: absolute;
top: 183px;
width: 108px;
}
/* just for testing porpose, Iryna Charkashyna */
ul#Banner2013 li {
list-style:none;
}
</style>
</head>
<body>
<div class="homeBannerCntr v2014">
<div class="homeBanner" id="homeBanner">
<ul class="Banner2012" id="Banner2013">
<li rel="pcMac">
<span class="mdcname"><span class="redtext">#1</span> Jessica Mauboy</span>
<div class="MDCBanbg">
<div id="mdctext">
<h2>2014<br /> Most Dangerous Celebrity<sup>™</sup></h2>
<p class="subhead">McAfee Makes Celebrities Safe Again.</p>
<div id="price">
<p class="prodname">McAfee<br /> Total Protection<sup>™</sup></p>
<p class="reg">Regularly <span id="discount">A$Price</span></p>
<p class="reg">Now only:</p>
<div class="offer">A$Price</div>
<div class="mdcbutton">
<button value="Buy Now" title="Buy Now" onclick="s_objectID='homePage_en-AU_0_275';javascript:location.href='../campaign.aspx?cid=157512';return false;">Buy Now</button>
</div>
</div>
</div>
</div>
</li>
<li class="carouselBg1" rel="crossDeviceProtection">
<div class="Com_bg">
<div class="boxshot" alt="McAfee® All Access" title="McAfee® All Access"><!--<span class="splat_pc"></span>--></div>
<div id="txtCont">
<span class="imp_2013"> </span>
<h2>McAfee<sup>®</sup> All Access</h2>
<b class="tagline">All your devices. All your stuff. All protected.</b>
<span>A$Price</span>
<button value="Buy Now" title="Buy Now" onclick="s_objectID='homePage_en-AU_0_394';javascript:location.href='../campaign.aspx?cid=136181'; return false;">Buy Now</button>
<br />
<span class="learnspan"><a class="learn" href="http://home.mcafee.com/store/all-access-security">Learn more</a></span><br />
<img src="http:../carousel_devices.png" alt="Supported Devices" title="Supported Devices" class="devSupportImg" />
</div>
</div>
</li>
<li class="carouselBg2" rel="pcMac">
<div class="Com_bg">
<div class="boxshot" alt="McAfee Total Protection" title="McAfee Total Protection"><span class="splat"></span></div>
<div id="txtCont">
<span class="imp_2013"> </span>
<h2>McAfee<sup> </sup> Total Protection </h2>
<b class="tagline">Ultimate. The most effective protection against virus, online and network threats.</b>
<span>A$Price</span>
<button value="Buy Now" title="Buy Now" onclick="s_objectID='homePage_en-AU_0_275';javascript:location.href='someLink'; return false;">Buy Now</button>
<br />
<span class="learnspan"><a class="learn" href="http://home.mcafee.com/store/total-protection">Learn more</a></span><br />
</div>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>