Screen-shot Code Note: most of the links and images removed
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>McAfee | 2014 Most Dangerous Celebrities</title>
<script src="http://home.mcafee.com/Scripts/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<!-- Will load font files for browsers other than IE7,8 -->
<!--[if gte IE 9]><!-->
<link rel="stylesheet" type="text/css" href="http://www.intel.com/etc/designs/ver/5.0.40.5.14/intel/us/en/css/latin.monotype.fonts.css" media="screen" />
<!--<![endif]-->
<!-- Will load font file for browsers IE7,8 -->
<!--[if (gt IE 6)&(lt IE 9)]>
<link rel="stylesheet" type="text/css" href="http://www.intel.com/etc/designs/intel/us/en/css/latin.monotype.fonts.oldie.css" media="screen" />
<![endif]-->
<!-- Will load IE specific CSS for IE7 - IE9 -->
<!--[if (gt IE 6)&(lte IE 9)]>
<link rel="stylesheet" type="text/css" href="http://www.intel.com/etc/designs/intel/us/en/css/intel.main.ie.css" media="screen" />
<![endif]-->
<style>
body {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
}
.sprite {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(../sprite.png) 0 0 no-repeat;
display: inline-block;
*display: block;
*zoom: 1;
*margin-bottom: 5px;
color: #ffffff;
}
#wrapper {
width: 1200px;
margin: 0 auto;
background-color: #ffffff;
font-size: 2.0em;
font-weight: 100;
color: #53565a;
}
#header {
background: url("../main.png") 0 0 no-repeat;
height: 382px;
padding: 0;
}
h1 {
font-weight: 100;
font-size: 2.5em;
margin: 100px 0 0 400px;
padding: 0;
line-height: 50px;
font-family: "intel-clear", Arial, Tahoma, Helvetica, sans-serif;
}
h1 span {
color: #b71234;
}
h2 {
font-size: 1.25em;
line-height:100%;
margin-bottom:0;
font-weight:bold;
}
h2#prName {
margin-top:13px;
}
h2#prName a {
text-decoration:none;
}
h3 {
font-size: 1.0em;
line-height:100%;
margin-bottom:5px;
font-weight:bold;
}
#bigMcShield {
width: 62px;
height: 66px;
position:relative;
top: 60px;
left: 397px;
background-position: -20px -60px;
}
.red {
color: #b71234;
}
a {
outline: 0;
}
a, a:active, a:visited, #content-main #leftColumn sup {
color: #005387;
}
ul {
list-style: none;
}
strong {
font-weight:bold;
}
#content-main {
width: 1150px;
margin: 0 auto;
padding:0 25px;
}
#leftColumn {
float: left;
padding-left: 1.3em;
width: 49%;
}
#leftColumn p {
padding-right: 1em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#leftColumn ol {
padding:0 0 0 27px;
margin-top:0;
margin-bottom: 0;
}
#leftColumn li {
padding: 3px 0 4px;
}
#leftColumn li.red {
font-weight: bold;
}
#leftColumn li.last {
padding-bottom:0;
}
#rightColumn {
float: right;
width: 47%;
}
#rightColumn h2 {
color:#005387;
margin-top:23px;
line-height:110%;
}
#rightColumn h2 sup {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
#rightColumn p.red {
font-size:1.3em;
margin:0;
}
#rightColumn #btn {
position: relative;
top: 10px;
}
#rightColumn #bgGrey {
background:#e7e7e8;
padding-bottom:15px;
}
#rightColumn .left {
margin:0 0 0 1.3em;
}
#rightColumn .boxImg {
width:180px;
height:274px;
display:inline-block;
background-position: -116px 0px;
margin:-1.7em 0.6em 0 0;
}
#rightColumn .left .sale {
font-size: 0.83em;
margin-bottom:0;
margin-top: 10px;
}
#rightColumn .left .sale span {
text-decoration: line-through;
}
#protection {
padding:0;
margin: 0 0.9em;
}
#protection li {
font-size:0.85em;
padding: 1.7em 0 1.7em 4.6em;
}
#protection .guard {
background: url("../guard.png") 0 20px no-repeat;
}
#protection .family {
background: url("../family.png") 5px 20px no-repeat;
}
#protection .spam {
background: url("../spam.png") 0 20px no-repeat;
}
#satisf {
margin: 0 0.9em;
float: left;
}
#satisf p {
padding: 15px 0 10px 95px;
background: url("../satisf.png") 0 10px no-repeat;
font-family: Verdana, sans-serif;
font-weight:bold;
font-size:0.5em;
}
#satisf span {
display: block;
}
#download {
float:left;
width:100%;
font-size:0.85em;
}
#download a {
color:#58595b;
}
#footer {
background-color: #444444;
color:#FFFFFF;
clear:both;
}
.left {
float: left;
margin-top: 15px;
}
.right {
float: right;
}
#footer #links {
width:100%;
text-align:center;
}
#footer #links ul {
padding:5px 0 25px;
margin:10px 90px 0;
border-top: 1px solid #FFFFFF;
}
#footer #links ul li {
padding-right: 20px;
padding-left: 30px;
}
#footer ul li {
display:inline-block;
font-size:0.55em;
}
#social #text {
font-size:1em;
margin-right:10px;
margin-top:3px;
}
#social li {
float: left;
margin-right: 5px;
}
#social li a {
display: block;
width: 25px;
height: 25px;
}
#social li.facebook {
background: url("../sprite.png") -122px -280px no-repeat;
}
#social li.twitter {
background: url("../sprite.png") -150px -280px no-repeat;
}
#social li.googlePlus {
background: url("../sprite.png") -208px -280px no-repeat;
}
#social li.pinterest {
background: url("../sprite.png") -238px -280px no-repeat;
}
#social li.youtube {
background: url("../sprite.png") -180px -280px no-repeat;
}
#footer ul li#copyRight {
padding-right:0;
}
#footer a {
text-decoration:none;
color:#FFFFFF;
}
#footer #icons {
margin:0 25px 0 120px;
}
.logo {
font-size: 0.85em;
font-family: "intel-clear", Arial, Tahoma, Helvetica, sans-serif;
}
#smMcShield {
width: 38px;
height: 42px;
position: relative;
top: 15px;
left: 0;
margin-right: 15px;
background-position: -34px -167px;
}
#social {
font-size:0.7em;
float:left;
margin-top:15px;
margin-right:40px;
}
#mcafeeSecure {
float: right;
margin-top:30px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* IE7 fixes */
.ie7 .clearfix {
display: block;
}
.ie7 h1 {
line-height: normal;
}
.ie7 #footer ul li {
display: inline;
}
.ie7 #satisf p {
padding-bottom:20px;
}
</style>
</head>
<!--[if IE 7]>
<body class="ie7">
<![endif]-->
<!--[if !IE]> -->
<body>
<!-- <![endif]-->
<div id="wrapper">
<div id="header">
<span class="sprite" id="bigMcShield"></span>
<h1>2014<br /> <span>Most Dangerous </span>Celebrities<sup>™</sup></h1>
</div>
<div id="content-main">
<div id="leftColumn">
<h2>McAfee Makes Celebrities Safe Again.</h2>
<p>Cybercriminals use celebrity popularity in search results to lure you to sites that can harm your computer or mobile device.</p>
<p>Take advantage of this limited time offer and .shield your PC from online threats with<br /> <a target="_blank" title="McAfee Total Protection" href="../offer.aspx?id=750806">McAfee Total Protection!</a></p>
<h3>This year’s top 10 list:</h3>
<ol>
<li class="red">Jessica Mauboy</li>
<li>Delta Goodrem</li>
<li>Keith Urban</li>
<li>Kylie Minogue</li>
<li>Russell Crowe</li>
<li>Mel Gibson</li>
<li>Guy Pearce</li>
<li>Jesse Spencer</li>
<li>Eric Bana</li>
<li class="last">Rebel Wilson</li>
</ol>
</div>
<!-- end leftColumn -->
<div id="rightColumn">
<div class="" id="bgGrey">
<div class="clearfix">
<div class="left">
<h2 id="prName"><a target="_blank" title="McAfee Total Protection" href="../offer.aspx?id=750806">McAfee<br /> Total Protection<sup>™</sup></a></h2>
<p class="sale">Regularly <span>A$oldPrice</span><br />Now only:</p>
<p class="red">
<strong>A$Price</strong>
<span id="btn">
<a target="_blank" title="Buy Now" href="../offer.aspx?id=750806">
<img border="0" src="../buyBtn.png">
</a>
</span>
</p>
</div>
<div class="sprite boxImg right"></div>
</div>
<ul id="protection">
<li class="bullets guard">Award-winning antivirus protection</li>
<li class="bullets family">Parental controls and web safety tools</li>
<li class="bullets spam">Anti-spam</li>
</ul>
</div>
<div id="satisf">
<p>
<span class="red">Buy with Confidence</span>
<span>30-Day Money Back Guarantee</span>
<span>24/7/ Free Technical Support</span>
</p>
</div>
</div>
<!-- end rightColumn -->
<div id="download">
<p>To download this year’s top 10 infographic, click <a target="_blank" title="Click here" href="../campaign.aspx?cid=157542">here.</a></p>
</div>
</div>
<!-- end main -->
<div id="footer">
<div id="icons" class="clearfix">
<div class="left logo">
<span class="sprite" id="smMcShield"></span>
<span>McAfee®</span>
</div>
<div class="right">
<div id="social">
<ul>
<li id="text">Get Social.</li>
<li class="sprite facebook">
<a target="_blank" title="Facebook" href="https://www.facebook.com/McAfeeAPAC">Facebook</a>
</li>
<li class="sprite twitter">
<a target="_blank" title="Twitter" href="https://twitter.com/McAfee_APAC">Twitter</a>
</li>
<li class="sprite youtube">
<a target="_blank" title="Youtube" href="http://www.youtube.com/mcafee4consumers">Youtube</a>
</li>
<li class="sprite googlePlus">
<a target="_blank" title="Google Plus" href="https://plus.google.com/+mcafee">Google Plus</a>
</li>
<li class="sprite pinterest">
<a target="_blank" title="Pinterest" href="http://pinterest.com/mcafee/">Pinterest</a>
</li>
</ul>
</div>
<div id="mcafeeSecure">
<a target="_blank" href="../RatingVerify?ref=home.mcafee.com&lang=EN" class="m_secure" title="HACKER SAFE certified sites prevent over 99.9% of hacker crime." id=""><img style="border-width:0px;" src="https://images.scanalert.com/meter/home.mcafee.com/31.gif?lang=EN" oncontextmenu="javascript:alert("Copying Prohibited by Law - McAfee SECURE is a Trademark of McAfee");return false;" title="McAfee Secure sites help keep you safe from identity theft, credit card fraud, spyware, spam, viruses and online scams." id=""></a>
</div>
</div>
</div>
<div id="links">
<ul>
<li><a target="_blank" href="../AboutUs.aspx" title="About McAfee">About McAfee</a></li>
<li><a target="_blank" href="../AboutUs.aspx?id=contactUs" title="Contact Us">Contact Us</a></li>
<li><a target="_blank" href="../Support.aspx" title="Support">Support</a></li>
<li><a target="_blank" href="../english-au/" title="Updated Privacy Notice">Updated Privacy Notice</a></li>
<li><a target="_blank" href="../PoliciesAndAgreement.aspx" title="Legal">Legal</a></li>
<li id="copyRight">© 2014 McAfee, Inc.</li>
</ul>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html>