{"id":517,"date":"2024-07-12T07:32:31","date_gmt":"2024-07-12T06:32:31","guid":{"rendered":"https:\/\/divbydev.com\/?page_id=517"},"modified":"2024-07-12T08:12:37","modified_gmt":"2024-07-12T07:12:37","slug":"centimeters-to-inches-converter","status":"publish","type":"page","link":"https:\/\/divbydev.com\/index.php\/projects-2\/centimeters-to-inches-converter\/","title":{"rendered":"Centimeters to Inches Converter"},"content":{"rendered":"\n<p>The Centimeters to Inches Converter allows you to easily convert measurements from centimeters to inches. Simply enter the value in centimeters, click the convert button, and get the equivalent value in inches.<\/p>\n\n\n\n<p><strong>Use Cases:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>DIY Projects:<\/strong> Convert measurements for your DIY projects.<\/li>\n\n\n\n<li><strong>Education:<\/strong> Help students understand the difference between metric and imperial units.<\/li>\n\n\n\n<li><strong>Travel:<\/strong> Convert measurements for travel-related purposes.<\/li>\n<\/ul>\n\n\n\n<div id=\"unit-converter\">\n    <style>\n        \/* Reset all styles for this container *\/\n        #unit-converter {\n            all: unset;\n            display: block;\n        }\n\n        \/* Reapply custom styles *\/\n        #unit-converter * {\n            all: revert;\n        }\n\n        \/* Apply custom styles *\/\n        #unit-converter body {\n            font-family: Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            background-color: #f0f0f0;\n            margin: 0;\n            flex-direction: column;\n            padding: 20px;\n        }\n\n        .site-header .header-image {\n            display: flex;\n            justify-content: flex-start;\n            width: 100px;\n            max-width: 100%; \/* Ensure the logo scales properly *\/\n            height: 100px;\n        }\n\n        #unit-converter .container {\n            background-color: white;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n            text-align: center;\n            width: 100%;\n            max-width: 600px;\n            margin: 20px 0;\n        }\n\n        #unit-converter input[type=\"number\"] {\n            padding: 10px;\n            font-size: 16px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            width: 100%;\n            box-sizing: border-box;\n            margin-bottom: 20px;\n        }\n\n        #unit-converter button {\n            padding: 10px 20px;\n            border: none;\n            border-radius: 4px;\n            background-color: #007bff;\n            color: white;\n            cursor: pointer;\n            margin: 10px 0;\n            text-decoration: none;\n            display: inline-block;\n            text-align: center;\n        }\n\n        #unit-converter button:hover {\n            background-color: #0056b3;\n        }\n\n        #unit-converter p {\n            margin: 0;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n          .site-footer {\n        height: 50px; \/* Adjust to the height of your footer *\/\n        background-color: #0073aa; \/* Blue color to match your site's footer *\/\n        color: white; \/* Text color *\/\n        text-align: center;\n        line-height: 50px; \/* Adjust to the height of your footer *\/\n        position: relative;\n        bottom: 0;\n        width: 100%;\n    }\n    <\/style>\n\n    <div class=\"container\">\n        <div class=\"converter\">\n            <input type=\"number\" id=\"cmInput\" placeholder=\"Enter centimeters\">\n            <button onclick=\"convert()\">Convert<\/button>\n            <p id=\"result\"><\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        function convert() {\n            const cm = document.getElementById('cmInput').value;\n            const inches = (cm \/ 2.54).toFixed(2);\n            document.getElementById('result').innerText = `${cm} cm = ${inches} inches`;\n        }\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Centimeters to Inches Converter allows you to easily convert measurements from centimeters to inches. Simply enter the value in centimeters, click the convert button, and get the equivalent value in inches. Use Cases: Convert<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":230,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-517","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/pages\/517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":8,"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/pages\/517\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/pages\/517\/revisions\/531"}],"up":[{"embeddable":true,"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/pages\/230"}],"wp:attachment":[{"href":"https:\/\/divbydev.com\/index.php\/wp-json\/wp\/v2\/media?parent=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}