From cc03f330a7980fe6e04173a315fbf655e26bb4a0 Mon Sep 17 00:00:00 2001 From: maria-moroz <m0954008202@gmail.com> Date: Thu, 5 May 2022 15:28:00 +0300 Subject: [PATCH] Update general-container.html --- src/partials/general-container.html | 100 ++++++++++++++++------------ 1 file changed, 57 insertions(+), 43 deletions(-) diff --git a/src/partials/general-container.html b/src/partials/general-container.html index bacf0a4..968aeb8 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> -- GitLab