Skip to content

Commit

Permalink
Update selfcare.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Siwanikaushik
Siwanikaushik authored Aug 3, 2024
1 parent 5ea2d4b commit 7feab2c
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions selfcare.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ <h5 class="card-title">Regular Exercise</h5>
</div>
</div>
<div class="col-md-4">
<img src="IMAGES/exercise.jpg" class="img-fluid" alt="..." height="100px" width="148px" style="border-top-right-radius: 100px;border-bottom-right-radius: 100px;position: absolute;right: 0%;">
<img src="exercise.jpg" class="img-fluid" alt="..." height="100px" width="148px" style="border-top-right-radius: 100px;border-bottom-right-radius: 100px;position: absolute;right: 0%;">
</div>
</div>
<br/>
Expand All @@ -109,7 +109,7 @@ <h5 class="card-title">Regular Exercise</h5>
<div class="card mb-3" style="max-width: 1200px;border-top-left-radius: 100px;max-height: 150px;background-color: #f1bebe;border-bottom-left-radius: 100px; margin-left: 300px;">
<div class="row g-0">
<div class="col-md-4">
<img src="IMAGES/sleep.png" class="img-fluid" alt="..."height="100px" width="170px" style="border-top-left-radius: 100px;border-bottom-left-radius: 100px;">
<img src="sleep.png" class="img-fluid" alt="..."height="100px" width="170px" style="border-top-left-radius: 100px;border-bottom-left-radius: 100px;">
</div>
<div class="col-md-8">
<div class="card-body">
Expand All @@ -132,15 +132,15 @@ <h5 class="card-title">Healthy Eating Habits</h5>
</div>
</div>
<div class="col-md-4">
<img src="IMAGES/eat.jpg" class="img-fluid " alt="..."height="100px" width="148px" style="border-top-right-radius: 100px;border-bottom-right-radius: 100px;position: absolute;right: 0%;">
<img src="eat.jpg" class="img-fluid " alt="..."height="100px" width="148px" style="border-top-right-radius: 100px;border-bottom-right-radius: 100px;position: absolute;right: 0%;">
</div>
</div>
</div>
<!--4th card-->
<div class="card mb-3" style="max-width: 1200px;border-top-left-radius: 100px;max-height: 150px;background-color: #5c7890;border-bottom-left-radius: 100px; margin-left: 300px;">
<div class="row g-0">
<div class="col-md-4">
<img src="IMAGES/mindful.jpg" class="img-fluid" alt="..."height="100px" width="148px" style="border-top-left-radius: 100px;border-bottom-left-radius: 100px;">
<img src="mindful.jpg" class="img-fluid" alt="..."height="100px" width="148px" style="border-top-left-radius: 100px;border-bottom-left-radius: 100px;">
</div>
<div class="col-md-8">
<div class="card-body">
Expand All @@ -163,15 +163,15 @@ <h5 class="card-title">Set Boundaries</h5>
</div>
</div>
<div class="col-md-4">
<img src="IMAGES/bound.jpg" class="img-fluid " alt="..."height="100px" width="148px" style="border-top-right-radius: 100px;border-bottom-right-radius: 100px;position: absolute;right: 0%;">
<img src="bound.jpg" class="img-fluid " alt="..."height="100px" width="148px" style="border-top-right-radius: 100px;border-bottom-right-radius: 100px;position: absolute;right: 0%;">
</div>
</div>
</div>
<!--6th card-->
<div class="card mb-3" style="max-width: 1200px;border-top-left-radius: 100px;max-height: 150px;background-color: #f1bebe;border-bottom-left-radius: 100px; margin-left: 300px;">
<div class="row g-0">
<div class="col-md-4">
<img src="IMAGES/hobby.jpg" class="img-fluid " height="100px" width="148px" style="border-bottom-left-radius: 100px;border-top-left-radius: 100px;">
<img src="hobby.jpg" class="img-fluid " height="100px" width="148px" style="border-bottom-left-radius: 100px;border-top-left-radius: 100px;">
</div>
<div class="col-md-8">
<div class="card-body">
Expand All @@ -194,15 +194,15 @@ <h5 class="card-title">Meditation</h5>
</div>
</div>
<div class="col-md-4">
<img src="IMAGES/meditate.jpg" class="img-fluid" alt="..."height="100px" width="148px" style="border-top-right-radius: 100px;border-bottom-right-radius: 100px;position: absolute;right: 0%;">
<img src="meditate.jpg" class="img-fluid" alt="..."height="100px" width="148px" style="border-top-right-radius: 100px;border-bottom-right-radius: 100px;position: absolute;right: 0%;">
</div>
</div>
</div>
<!--8 th card-->
<div class="card mb-3" style="max-width: 1200px;border-top-left-radius: 100px;max-height: 150px;background-color: #5c7890;border-bottom-left-radius: 100px; margin-left: 300px;">
<div class="row g-0">
<div class="col-md-4">
<img src="IMAGES/social.jpg" class="img-fluid" alt="..."height="100px" width="148px" style="border-top-left-radius: 100px;border-bottom-left-radius: 100px;">
<img src="social.jpg" class="img-fluid" alt="..."height="100px" width="148px" style="border-top-left-radius: 100px;border-bottom-left-radius: 100px;">
</div>
<div class="col-md-8">
<div class="card-body">
Expand Down

0 comments on commit 7feab2c

Please sign in to comment.