<script src="https://apis.google.com/js/platform.js">{lang: 'vi'}</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="banner-top clearfix">
<div class="center-982">
<div class="banner-top-container clearfix">
<a href="https://www.bkns.vn/landing/bung-no-khuyen-mai-danh-cho-vps.html"><img src="https://media.bkns.vn/landing/images/banner-topt4.jpg" alt="Bùng nổ khuyến mại dành cho Cloud VPS"/></a>
<a title="Đóng lại" class="close-banner"><img src="https://media.bkns.vn/assets/images/close.png" alt="Close"/></a>
</div>
</div>
</div>
<style type="text/css">
/* banner-top */
.banner-top {
width: 100%;
background: #BC1F34;
}
.banner-top-container {
width: 100%;
position: relative;
}
.banner-top-container div.km {
width: 70%;
overflow: hidden;
position: relative;
margin: 0 auto;
padding: 8px 0;
}
.banner-top-container div.km p {
margin: 0;
padding: 0;
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-family: 'RobotoBold';
}
.banner-top-container div.km p span {
color: #fff;
}
.banner-top-container div.km p strong {
font-size: 18px;
color: #F4E100;
}
.banner-top-container div.km p.first {
font-size: 16px;
color: rgb(255, 225, 0);
}
.banner-top-container div.km a.view-more {
display: inline-block;
right: 30px;
top: 15px;
color: #fff;
font-size: 14px;
border-radius: 3px;
position: absolute;
padding: 6px 15px 6px 15px;
background: rgba(243,156,18,0.9);
font-family: 'RobotoCondensed';
font-weight: 400;
}
.banner-top-container div.km a.view-more:hover {
background: #fff;
color: rgb(243,156,18);
}
.banner-top-container div.km img {
max-width: 100%;
}
.banner-top-container img {
max-width: 100%;
}
.close-banner {
position: absolute;
top: 15px;
right: 0;
cursor: pointer;
}
</style>
<script type="text/javascript">
jQuery(document).on("click", ".close-banner" , function(event){
event.preventDefault();
jQuery('.banner-top').fadeOut(function() {
jQuery(this).remove();
});
});
</script>
ConversionConversion EmoticonEmoticon