Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fixed bill split calculatr heading& knowmore #944

Merged
merged 1 commit into from
Aug 9, 2024
Merged

fixed bill split calculatr heading& knowmore #944

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 21 additions & 5 deletions tools/sip.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1104,12 +1104,25 @@ <h5>Result:</h5>
<!-- credeit card payoff calculator ends here -->

<!-- Bill split calculator -->
<div class="page-container shadow p-5 mb-5 bg-white rounded mt-5">
<div class="header" style="padding-top: 100px;">
<h3 class="text-center mb-4">Split Bill Calculator</h3>
<p class="cal-content">Calculate how much each person should pay when splitting a bill, including tips. Enter the bill subtotal, desired tip percentage, and the number of people to split the bill.</p>
<div class="know-more">
<button class="know-more-btn">Know More</button>
<div class="know-more-content">
<h6 style="text-align: left; margin: 2% 16%; padding-left: 5px;">Here's how it works:</h6>
<ol type="1" style="font-size: 1rem; text-align: left; margin-left: 17%; margin-bottom: 2rem;">
<li><b>Bill Subtotal</b>: Enter the total amount of the bill before the tip.</li>
<li><b>Tip Percentage</b>: Specify the percentage of the bill you would like to add as a tip.</li>
<li><b>Number of Persons</b>: Enter the number of people who will be splitting the bill.</li>
</ol>
</div>
</div>
</div>

<div class="page-container shadow p-5 mb-5 bg-white rounded mt-5">
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="header" style="padding-top: 100px;">
<h3 class="text-center mb-4">Split Bill Calculator</h3>
</div>
<form id="split-bill-calculator-form" style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<div class="form-group">
<label for="billSubtotal" class="income">Bill Subtotal:</label>
Expand All @@ -1136,7 +1149,10 @@ <h5>Result:</h5>
</div>
</div>
</div>
<script src="../tools/Billsplit.js"></script>

<script src="../tools/Billsplit.js"></script>



<!-- Bill split calculator end -->

Expand Down