Banner Mockup Banner Template Screen-Shot Banner code
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BR Banner</title>
<style type="text/css" media="screen">
/*Created by Iryna Charkashyna*/
.v2014 .homeBanner .Banner2012 .MDCBanbg {
background: url("../bg_BR_MDC2014.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;
}
.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;
margin-top: 10px;
}
#price {
padding: 25px 0px 100px 15px;
}
.v2014 .homeBanner .Banner2012 #price p.prodname {
font-size: 25px;
padding-bottom: 0;
color: #005387;
font-weight: bold;
}
.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: 160px;
margin-top: 10px;
font-weight: bold;
}
.mdcname {
float: left;
margin-left: 50px;
margin-top: 290px;
font-size: 22px;
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("../pcmag_med_b2b.png") no-repeat scroll 0 0 transparent;
display: block;
height: 109px;
left: 155px;
position: absolute;
top: 175px;
width: 108px;
}
/* just for testing porpose, Iryna Charkashyna */
ul#Banner2013 li {
list-style:none;
}
</style>
</head>
<body>
<div class="homeBannerCntr v2014">
<div id="homeBanner" class="homeBanner">
<div class="homeBanner" id="homeBanner">
<ul class="Banner2012" id="Banner2013">
<li rel="crossDeviceProtection">
<span class="mdcname"><span class="redtext">#1</span> Michel Teló</span>
<div class="MDCBanbg">
<div id="mdctext">
<h2>As celebridades mais perigosas de 2014</h2>
<p class="subhead">A McAfee torna as pesquisas sobre celebridades seguras novamente.</p>
<div id="price">
<p class="prodname">McAfee LiveSafe™</p>
<p class="reg">Preço: <span id="discount">R$Price</span></p>
<p class="reg">Agora por apenas:</p>
<div class="offer">R$Price</div><div class="mdcbutton">
<button value="Compre agora" title="Compre agora" onclick="s_objectID='homePage_pt-BR_0_430';javascript:location.href='../campaign.aspx?cid=157515';return false;">Compre agora</button>
</div>
</div>
</div>
</div>
</li>
<li class="carouselBg1" rel="crossDeviceProtection">
<div class="Com_bg">
<div title="McAfee AntiVirus Plus" alt="McAfee AntiVirus Plus" class="boxshot"> <span class="splat"></span> </div>
<div id="txtCont">
<span class="imp_2013"> </span>
<h2> McAfee Antivirus Plus </h2>
<b class="tagline"> Proteção essencial contra os vírus e malware mais recentes. </b>
<p>Aproveite <strong>38%</strong> de desconto. Oferta por tempo limitado.</p>
<i>R$79,00</i> <span>R$49,00 <b>Economize R$30,00</b></span>
<button onclick="s_objectID='homePage_pt-BR_0_276';javascript:location.href='../campaign.aspx?cid=139260'; return false;" title="Comprar agora" value="Comprar agora"> Comprar agora </button>
<br>
<span class="learnspan"> <a href="http://home.mcafee.com/store/antivirus-plus" class="learn"> Saiba mais </a> </span> <br>
</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 Total Protection </h2>
<b class="tagline">
Definitivo. A proteção mais eficaz contra vírus e ameaças on-line
e de rede.
</b>
<p>Aproveite <strong>20%</strong> de desconto. Oferta por tempo limitado.</p>
<i>R$149,00</i> <span>R$119,00 <b>Economize R$30,00</b></span>
<button onclick="s_objectID='homePage_pt-BR_0_275';javascript:location.href='../campaign.aspx?cid=139264'; return false;" title="Comprar agora" value="Comprar agora"> Comprar agora </button>
<br>
<span class="learnspan"> <a class="learn" href="http://home.mcafee.com/store/total-protection"> Saiba mais </a> </span> <br>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>