.elementor-2273 .elementor-element.elementor-element-a0c7fad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2273 .elementor-element.elementor-element-a0c7fad.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-2273 .elementor-element.elementor-element-a0c7fad{--width:119.286%;}}/* Start custom CSS for container, class: .elementor-element-a0c7fad */<!DOCTYPE html>
<html>
<head>
    <title>Keto Macro Calculator</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Acnolica&display=swap');
        body {
            font-family: 'Acnolica', sans-serif;
            max-width: 800px;
            margin: auto;
            padding: 20px;
            background-color: #ffffff;
            color: #333;
            text-align: center;
        }
        h1, h2 {
            color: #f24141;
        }
        p {
            font-size: 18px;
            margin-bottom: 20px;
        }
        label {
            font-weight: bold;
            display: block;
            margin-top: 10px;
        }
        input, select {
            width: 100%;
            padding: 10px;
            margin: 5px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
        }
        button {
            width: 100%;
            padding: 12px;
            margin-top: 10px;
            font-size: 18px;
            font-weight: bold;
            background-color: #f24141;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: 0.3s;
        }
        button:hover {
            background-color: #d32f2f;
        }
        .result {
            margin-top: 20px;
            padding: 15px;
            background-color: #ffe6e6;
            border-radius: 5px;
            font-size: 18px;
            font-weight: bold;
            color: #f24141;
        }
    </style>
</head>
<body>
    <h1>Welcome to the Keto Macro Calculator</h1>
    <p>Understanding your macronutrient intake is essential for a successful keto journey. Use our easy-to-use calculator to determine the right balance of fats, proteins, and carbohydrates for your body’s needs.</p>
    
    <h2>Keto Macro Calculator</h2>
    <label for="weight">Weight (kg):</label>
    <input type="number" id="weight" placeholder="Enter weight" required>
    
    <label for="height">Height (cm):</label>
    <input type="number" id="height" placeholder="Enter height" required>
    
    <label for="age">Age:</label>
    <input type="number" id="age" placeholder="Enter age" required>
    
    <label for="gender">Gender:</label>
    <select id="gender">
        <option value="male">Male</option>
        <option value="female">Female</option>
    </select>
    
    <label for="activity">Activity Level:</label>
    <select id="activity">
        <option value="1.2">Sedentary (little or no exercise)</option>
        <option value="1.375">Lightly active (light exercise 1-3 days/week)</option>
        <option value="1.55">Moderately active (moderate exercise 3-5 days/week)</option>
        <option value="1.725">Very active (hard exercise 6-7 days a week)</option>
    </select>
    
    <label for="goal">Goal:</label>
    <select id="goal">
        <option value="0.8">Weight Loss</option>
        <option value="1.0">Maintain Weight</option>
        <option value="1.2">Muscle Gain</option>
    </select>
    
    <button onclick="calculateMacros()">Calculate Macros</button>
    
    <div class="result" id="result"></div>
    
    <script>
        function calculateBMR(weight, height, age, gender) {
            if (gender === "male") {
                return 10 * weight + 6.25 * height - 5 * age + 5;
            } else {
                return 10 * weight + 6.25 * height - 5 * age - 161;
            }
        }
        
        function calculateMacros() {
            let weight = parseFloat(document.getElementById("weight").value);
            let height = parseFloat(document.getElementById("height").value);
            let age = parseInt(document.getElementById("age").value);
            let gender = document.getElementById("gender").value;
            let activity = parseFloat(document.getElementById("activity").value);
            let goal = parseFloat(document.getElementById("goal").value);
            
            let bmr = calculateBMR(weight, height, age, gender);
            let tdee = bmr * activity;
            let calorieGoal = tdee * goal;
            
            let fat = (calorieGoal * 0.70) / 9;
            let protein = (calorieGoal * 0.25) / 4;
            let carbs = (calorieGoal * 0.05) / 4;
            
            document.getElementById("result").innerHTML = `
                Daily Calories: ${calorieGoal.toFixed(0)} kcal<br>
                Fat: ${fat.toFixed(1)} g<br>
                Protein: ${protein.toFixed(1)} g<br>
                Carbs: ${carbs.toFixed(1)} g
            `;
        }
    </script>

    <h2>Why Use This Keto Macro Calculator?</h2>
    <p>Tracking macros helps you stay in ketosis and reach your weight goals efficiently. By knowing your precise intake, you can optimize fat burning and maintain energy levels.</p>
    <p>Start your keto journey today and see the difference!</p>
