Welcome
Welcome to my Website!
If you're motivated to get healthier and stronger, you've come to the right place.
As an ISSA-certified fitness professional, I can help you set realistic goals and transform your health and your life for the better. I can help you look and feel your best. And I can help you enjoy yourself along the way.
To get in touch with me, just click on "Contact Me" and send me a message or you can give me a call at (469) 544-1565.
Thanks for visiting, and have a great day.
Calculate your BMI and baseline calories below
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BMI & Calorie Calculator</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f7f7f7;
}
.calculator-container {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 20px;
max-width: 400px;
width: 100%;
}
.calculator-container h1 {
font-size: 1.5em;
margin-bottom: 20px;
text-align: center;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
}
.form-group input {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
}
.form-group select {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
width: 100%;
padding: 10px;
background-color: #007BFF;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
.results {
margin-top: 20px;
padding: 15px;
background: #f0f0f0;
border-radius: 5px;
}
.results p {
margin: 5px 0;
}
</style>
</head>
<body>
<div class="calculator-container">
<h1>BMI & Calorie Calculator</h1>
<div class="form-group">
<label for="weight">Weight (kg):</label>
<input type="number" id="weight" placeholder="Enter your weight">
</div>
<div class="form-group">
<label for="height">Height (cm):</label>
<input type="number" id="height" placeholder="Enter your height">
</div>
<div class="form-group">
<label for="age">Age:</label>
<input type="number" id="age" placeholder="Enter your age">
</div>
<div class="form-group">
<label for="gender">Gender:</label>
<select id="gender">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</div>
<div class="form-group">
<label for="activity">Activity Level:</label>
<select id="activity">
<option value="1.2">Sedentary</option>
<option value="1.375">Lightly active</option>
<option value="1.55">Moderately active</option>
<option value="1.725">Very active</option>
<option value="1.9">Super active</option>
</select>
</div>
<button onclick="calculateResults()">Calculate</button>
<div id="results" class="results" style="display: none;">
<p id="bmi-result"></p>
<p id="calories-result"></p>
</div>
</div>
<script>
function calculateResults() {
const weight = parseFloat(document.getElementById('weight').value);
const height = parseFloat(document.getElementById('height').value);
const age = parseInt(document.getElementById('age').value, 10);
const gender = document.getElementById('gender').value;
const activity = parseFloat(document.getElementById('activity').value);
if (!weight || !height || !age || !activity) {
alert('Please fill in all fields');
return;
}
const bmi = (weight / ((height / 100) ** 2)).toFixed(1);
let bmr;
if (gender === 'male') {
bmr = 10 * weight + 6.25 * height - 5 * age + 5;
} else {
bmr = 10 * weight + 6.25 * height - 5 * age - 161;
}
const calories = (bmr * activity).toFixed(0);
document.getElementById('bmi-result').innerText = `Your BMI: ${bmi}`;
document.getElementById('calories-result').innerText = `Your daily calorie needs: ${calories} kcal`;
document.getElementById('results').style.display = 'block';
}
</script>
</body>
</html>
