<div class='featureticker-wrap'>
<div id='featuresticker'>
<div id='ticker'>
<ul class='ticker-list'>
<li>
<div class='ticker-head1'>
<h3><strong>Do You Love RedHood?</strong> Don't Hezitate to Buy it</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id eleifend neque, id aliquet metus.</p></div>
<div class='ticker-head2'>
<div class='buttons buy'><a href='#'>Buy now</a>
</div>
</div>
</li>
<div style='clear:both;'/>
<li>
<div class='ticker-head1'>
<h3><strong>The Odyssey Of Awesomeness</strong> is Here with a Bang</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id eleifend neque, id aliquet metus.</p></div>
<div class='ticker-head2'>
<div class='buttons buy'><a href='#'>Buy now</a>
</div>
</div>
</li>
<div style='clear:both;'/>
<li>
<div class='ticker-head1'>
<h3><strong>Just Bring The RedHood?</strong> and enjoy the beauty</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id eleifend neque, id aliquet metus.</p></div>
<div class='ticker-head2'>
<div class='buttons buy'><a href='#'>Buy now</a>
</div>
</div>
</li>
<div style='clear:both;'/>
<li>
<div class='ticker-head1'>
<h3><strong>A Thing that is Real</strong> Rich RedHood Theme</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id eleifend neque, id aliquet metus.</p></div>
<div class='ticker-head2'>
<div class='buttons buy'><a href='#'>Get it Now</a>
</div>
</div>
</li>
<div style='clear:both;'/>
<li>
<div class='ticker-head1'>
<h3><strong>Want it for FREE?</strong> Send us a Fan Art :)</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id eleifend neque, id aliquet metus.</p></div>
<div class='ticker-head2'>
<div class='buttons buy'><a href='#'>Get it Now</a>
</div>
</div>
</li>
<div style='clear:both;'/>
</ul>
</div>
</div></div>
<!-- Ticker [end] -->
/* Ticker */
.featureticker-wrap {
background: #1d2936;
width: 100%;
float: left;
height: 122px;
padding-bottom: 10px;
}
#featuresticker {
width: 960px;
margin: auto;
}
.ticker-list li {
display: block;
}
ul.ticker-list {
padding: 0px;
}
.ticker-list li {
display: block;
color: #fff;
}
#ticker h3 {
font-size: 25px;
margin: 0px;
}
#ticker p {
margin-top: 5px;
}
#ticker h3 {
font-size: 25px;
margin: 0px;
font-weight: 300;
}
.ticker-list li {
display: block;
margin-top: 41.5px;
margin-bottom: 41.5px;
color: #fff;
padding-left: 40px;
border-left: 5px solid #f84348;
height: 49px;
}
#featuresticker {
width: 960px;
margin: auto;
height: 122px;
overflow: hidden;
}
.buttons.buy a {
color: #fff;
text-decoration: none;
font-size: 15px;
}
.buttons.buy {
float: right;
margin-top: 10px;
background: #f84348;
text-transform: uppercase;
font-weight: bold;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
}
.ticker-head1 {
float: left;
width: 700px;
}
<script>
//<![CDATA[
jQuery(document)['ready'](function (_0x71a8x1) {
var _0x71a8x4 = function () {
setTimeout(function () {
_0x71a8x1('ul.ticker-list li:first')['animate']({
marginTop: '-30px'
}, 800, function () {
_0x71a8x1(this)['detach']()['appendTo']('ul.ticker-list')['removeAttr']('style');
});
_0x71a8x4();
}, 5000);
};
_0x71a8x4();
});
$(function() {
$('#slides').slidesjs({
width: 940,
height: 350,
navigation: false
});
});
//]]>
</script>