Kerojogos lab

by edgardleal

HTML

<div class="feed_frame">
    <div class="feed_game_item">
        <div class="feed_image_game">
            <img src="http://www.kerojogos.com.br/image/50/50/isoball2.jpg" alt="" />
       </div>
        <div class="game_feed_display">
            <div class="feed-game-text">
                 Isoball 
            </div>
            <div class="game_feed_starts">
                <span class="star"></span>
                <span class="star"></span>
                <span class="star"></span>                
            </div></div>
    </div>    
</div>
<div class="google-icons star-rating"></div>

CSS

.google-icons{
    background-repeat: no-repeat;
  background-image : URL('https://www.google.com.br/images/nav_logo193_hr.png');
}

.game-rating-five-stars{
   background-image : URL('http://4.bp.blogspot.com/-4jFLV-aKjS8/UAxlPXFWpVI/AAAAAAAABo8/tPpB5g9GVNQ/s1600/5-Star_rating.png');
}

.star-rating{
  height : 25px;
  /*background-position : -200px -550px;*/
  /* background-size : 334px 746px; */
  background-position : -100px -250px;
  background-size : 165px 375px;
}
.feed_frame {
  border : solid 1px;
    width : 200px;
    height : 400px;
    float : right;
}
.game_feed_starts{
  padding-top : 4px; 
    float : left;
}
.game_feed_display{
  text-align :center;
    padding-top : 5px;
}
.star{
  display : block;
    width : 10px;
    float : right;
    height : 10px;
  background-image : URL('http://www.kerojogos.com.br/image/10/10/star.png')
}
.feed_image_game{
  width : 50px;
    float : left;
}
.feed_game_item{
    height : 50;
    margin : 3px;   
}
.feed-game-text{
  text-align : center;
}
.game_feed_display {
   float : left ;
    padding-left : 5px;
}

JavaScript

var data = [
    {
        title : 'Mario',
        description : 'Isoball'
    } 

];