diff --git a/src/partials/general-container.html b/src/partials/general-container.html index bacf0a4f5767502a4daa490e7de6ade78f92c784..968aeb8e5b20e391c6153f254b0b8411f48590b7 100644 --- a/src/partials/general-container.html +++ b/src/partials/general-container.html @@ -1,50 +1,65 @@ <section class="container movies"> - <div class="movie"> - <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" - alt="${movie.name}"> - <h2 class="card-preview-info__name">name</h2> - <div class="card-preview-info"> - <p class="card-preview-info__data">Genre | years</p> - <span class="card-preview-info__rating">rating</span> - </div> + <div class="movie" data-id="${id}"> + <img + class="movie__cover" + src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" + alt="${movie.name}" + /> + <h2 class="card-preview-info__name">name</h2> + <div class="card-preview-info"> + <p class="card-preview-info__data">Genre | years</p> + <span class="card-preview-info__rating">rating</span> </div> - <div class="movie"> - <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" - alt="${movie.name}"> - <h2 class="card-preview-info__name">name</h2> - <div class="card-preview-info"> - <p class="card-preview-info__data">Genre | years</p> - <span class="card-preview-info__rating">rating</span> - </div> + </div> + <div class="movie" data-id="${id}"> + <img + class="movie__cover" + src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" + alt="${movie.name}" + /> + <h2 class="card-preview-info__name">name</h2> + <div class="card-preview-info"> + <p class="card-preview-info__data">Genre | years</p> + <span class="card-preview-info__rating">rating</span> </div> - <div class="movie"> - <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" - alt="${movie.name}"> - <h2 class="card-preview-info__name">name</h2> - <div class="card-preview-info"> - <p class="card-preview-info__data">Genre | years</p> - <span class="card-preview-info__rating">rating</span> - </div> + </div> + <div class="movie" data-id="${id}"> + <img + class="movie__cover" + src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" + alt="${movie.name}" + /> + <h2 class="card-preview-info__name">name</h2> + <div class="card-preview-info"> + <p class="card-preview-info__data">Genre | years</p> + <span class="card-preview-info__rating">rating</span> </div> - <div class="movie"> - <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" - alt="${movie.name}"> - <h2 class="card-preview-info__name">name</h2> - <div class="card-preview-info"> - <p class="card-preview-info__data">Genre | years</p> - <span class="card-preview-info__rating">rating</span> - </div> + </div> + <div class="movie" data-id="${id}"> + <img + class="movie__cover" + src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" + alt="${movie.name}" + /> + <h2 class="card-preview-info__name">name</h2> + <div class="card-preview-info"> + <p class="card-preview-info__data">Genre | years</p> + <span class="card-preview-info__rating">rating</span> </div> - <div class="movie"> - <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" - alt="${movie.name}"> - <h2 class="card-preview-info__name">name</h2> - <div class="card-preview-info"> - <p class="card-preview-info__data">Genre | years</p> - <span class="card-preview-info__rating">rating</span> - </div> + </div> + <div class="movie" data-id="${id}"> + <img + class="movie__cover" + src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" + alt="${movie.name}" + /> + <h2 class="card-preview-info__name">name</h2> + <div class="card-preview-info"> + <p class="card-preview-info__data">Genre | years</p> + <span class="card-preview-info__rating">rating</span> </div> - <!-- <div class="movie"> + </div> + <!-- <div class="movie"> <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg" alt="${movie.name}"> <h2 class="card-preview-info__name">name</h2> @@ -53,5 +68,4 @@ <span class="card-preview-info__rating">rating</span> </div> </div> --> - -</section> \ No newline at end of file +</section>