Skip to content

Commit

Permalink
fixed css of heart and comment icon on home page
Browse files Browse the repository at this point in the history
  • Loading branch information
@shivam8112005
shivam8112005 committed Nov 1, 2024
1 parent cf01b47 commit b8f050a
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 28 deletions.
56 changes: 28 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -648,9 +648,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 01,2020 &nbsp;</span>
<a href="comment1.html"> <span><i class="bi bi-chat-fill"></i> 13</span></a>
<a href="comment1.html"> <span class="comment-icon" ><i class="bi bi-chat-fill"></i> 13</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -684,9 +684,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Mon 13,2023 &nbsp;</span>
<a href="comment2.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment2.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -722,9 +722,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 09,2023 &nbsp;</span>
<a href="comment3.html"> <span><i class="bi bi-chat-fill"></i> 19</span></a>
<a href="comment3.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 19</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -759,9 +759,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Tue 07,2019 &nbsp;</span>
<a href="comment4.html"> <span><i class="bi bi-chat-fill"></i> 06</span></a>
<a href="comment4.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 06</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -796,9 +796,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Tue 02,2021 &nbsp;</span>
<a href="comment5.html"> <span><i class="bi bi-chat-fill"></i> 10</span></a>
<a href="comment5.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 10</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -835,9 +835,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment6.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment6.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -872,9 +872,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment7.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment7.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -909,9 +909,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment8.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment8.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -946,9 +946,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment9.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment9.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -983,9 +983,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment10.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment10.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -1020,9 +1020,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment11.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment11.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -1057,9 +1057,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment12.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment12.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -1092,9 +1092,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment13.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment13.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down Expand Up @@ -1129,9 +1129,9 @@ <h2>Forgot Password</h2>
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<a href="comment14.html"> <span><i class="bi bi-chat-fill"></i> 12</span></a>
<a href="comment14.html"> <span class="comment-icon"><i class="bi bi-chat-fill"></i> 12</span></a>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" style="position: absolute; bottom: -20px;">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" width="48" height="48">
<path
Expand Down
4 changes: 4 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3829,4 +3829,8 @@ h1 + p, p + p {
font-size: 36px;
font-weight: 700;
text-shadow: rgba(0, 0, 0, 0.5) 0 10px 10px;
}
.comment-icon{
font-size: 14px;
color: var(--text-color);
}

0 comments on commit b8f050a

Please sign in to comment.