Static rating stars
<span class="star-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-full"></i>
<i class="fa fa-star-o"></i>
</span>
Animated rating stars
Now you have a fully function rating star widget. You can choose between the normal size or the larger size.
Normal size
<div class="rating">
<span class="star voted" rel="1"></span>
<span class="star voted" rel="2"></span>
<span class="star voted" rel="3"></span>
<span class="star voted" rel="4"></span>
<span class="star" rel="5"></span>
</div>
Large size
<div class="rating rating-large">
<span class="star voted" rel="1"></span>
<span class="star voted" rel="2"></span>
<span class="star voted" rel="3"></span>
<span class="star voted" rel="4"></span>
<span class="star" rel="5"></span>
</div>