Skip to content

Commit

Permalink
Added Fil and Pentalope avatars
Browse files Browse the repository at this point in the history
  • Loading branch information
@monzanifabio
monzanifabio committed Dec 14, 2024
1 parent f47aab4 commit 68b1917
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 6 deletions.
Binary file added img/avatar-5.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 10 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -218,15 +218,19 @@ <h2 class="display-5 fw-medium text-center mb-5">Pricing</h2>
<h5 class="card-title m-0">Single</h5>
<div class="d-flex flex-row gap-2">
<div id="reaction-1" class="pill-reaction d-flex flex-row align-items-center">
<h5 class="card-title m-0">🔥</h5>
<div style="display: inline-flex; flex-direction: row-reverse">
<img class="rounded-circle" src="img/avatar-1.png" alt="" width="20" height="20" style="position: relative; margin-left: -10px" />
<img class="rounded-circle" src="img/avatar-4.png" alt="" width="20" height="20" />
<h5 class="card-title mb-0 me-2">🔥</h5>
<div style="display: inline-flex">
<img class="rounded-circle" src="img/avatar-1.png" alt="" width="20" height="20" style="position: relative; margin-left: -10px; z-index: 3" />
<img class="rounded-circle" src="img/avatar-4.png" alt="" width="20" height="20" style="position: relative; margin-left: -10px; z-index: 2" />
<img class="rounded-circle" src="img/avatar-5.png" alt="" width="20" height="20" style="position: relative; margin-left: -10px; z-index: 1" />
</div>
</div>
<div id="reaction-2" class="pill-reaction d-flex flex-row align-items-center">
<h5 class="card-title m-0">❤️</h5>
<img class="rounded-circle" src="img/avatar-2.png" alt="" width="20" height="20" />
<h5 class="card-title mb-0 me-2">❤️</h5>
<div style="display: inline-flex">
<img class="rounded-circle" src="img/avatar-2.png" alt="" width="20" height="20" style="position: relative; margin-left: -10px; z-index: 2" />
<img class="rounded-circle" src="img/avatar-3.png" alt="" width="20" height="20" style="position: relative; margin-left: -10px; z-index: 3" />
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit 68b1917

Please sign in to comment.