CodePen

HTML

            
              
            
          
!
via HTML Inspector

CSS

            
              .movie {
  padding: 1rem;
  margin: 1rem;
  background: white;
  border-radius: 10px;
  border-bottom: 1px solid #999;
}

html {
  background: #eee;
  font-family: Sans-Serif;
  line-height: 1.4;
}
h2 {
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0 0 0.5rem 0;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              var compiled = _.template(
  "<div class='movie'>" + 
    "<h2><%= movie_title %></h2>" + 
    "<p><%= movie_desc %></p>" + 
  "</div>"
);

var i, toAppendString = "";

for (i = 0; i < data.movies.length; i++) {
  toAppendString += compiled(data.movies[i]);
}  

$("body").append(toAppendString);
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................