generated from goitacademy/vanilla-app-template
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
+ pop up cards markups added
- Loading branch information
Showing
5 changed files
with
126 additions
and
171 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <div class="backdrop"> | ||
| <form class="pop-up-rating"> | ||
| <button class="pop-up-close-btn" type="button"> | ||
| <svg class="pop-up-close-btn-icon"> | ||
| <use href="../img/icons.svg#icon-close" width="12" height="12"></use> | ||
| </svg> | ||
| </button> | ||
| <p class="pop-up-title-rating">Rating</p> | ||
| <span class="pop-up-rating-value">0.0</span> | ||
| <label class="pop-up-field"> | ||
| <input class="pop-up-input-email" type="email" placeholder="Email" /> | ||
| </label> | ||
| <label class="pop-up-field"> | ||
| <textarea | ||
| class="pop-up-message" | ||
| name="User comment" | ||
| rows="4" | ||
| placeholder="Your comment" | ||
| ></textarea> | ||
| </label> | ||
| <button class="pop-up-send-btn" type="submit">Send</button> | ||
| </form> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,91 @@ | ||
| <div class="backdrop-ex is-open"> | ||
| <div class="modal-ex"> | ||
| <svg class="close-btn-icon" width="24" height="24" aria-label="close icon"> | ||
| <use href="../img/icons.svg#icon-close"></use> | ||
| </svg> | ||
| <div class="exercises-img"> | ||
| <img | ||
| src="https://ftp.goit.study/img/power-pulse/gifs/0003.gif" | ||
| class="img-ex" | ||
| width="295" | ||
| height="258" | ||
| /> | ||
| </div> | ||
|
|
||
| <div class="content-ex-container"> | ||
| <h2 class="exercise-name">Air bake</h2> | ||
| <ul class="stars-list"> | ||
| <p class="current-rating">4.0</p> | ||
| <li> | ||
| <svg class="rate-icon" width="18" height="18" aria-label="ratting"> | ||
| <use href="../img/icons.svg#icon-star"></use> | ||
| </svg> | ||
| </li> | ||
| <li> | ||
| <svg class="rate-icon" width="18" height="18" aria-label="ratting"> | ||
| <use href="../img/icons.svg#icon-star"></use> | ||
| </svg> | ||
| </li> | ||
| <li> | ||
| <svg class="rate-icon" width="18" height="18" aria-label="ratting"> | ||
| <use href="../img/icons.svg#icon-star"></use> | ||
| </svg> | ||
| </li> | ||
| <li> | ||
| <svg class="rate-icon" width="18" height="18" aria-label="ratting"> | ||
| <use href="../img/icons.svg#icon-star"></use> | ||
| </svg> | ||
| </li> | ||
| <li> | ||
| <svg class="rate-icon" width="18" height="18" aria-label="ratting"> | ||
| <use href="../img/icons.svg#icon-star"></use> | ||
| </svg> | ||
| </li> | ||
| </ul> | ||
|
|
||
| <hr class="decorate-elem" /> | ||
|
|
||
| <div class="ex-info"> | ||
| <div class="field"> | ||
| <span class="value">Target</span> | ||
| <span class="label">Abs</span> | ||
| </div> | ||
| <div class="field"> | ||
| <span class="value">Body Part</span> | ||
| <span class="label">Waist</span> | ||
| </div> | ||
| <div class="field"> | ||
| <span class="value">Equipment</span> | ||
| <span class="label">Body weight</span> | ||
| </div> | ||
| <div class="field"> | ||
| <span class="value">Popular</span> | ||
| <span class="label">150</span> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="calorie-info"> | ||
| <span class="value">Burned Calories</span> | ||
| <span class="label">323/3 min</span> | ||
| </div> | ||
|
|
||
| <hr class="decorate-elem" /> | ||
|
|
||
| <p class="desc-exercise"> | ||
| This refers to your core muscles, which include the rectus abdominis, | ||
| obliques, and transverse abdominis. They're essential for maintaining | ||
| posture, stability, and generating force in many movements. Exercises | ||
| that target the abs include crunches, leg raises, and planks. | ||
| </p> | ||
|
|
||
| <div class="btns-container"> | ||
| <button class="add-fav"> | ||
| Add to favorites<svg class="heart-icon" width="18" height="18"> | ||
| <use href="../img/icons.svg#icon-heart"></use> | ||
| </svg> | ||
| </button> | ||
| <button class="rating-btn">Give a rating</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |
This file was deleted.
Oops, something went wrong.