{"id":13,"date":"2021-09-13T04:21:43","date_gmt":"2021-09-13T04:21:43","guid":{"rendered":"https:\/\/themes.hibootstrap.com\/cribe\/?page_id=13"},"modified":"2021-12-21T12:54:05","modified_gmt":"2021-12-21T12:54:05","slug":"bmi-calculator","status":"publish","type":"page","link":"https:\/\/themes.hibootstrap.com\/cribe\/bmi-calculator\/","title":{"rendered":"BMI Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-c8db238 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c8db238\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4f41bf6\" data-id=\"4f41bf6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-91c0482 elementor-widget elementor-widget-cribe-BMI-table\" data-id=\"91c0482\" data-element_type=\"widget\" data-widget_type=\"cribe-BMI-table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- BMI Section start -->\r\n        <section class=\"bmi-wrap v1 bg-f section-padding bmi-bg-1\" style=\"background-image:url(https:\/\/themes.hibootstrap.com\/cribe\/wp-content\/uploads\/2021\/09\/banner-4.jpg);\">\r\n            <div class=\"overlay op-9 bg-mirage\"><\/div>\r\n            <div class=\"container pos-rel\">\r\n                <div class=\"section_subtext v4 trans_text\">\r\n                    <span>BMI<\/span>\r\n                <\/div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-xl-6 col-lg-6 order-xl-1 order-lg-1 order-md-2 order-2\">\r\n                        <div class=\"content-title v2\">\r\n                            <h2>Calculate Your Body Metabolic Rate<\/h2>\r\n                            <p class=\"p\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo.<\/p>                        <\/div>\r\n                        <div class=\"bmi-form\">\r\n\r\n                            <form name=\"bmiForm\">\r\n                                <div class=\"select-gender\">\r\n                                    <div>\r\n                                        <input type=\"radio\" id=\"test1\" name=\"radio-group\" checked>\r\n                                        <label for=\"test1\">Male<\/label>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <input type=\"radio\" id=\"test2\" name=\"radio-group\">\r\n                                        <label for=\"test2\">Female<\/label>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-lg-6\">\r\n                                        <div class=\"form-group\">\r\n                                            <input type=\"text\" name=\"height\" size=\"10\" placeholder=\"Hight \/ CM\">\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"col-lg-6\">\r\n                                        <div class=\"form-group\">\r\n                                            <input type=\"text\" name=\"weight\" size=\"10\" placeholder=\"Weight \/ KG\">\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"col-lg-6\">\r\n                                        <div class=\"form-group\">\r\n                                            <input type=\"text\" name=\"age\" size=\"10\" placeholder=\"Age\">\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"col-lg-6\">\r\n                                        <div class=\"form-group\">\r\n                                            <button type=\"button\" value=\"Find Your Current BMI\" onClick=\"calculateBmi()\">Find Your Current BMI<\/button>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"col-lg-6\">\r\n                                        <div class=\"form-group\">\r\n                                            <label for=\"test1\">Your BMI<\/label>\r\n                                            <input type=\"text\" name=\"bmi\" size=\"10\">\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"col-lg-6\">\r\n                                        <div class=\"form-group\">\r\n                                            <label for=\"test1\">Your BMI Status<\/label>\r\n                                            <input type=\"text\" name=\"meaning\" size=\"25\">\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"col-lg-12 mb-0\">\r\n                                        <div class=\"form-group\">\r\n                                            <input type=\"reset\" value=\"Reset\" \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/form>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-xl-5 offset-xl-1 col-lg-5 offset-lg-1 order-xl-2 order-lg-2 order-md-1 order-1\">\r\n                        <div class=\"bmi-chart-wrap\">\r\n                            <div class=\"content-title v3\">\r\n                                <h2>BMI Chart<\/h2>\r\n                                <p class=\"p\">Lorem ipsum dolor , consetetur sadipscing elitr <\/p>                            <\/div>\r\n                            <div class=\"bmi-chart\">\r\n                                \r\n                                <div class=\"bmi-chart-title\">\r\n                                    <h6>BMI<\/h6>\r\n                                    <h6>Weight Status<\/h6>\r\n                                <\/div>\r\n                                                                            <div class=\"bmi-chart-data\">\r\n                                                <p>BMI<\/p>\r\n                                                <p>Weight Status<\/p>\r\n                                            <\/div>                                            <div class=\"bmi-chart-data\">\r\n                                                <p>Below 18.5<\/p>\r\n                                                <p>Severe Thinness<\/p>\r\n                                            <\/div>                                            <div class=\"bmi-chart-data\">\r\n                                                <p>18.5 - 25<\/p>\r\n                                                <p>Healthy<\/p>\r\n                                            <\/div>                                            <div class=\"bmi-chart-data\">\r\n                                                <p>25 - 30<\/p>\r\n                                                <p>Over weight<\/p>\r\n                                            <\/div>                                            <div class=\"bmi-chart-data\">\r\n                                                <p>30 and Above<\/p>\r\n                                                <p>Obese<\/p>\r\n                                            <\/div>                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        <!-- BMI Section end -->\r\n\r\n        <script language=\"JavaScript\">\r\n            function calculateBmi() {\r\n                var weight = document.bmiForm.weight.value\r\n                var height = document.bmiForm.height.value\r\n                if(weight > 0 && height > 0){\t\r\n                var finalBmi = weight\/(height\/100*height\/100)\r\n                document.bmiForm.bmi.value = finalBmi\r\n                if(finalBmi < 18.5){\r\n                document.bmiForm.meaning.value = \"That you are too thin.\"\r\n                }\r\n                if(finalBmi > 18.5 && finalBmi < 25){\r\n                document.bmiForm.meaning.value = \"That you are healthy.\"\r\n                }\r\n                if(finalBmi > 25){\r\n                document.bmiForm.meaning.value = \"That you have overweight.\"\r\n                }\r\n            }\r\n            else{\r\n                alert(\"Please Fill in everything correctly\")\r\n                }\r\n            }\r\n        <\/script>\r\n\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BMI Calculate Your Body Metabolic Rate Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo. Male Female Find Your Current BMI Your BMI Your BMI Status BMI Chart Lorem ipsum dolor , consetetur<\/p>\n","protected":false},"author":1,"featured_media":307,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":36,"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":2793,"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/pages\/13\/revisions\/2793"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/media\/307"}],"wp:attachment":[{"href":"https:\/\/themes.hibootstrap.com\/cribe\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}