No Description Available
1
Calculate your Basal Metabolic Rate (BMR) with this calculator tool. Your BMR is the amount of energy you expend each day when at rest. This calculator also works out your daily calorie requirements.
This is multipurpose why choose us column which can be used in many types of templates.
Grid view of services is a very popular way to represent services.
This is a professional multipurpose Grid view service section Which can be used on various types of themes.
Bootstrap datetimepicker is used for getting time input field as well as date input field with in good style.There are basic setup:To initiate Bootstrap Datetimepicker, use following code
You can use this section to reveal the working process of your company.
$(document).ready(()=>{ $('#calculate').click((e)=>{ e.preventDefault(); let gender = $('#gender').val(); let age = $('#age').val(); let weight = $('#weight').val(); let height = $('#height').val(); if(age != '' && weight != '' && height != ''){ let BMR = 0; if(gender == 'female'){ BMR = 10*weight + 6.25*height - 5*age -161; }else{ BMR = 10*weight + 6.25*height - 5*age + 5; } $('.adp-alert').slideUp(); $('.bmr-result').slideDown(); $('#result').text(BMR); }else{ $('.adp-alert').slideDown(); } }) })
<div class="container"> <div class="bmr-box"> <h1>Calculate BMR</h1> <form> <div class="form-group"> <label>Gender</label> <select class="form-control" id="gender"> <option value="male">Male</option> <option value="female">female</option> </select> </div> <div class="form-group"> <label>Age</label> <div class="input-group"> <input type="text" id="age" class="adp-input form-control"> <span class="input-group-addon">Years</span> </div> </div> <div class="form-group"> <label>Height</label> <div class="input-group"> <input type="text" id="height" class="adp-input form-control"> <span class="input-group-addon">cm</span> </div> </div> <div class="form-group"> <label>Weight</label> <div class="input-group"> <input type="text" id="weight" class="adp-input form-control"> <span class="input-group-addon">kg</span> </div> </div> <div class="form-group"> <button class="btn btn-success btn-block" id="calculate">Calculate</button> </div> </form> <div class="alert alert-danger adp-alert" style="display:none"> <p>All Feilds Are Required !</p> </div> <div class="bmr-result"> <label>Result</label> <h4>Your BMR <span class="text-success" id="result"></span><i> Calories/day </i></h4> </div> </div> </div>