</body>
</html>/* End custom CSS */
/* Start custom CSS */<!DOCTYPE html>
<html>
<head>
    <title>Keto Macro Calculator</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Acnolica&display=swap');
        body {
            font-family: 'Acnolica', sans-serif;
            max-width: 800px;
            margin: auto;
            padding: 20px;
            background-color: #ffffff;
            color: #333;
            text-align: center;
        }
        h1, h2 {
            color: #f24141;
        }
        p {
            font-size: 18px;
            margin-bottom: 20px;
        }
        label {
            font-weight: bold;
            display: block;
            margin-top: 10px;
        }
        input, select {
            width: 100%;
            padding: 10px;
            margin: 5px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
        }
        button {
            width: 100%;
            padding: 12px;
            margin-top: 10px;
            font-size: 18px;
            font-weight: bold;
            background-color: #f24141;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: 0.3s;
        }
        button:hover {
            background-color: #d32f2f;
        }
        .result {
            margin-top: 20px;
            padding: 15px;
            background-color: #ffe6e6;
            border-radius: 5px;
            font-size: 18px;
            font-weight: bold;
            color: #f24141;
        }
    </style>
</head>
<body>
    <h1>Welcome to the Keto Macro Calculator</h1>
    <p>Understanding your macronutrient intake is essential for a successful keto journey. Use our easy-to-use calculator to determine the right balance of fats, proteins, and carbohydrates for your body’s needs.</p>
    
    <h2>Keto Macro Calculator</h2>
    <label for="weight">Weight (kg):</label>
    <input type="number" id="weight" placeholder="Enter weight" required>
    
    <label for="height">Height (cm):</label>
    <input type="number" id="height" placeholder="Enter height" required>
    
    <label for="age">Age:</label>
    <input type="number" id="age" placeholder="Enter age" required>
    
    <label for="gender">Gender:</label>
    <select id="gender">
        <option value="male">Male</option>
        <option value="female">Female</option>
    </select>
    
    <label for="activity">Activity Level:</label>
    <select id="activity">
        <option value="1.2">Sedentary (little or no exercise)</option>
        <option value="1.375">Lightly active (light exercise 1-3 days/week)</option>
        <option value="1.55">Moderately active (moderate exercise 3-5 days/week)</option>
        <option value="1.725">Very active (hard exercise 6-7 days a week)</option>
    </select>
    
    <label for="goal">Goal:</label>
    <select id="goal">
        <option value="0.8">Weight Loss</option>
        <option value="1.0">Maintain Weight</option>
        <option value="1.2">Muscle Gain</option>
    </select>
    
    <button onclick="calculateMacros()">Calculate Macros</button>
    
    <div class="result" id="result"></div>
    
    <script>
        function calculateBMR(weight, height, age, gender) {
            if (gender === "male") {
                return 10 * weight + 6.25 * height - 5 * age + 5;
            } else {
                return 10 * weight + 6.25 * height - 5 * age - 161;
            }
        }
        
        function calculateMacros() {
            let weight = parseFloat(document.getElementById("weight").value);
            let height = parseFloat(document.getElementById("height").value);
            let age = parseInt(document.getElementById("age").value);
            let gender = document.getElementById("gender").value;
            let activity = parseFloat(document.getElementById("activity").value);
            let goal = parseFloat(document.getElementById("goal").value);
            
            let bmr = calculateBMR(weight, height, age, gender);
            let tdee = bmr * activity;
            let calorieGoal = tdee * goal;
            
            let fat = (calorieGoal * 0.70) / 9;
            let protein = (calorieGoal * 0.25) / 4;
            let carbs = (calorieGoal * 0.05) / 4;
            
            document.getElementById("result").innerHTML = `
                Daily Calories: ${calorieGoal.toFixed(0)} kcal<br>
                Fat: ${fat.toFixed(1)} g<br>
                Protein: ${protein.toFixed(1)} g<br>
                Carbs: ${carbs.toFixed(1)} g
            `;
        }
    </script>

    <h2>Why Use This Keto Macro Calculator?</h2>
    <p>Tracking macros helps you stay in ketosis and reach your weight goals efficiently. By knowing your precise intake, you can optimize fat burning and maintain energy levels.</p>
    <p>Start your keto journey today and see the difference!</p>
</body>
</html>/* End custom CSS */