{"Name":"Emi Calculator","0":"Emi Calculator","IsPublished":1,"1":1,"LanguageId":1,"2":1,"Type":"1","3":"1","PageTitle":"Emi Calculator","4":"Emi Calculator","PageContent":"<div class=\"top-text\">\n    <label for=\"Loan Appy\">\n        Loan Apply for :<\/label>\n\n    <select name=\"ctl00$ContentPlaceHolder1$ddlLoanApply\"\n        onchange=\"javascript:setTimeout('__doPostBack(\\'ctl00$ContentPlaceHolder1$ddlLoanApply\\',\\'\\')', 0)\"\n        id=\"ContentPlaceHolder1_ddlLoanApply\" class=\"Loan Appy\">\n        <option selected=\"selected\" value=\"0\">----Select Option----<\/option>\n        <option value=\"1\">Personal Loan<\/option>\n        <option value=\"2\">Home Loan<\/option>\n        <option value=\"3\">Car Loan<\/option>\n\n    <\/select>\n\n\n\n<\/div>\n\n<div class=\"calcul-bg\">\n    <div class=\"cal-left\">\n        <span id=\"ContentPlaceHolder1_lblMessage\"><\/span>\n        <p>\n            <label for=\"Loan-Ammount\">\n                Loan Amount :<\/label>\n            <input name=\"ctl00$ContentPlaceHolder1$txtLoanamount\" type=\"text\" id=\"ContentPlaceHolder1_txtLoanamount\"\n                placeholder=\" Loan Amount\" onkeypress=\"return isNumber(event,this);\"\n                onmouseover=\"ajax_showTooltip('&lt;font class=divmsg&gt;Please enter &lt;span class=divHead&gt; Loan Amount. &lt;\/span&gt;&lt;\/font&gt;&lt;br&gt;',this,-10);return false;\">\n\n            <span id=\"ContentPlaceHolder1_RequiredFieldValidator1\" style=\"color:Red;display:none;\">* required\n                field.<\/span>\n            <span id=\"ContentPlaceHolder1_Regex1\" style=\"color:Red;display:none;\">* Please enter valid integer or\n                decimal number with 2 decimal places.<\/span>\n        <\/p>\n        <p>\n            <label>\n                Interest Rate (%) :\n            <\/label>\n\n            <input name=\"ctl00$ContentPlaceHolder1$txtInterest\" type=\"text\" maxlength=\"5\"\n                id=\"ContentPlaceHolder1_txtInterest\" placeholder=\" Enter Interest Rate\"\n                onkeypress=\"return isNumber(event,this);\"\n                onmouseover=\"ajax_showTooltip('&lt;font class=divmsg&gt;Please enter &lt;span class=divHead&gt; Interest Rate. &lt;\/span&gt;&lt;\/font&gt;&lt;br&gt;',this,-10);return false;\">\n            <span id=\"ContentPlaceHolder1_RequiredFieldValidator4\" style=\"color:Red;display:none;\">* required\n                field.<\/span>\n            <span id=\"ContentPlaceHolder1_RegularExpressionValidator2\" style=\"color:Red;display:none;\">* Please enter\n                valid integer or decimal number with 2 decimal places.<\/span>\n        <\/p>\n        Note: You can change the Interest Rate\n        <p>\n            <label for=\"Tenur\">\n                Tenure (months) :<\/label>\n            <input name=\"ctl00$ContentPlaceHolder1$txtTenure\" type=\"text\" maxlength=\"3\"\n                id=\"ContentPlaceHolder1_txtTenure\" placeholder=\"Enter number of months\"\n                onkeypress=\"return OnlyNumbers(event,this);\">\n            <span id=\"ContentPlaceHolder1_RequiredFieldValidator2\" style=\"color:Red;display:none;\">* required\n                field.<\/span>\n            <span id=\"ContentPlaceHolder1_RegularExpressionValidator1\" style=\"color:Red;display:none;\">* Please enter\n                months in numeric only.<\/span>\n\n        <\/p>\n        <p>\n            <input type=\"submit\" name=\"ctl00$ContentPlaceHolder1$btnSubmit\" value=\"Calculate\"\n                onclick=\"javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$btnSubmit&quot;, &quot;&quot;, true, &quot;EMI&quot;, &quot;&quot;, false, false))\"\n                id=\"ContentPlaceHolder1_btnSubmit\">\n        <\/p>\n    <\/div>\n    <div class=\"cal-right\">\n        <h3>\n            Equited EMI Amount :\n        <\/h3>\n        <br>\n        <span class=\"rupee-img\">\n            <img src=\"images\/rupee-icon.png\" alt=\"#\"><\/span> <span class=\"cal-amount\"><span\n                id=\"ContentPlaceHolder1_lblEMI\">0<\/span>\n        <\/span>\n    <\/div>\n<\/div>\n\n<style>\n    * {\n        box-sizing: border-box;\n    }\n\n    .breadcrumb {\n        margin: 15px 0;\n        font-size: 14px;\n        color: #666;\n    }\n\n    .breadcrumb a {\n        color: #0d6efd;\n        text-decoration: none;\n        font-weight: 600;\n    }\n\n    .breadcrumb a:hover {\n        text-decoration: underline;\n    }\n    .top-text {\n        margin-bottom: 25px;\n    }\n\n    .top-text label {\n        font-weight: 600;\n        margin-right: 10px;\n    }\n\n    .top-text select {\n        width: 280px;\n        padding: 10px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 15px;\n    }\n\n    .calcul-bg {\n        display: flex;\n        justify-content: space-between;\n        gap: 40px;\n        background: #f8f9fa;\n        border: 1px solid #ddd;\n        border-radius: 10px;\n        padding: 30px;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, .08);\n    }\n\n    .cal-left,\n    .cal-right {\n        flex: 1;\n    }\n\n    .cal-left p {\n        margin-bottom: 18px;\n    }\n\n    .cal-left label {\n        display: block;\n        font-weight: 600;\n        margin-bottom: 8px;\n        color: #333;\n    }\n\n    .cal-left input[type=\"text\"] {\n        width: 100%;\n        padding: 10px 12px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 15px;\n    }\n\n    .cal-left input[type=\"text\"]:focus,\n    .top-text select:focus {\n        border-color: #0d8f53;\n        outline: none;\n        box-shadow: 0 0 5px rgba(13, 143, 83, .25);\n    }\n\n    .cal-left input[type=\"submit\"] {\n        background: #0d8f53;\n        color: #fff;\n        border: none;\n        padding: 12px 30px;\n        border-radius: 5px;\n        font-size: 16px;\n        cursor: pointer;\n        transition: .3s;\n    }\n\n    .cal-left input[type=\"submit\"]:hover {\n        background: #08663b;\n    }\n\n    .cal-right {\n        background: #ffffff;\n        border-radius: 10px;\n        padding: 25px;\n        text-align: center;\n        border: 1px solid #ddd;\n    }\n\n    .cal-right h3 {\n        margin: 0 0 20px;\n        color: #0d6efd;\n    }\n\n    .rupee-img img {\n        width: 40px;\n        vertical-align: middle;\n    }\n\n    .cal-amount {\n        font-size: 42px;\n        font-weight: bold;\n        color: #0d8f53;\n        margin-left: 10px;\n        vertical-align: middle;\n    }\n\n    span[style*=\"color:Red\"] {\n        display: block;\n        margin-top: 5px;\n        font-size: 12px;\n    }\n\n    @media (max-width: 768px) {\n        .calcul-bg {\n            flex-direction: column;\n            padding: 20px;\n        }\n\n        .top-text select {\n            width: 100%;\n            margin-top: 10px;\n        }\n\n        .cal-amount {\n            font-size: 32px;\n        }\n    }\n<\/style>","5":"<div class=\"top-text\">\n    <label for=\"Loan Appy\">\n        Loan Apply for :<\/label>\n\n    <select name=\"ctl00$ContentPlaceHolder1$ddlLoanApply\"\n        onchange=\"javascript:setTimeout('__doPostBack(\\'ctl00$ContentPlaceHolder1$ddlLoanApply\\',\\'\\')', 0)\"\n        id=\"ContentPlaceHolder1_ddlLoanApply\" class=\"Loan Appy\">\n        <option selected=\"selected\" value=\"0\">----Select Option----<\/option>\n        <option value=\"1\">Personal Loan<\/option>\n        <option value=\"2\">Home Loan<\/option>\n        <option value=\"3\">Car Loan<\/option>\n\n    <\/select>\n\n\n\n<\/div>\n\n<div class=\"calcul-bg\">\n    <div class=\"cal-left\">\n        <span id=\"ContentPlaceHolder1_lblMessage\"><\/span>\n        <p>\n            <label for=\"Loan-Ammount\">\n                Loan Amount :<\/label>\n            <input name=\"ctl00$ContentPlaceHolder1$txtLoanamount\" type=\"text\" id=\"ContentPlaceHolder1_txtLoanamount\"\n                placeholder=\" Loan Amount\" onkeypress=\"return isNumber(event,this);\"\n                onmouseover=\"ajax_showTooltip('&lt;font class=divmsg&gt;Please enter &lt;span class=divHead&gt; Loan Amount. &lt;\/span&gt;&lt;\/font&gt;&lt;br&gt;',this,-10);return false;\">\n\n            <span id=\"ContentPlaceHolder1_RequiredFieldValidator1\" style=\"color:Red;display:none;\">* required\n                field.<\/span>\n            <span id=\"ContentPlaceHolder1_Regex1\" style=\"color:Red;display:none;\">* Please enter valid integer or\n                decimal number with 2 decimal places.<\/span>\n        <\/p>\n        <p>\n            <label>\n                Interest Rate (%) :\n            <\/label>\n\n            <input name=\"ctl00$ContentPlaceHolder1$txtInterest\" type=\"text\" maxlength=\"5\"\n                id=\"ContentPlaceHolder1_txtInterest\" placeholder=\" Enter Interest Rate\"\n                onkeypress=\"return isNumber(event,this);\"\n                onmouseover=\"ajax_showTooltip('&lt;font class=divmsg&gt;Please enter &lt;span class=divHead&gt; Interest Rate. &lt;\/span&gt;&lt;\/font&gt;&lt;br&gt;',this,-10);return false;\">\n            <span id=\"ContentPlaceHolder1_RequiredFieldValidator4\" style=\"color:Red;display:none;\">* required\n                field.<\/span>\n            <span id=\"ContentPlaceHolder1_RegularExpressionValidator2\" style=\"color:Red;display:none;\">* Please enter\n                valid integer or decimal number with 2 decimal places.<\/span>\n        <\/p>\n        Note: You can change the Interest Rate\n        <p>\n            <label for=\"Tenur\">\n                Tenure (months) :<\/label>\n            <input name=\"ctl00$ContentPlaceHolder1$txtTenure\" type=\"text\" maxlength=\"3\"\n                id=\"ContentPlaceHolder1_txtTenure\" placeholder=\"Enter number of months\"\n                onkeypress=\"return OnlyNumbers(event,this);\">\n            <span id=\"ContentPlaceHolder1_RequiredFieldValidator2\" style=\"color:Red;display:none;\">* required\n                field.<\/span>\n            <span id=\"ContentPlaceHolder1_RegularExpressionValidator1\" style=\"color:Red;display:none;\">* Please enter\n                months in numeric only.<\/span>\n\n        <\/p>\n        <p>\n            <input type=\"submit\" name=\"ctl00$ContentPlaceHolder1$btnSubmit\" value=\"Calculate\"\n                onclick=\"javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$btnSubmit&quot;, &quot;&quot;, true, &quot;EMI&quot;, &quot;&quot;, false, false))\"\n                id=\"ContentPlaceHolder1_btnSubmit\">\n        <\/p>\n    <\/div>\n    <div class=\"cal-right\">\n        <h3>\n            Equited EMI Amount :\n        <\/h3>\n        <br>\n        <span class=\"rupee-img\">\n            <img src=\"images\/rupee-icon.png\" alt=\"#\"><\/span> <span class=\"cal-amount\"><span\n                id=\"ContentPlaceHolder1_lblEMI\">0<\/span>\n        <\/span>\n    <\/div>\n<\/div>\n\n<style>\n    * {\n        box-sizing: border-box;\n    }\n\n    .breadcrumb {\n        margin: 15px 0;\n        font-size: 14px;\n        color: #666;\n    }\n\n    .breadcrumb a {\n        color: #0d6efd;\n        text-decoration: none;\n        font-weight: 600;\n    }\n\n    .breadcrumb a:hover {\n        text-decoration: underline;\n    }\n    .top-text {\n        margin-bottom: 25px;\n    }\n\n    .top-text label {\n        font-weight: 600;\n        margin-right: 10px;\n    }\n\n    .top-text select {\n        width: 280px;\n        padding: 10px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 15px;\n    }\n\n    .calcul-bg {\n        display: flex;\n        justify-content: space-between;\n        gap: 40px;\n        background: #f8f9fa;\n        border: 1px solid #ddd;\n        border-radius: 10px;\n        padding: 30px;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, .08);\n    }\n\n    .cal-left,\n    .cal-right {\n        flex: 1;\n    }\n\n    .cal-left p {\n        margin-bottom: 18px;\n    }\n\n    .cal-left label {\n        display: block;\n        font-weight: 600;\n        margin-bottom: 8px;\n        color: #333;\n    }\n\n    .cal-left input[type=\"text\"] {\n        width: 100%;\n        padding: 10px 12px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 15px;\n    }\n\n    .cal-left input[type=\"text\"]:focus,\n    .top-text select:focus {\n        border-color: #0d8f53;\n        outline: none;\n        box-shadow: 0 0 5px rgba(13, 143, 83, .25);\n    }\n\n    .cal-left input[type=\"submit\"] {\n        background: #0d8f53;\n        color: #fff;\n        border: none;\n        padding: 12px 30px;\n        border-radius: 5px;\n        font-size: 16px;\n        cursor: pointer;\n        transition: .3s;\n    }\n\n    .cal-left input[type=\"submit\"]:hover {\n        background: #08663b;\n    }\n\n    .cal-right {\n        background: #ffffff;\n        border-radius: 10px;\n        padding: 25px;\n        text-align: center;\n        border: 1px solid #ddd;\n    }\n\n    .cal-right h3 {\n        margin: 0 0 20px;\n        color: #0d6efd;\n    }\n\n    .rupee-img img {\n        width: 40px;\n        vertical-align: middle;\n    }\n\n    .cal-amount {\n        font-size: 42px;\n        font-weight: bold;\n        color: #0d8f53;\n        margin-left: 10px;\n        vertical-align: middle;\n    }\n\n    span[style*=\"color:Red\"] {\n        display: block;\n        margin-top: 5px;\n        font-size: 12px;\n    }\n\n    @media (max-width: 768px) {\n        .calcul-bg {\n            flex-direction: column;\n            padding: 20px;\n        }\n\n        .top-text select {\n            width: 100%;\n            margin-top: 10px;\n        }\n\n        .cal-amount {\n            font-size: 32px;\n        }\n    }\n<\/style>","IsDefault":1,"6":1,"TemplateId":1,"7":1,"LinkUrl":"","8":"","UploadedFileName":"","9":"","MenuId":153,"10":153,"PageId":60,"11":60}