Skip to content

Commit

Permalink
Tools buttons
Browse files Browse the repository at this point in the history 
Made sure that all the "Calculate" buttons have the same styles
  • Loading branch information
@Jasleen1210
Jasleen1210 committed Aug 2, 2024
1 parent 252cd88 commit f956e8c
Showing 1 changed file with 20 additions and 6 deletions.
26 changes: 20 additions & 6 deletions tools/sip.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -587,7 587,9 @@ <h3>Return on Investment(ROI) Calculator</h3>
</label>
<input class="form-control" type="number" id="return" name="return" required>
</div>
<button id="submitBtn1" type="submit" class="btn btn-calculate" style="width: 10rem; background-color: #28a745; color: #fff;">Calculate</button>
<div class="btn-calculate">
<button id="submitBtn1" type="submit" class="btn btn-calculate">Calculate</button>
</div>
</form>
<div class="calculation" style="margin-top: 20px; display: flex; gap: 20px;">
<b>Result:</b>
Expand Down Expand Up @@ -626,7 628,11 @@ <h3>Goods and Service Tax (GST) Calculator</h3>
<label for="tax-slab" class="tax-slab">Tax Slab (%):</label>
<input type="number" id="tax-slab" class="form-control" required>
</div>
<button id="submitBtn2" type="submit" class="btn btn-calculate" style="width: 10rem; background-color: #28a745; color: #fff;">Calculate</button>
<div class="btn-calculate">

<button id="submitBtn2" type="submit" class="btn btn-calculate">Calculate</button>

</div>
</form>
<div id="result" class="mt-3">
<h5>Result:</h5>
Expand Down Expand Up @@ -655,8 661,10 @@ <h3>Income Tax Calculator</h3>
<label for="tax-rate" class="tax-rate">Tax Rate (%):</label>
<input type="number" id="tax-rate" class="form-control" required>
</div>
<button id="submitBtn3" type="submit" class="btn btn-calculate" style="width: 10rem; background-color: #28a745; color: #fff;">Calculate</button>
</form>
<div class="btn-calculate">
<button id="submitBtn3" type="submit" class="btn btn-calculate">Calculate</button>
</div>
</form>
<div id="result" class="mt-3">
<h5>Result:</h5>
<p id="income-tax"></p>
Expand Down Expand Up @@ -686,7 694,10 @@ <h3>Profit Margin Calculator</h3>
<label for="selling-price" class="selling-price">Selling Price:</label>
<input type="number" id="selling-price" class="form-control" required>
</div>
<button id="submitBtn" type="submit" class="btn btn-calculate" style="width: 10rem; background-color: #007bff; color: #fff;">Calculate</button>
<div class="btn-calculate">

<button id="submitBtn" type="submit" class="btn btn-calculate">Calculate</button>
</div>
</form>
<div id="result" class="mt-3">
<h5>Result:</h5>
Expand Down Expand Up @@ -717,7 728,10 @@ <h3 class="text-center mb-4">Expenditure and Savings Calculator</h3>
<label for="monthly-expenditure" class="income">Monthly Expenditure:</label>
<input type="number" id="monthly-expenditure" class="form-control" placeholder="Enter your expenditure" required>
</div>
<button id="calculateBtn" type="button" class="btn btn-calculate" style="width: 10rem; background-color: #28a745; color: #fff;">Calculate</button>
<div class="btn-calculate">

<button id="calculateBtn" type="button" class="btn btn-calculate" >Calculate</button>
</div>
</form>
<div id="result-savings" class="mt-3">
<h5>Result:</h5>
Expand Down

0 comments on commit f956e8c

Please sign in to comment.