<!-- needs API call to themoviedb from search box -->
<div ng-controller="LandingController" id="container">
  <div class="movie-container">
    <h2>Popular</h2>
      <ul ng-init="fetchPopular()" class="movie-list">
        <li ng-repeat="popular in populars | limitTo:10">
          <!-- <h2>{{ popular.original_title }}</h2> -->
          <div class="poster-container">
            <img src="http://image.tmdb.org/t/p/w185/{{popular.poster_path}}" alt="">
          </div>
        </li>
      </ul>
  </div>
  <div class="movie-container">
    <h2>Latest</h2>
      <ul ng-init="fetchLatest()" class="movie-list">
        <li ng-repeat="latest in latests | limitTo:10">
          <!-- <h2>{{ latest.original_title }}</h2> -->
          <div class="poster-container">
            <img src="http://image.tmdb.org/t/p/w185/{{latest.poster_path}}" alt="">
          </div>
        </li>
      </ul>
  </div>
  <div class="movie-container">
    <h2>Upcoming</h2>
      <ul ng-init="fetchUpcoming()" class="movie-list">
        <li ng-repeat="upcoming in upcomings | limitTo:10">
          <!-- <h2>{{ upcoming.original_title }}</h2> -->
          <div class="poster-container">
            <img src="http://image.tmdb.org/t/p/w185/{{upcoming.poster_path}}" alt="">
          </div>
        </li>
      </ul>
  </div>
</div>
Add popular, upcoming, latest to front page, display movie posters, repeats 10 max, add classes for styles
Add popular, upcoming, latest to front page, display movie posters, repeats 10 max, add classes for styles
