{"id":503,"date":"2020-07-31T09:53:45","date_gmt":"2020-07-31T09:53:45","guid":{"rendered":"http:\/\/magicloans.in\/?p=503"},"modified":"2020-07-31T09:53:45","modified_gmt":"2020-07-31T09:53:45","slug":"hl","status":"publish","type":"post","link":"https:\/\/magicloans.in\/hl\/","title":{"rendered":"HL"},"content":{"rendered":"<style>\r\n    :root {\r\n      --primary: white;\r\n      --material: rgb(224, 58, 16);\r\n    }\r\n\r\n    .frame form#contact .autodata {\r\n      position: relative;\r\n    }\r\n\r\n    .frame form#contact .autodata input {\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#citySearchResult,\r\n    .frame form#contact .autodata ul#companySearchResult {\r\n      border: 1px solid #ddd;\r\n      top: 46px;\r\n      position: absolute;\r\n      width: 100%;\r\n      margin: 0;\r\n      background: #fff;\r\n      overflow-y: auto;\r\n      z-index: 999;\r\n      max-height: 139px;\r\n      padding: 0px 12px 0;\r\n      overflow-x: hidden;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#citySearchResult li,\r\n    .frame form#contact .autodata ul#companySearchResult li {\r\n      list-style-type: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#citySearchResult li:hover,\r\n    .frame form#contact .autodata ul#companySearchResult li:hover {\r\n      background-color: #aaa !important;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#companySearchResult li:nth-of-type(2n),\r\n    .frame form#contact .autodata ul#citySearchResult li:nth-of-type(2n) {\r\n      background: #ccc;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#companySearchResult li,\r\n    .frame form#contact .autodata ul#citySearchResult li {\r\n      background: #eee;\r\n      padding: 7px;\r\n    }\r\n\r\n    .frame form#contact .autodata ul#companySearchResult,\r\n    .frame form#contact .autodata ul#citySearchResult {\r\n      border: 0px;\r\n      padding: 0px;\r\n    }\r\n\r\n    \/* FORM *\/\r\n\r\n    html,\r\n    body * {\r\n      box-sizing: border-box;\r\n      font-family: 'Open Sans', sans-serif;\r\n    }\r\n\r\n    .frame form#contact h3 {\r\n      text-transform: capitalize;\r\n      font-weight: normal !important;\r\n      color: rgba(255, 255, 255, 0.8) !important;\r\n      font-size: 18px !important;\r\n      margin: 10px 0;\r\n    }\r\n\r\n    .frame {\r\n      background-color: #1a202a;\r\n      width: 80% !important;\r\n      margin: 0 auto 20px;\r\n      border-top: solid 1px rgba(255, 255, 255, .5);\r\n      border-radius: 5px;\r\n      box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);\r\n      overflow: hidden;\r\n    }\r\n\r\n    #contact {\r\n      width: 100%;\r\n      font-size: 16px;\r\n      padding: 40px 60px;\r\n      transition: opacity .5s ease, transform .5s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .frame form#contact .multi-inputs {\r\n      display: flex;\r\n      gap: 20px;\r\n    }\r\n\r\n    .frame form#contact .group {\r\n      position: relative;\r\n      margin: 12px 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact textarea {\r\n      resize: none;\r\n    }\r\n\r\n    .frame form#contact input,\r\n    .frame form#contact textarea {\r\n      background: none;\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-size: 18px;\r\n      padding: 10px 10px 10px 5px !important;\r\n      display: block;\r\n      width: 100%;\r\n      border-radius: 0;\r\n      border: none !important;\r\n      border: 1px solid #aaa !important;\r\n      background-color: transparent;\r\n      transition: 0.25s;\r\n      border-radius: 2px;\r\n      margin-bottom: 0 !important;\r\n    }\r\n\r\n    .frame form#contact input:focus,\r\n    .frame form#contact textarea:focus,\r\n    .frame form#contact input:valid,\r\n    .frame form#contact textarea:valid {\r\n      outline: none;\r\n      border-color: transparent !important;\r\n    }\r\n\r\n    .frame form#contact input:focus~label,\r\n    .frame form#contact input:valid~label,\r\n    .frame form#contact textarea:focus~label,\r\n    .frame form#contact textarea:valid~label {\r\n      top: -14px;\r\n      left: 5px;\r\n      font-size: 12px;\r\n      color: var(--primary);\r\n    }\r\n\r\n    .frame form#contact input:focus~.bar:before,\r\n    .frame form#contact textarea:focus~.bar:before,\r\n    .frame form#contact input:valid~.bar:before,\r\n    .frame form#contact textarea:valid~.bar:before {\r\n      width: 100%;\r\n    }\r\n\r\n    input[type=password] {\r\n      letter-spacing: 0.3em;\r\n    }\r\n\r\n    .frame form#contact label {\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-size: 16px;\r\n      font-weight: normal;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      left: 15px;\r\n      top: 10px;\r\n      transition: 300ms ease all;\r\n    }\r\n\r\n    .frame form#contact .bar {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact .bar:before {\r\n      content: \"\";\r\n      height: 2px;\r\n      width: 0;\r\n      bottom: 0px;\r\n      position: absolute;\r\n      background: var(--primary);\r\n      transition: 300ms ease all;\r\n      left: 0%;\r\n    }\r\n\r\n    .frame form#contact .btn {\r\n      background: #fff;\r\n      color: #959595;\r\n      border: none;\r\n      padding: 10px 20px !important;\r\n      border-radius: 3px !important;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      outline: none;\r\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\r\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    }\r\n\r\n    .frame form#contact .btn:hover {\r\n      color: #8b8b8b;\r\n      box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    .frame form#contact .btn.btn-submit {\r\n      width: 200px;\r\n      background: var(--material);\r\n      color: white;\r\n      margin-top: 10px;\r\n      cursor: pointer;\r\n      align-self: flex-end;\r\n    }\r\n\r\n    .frame form#contact .btn.btn-submit:hover {\r\n      background: rgb(222 85 51);\r\n    }\r\n\r\n    .frame form#contact .btn.btn-cancel {\r\n      background: #eee;\r\n    }\r\n\r\n    .frame form#contact .btn.btn-cancel:hover {\r\n      background: #e1e1e1;\r\n      color: #8b8b8b;\r\n    }\r\n\r\n    .frame form#contact .select {\r\n      font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\r\n      position: relative;\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact .select-text {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 10px 10px 10px 5px !important;\r\n      font-size: 18px;\r\n      border: 1px solid #aaa !important;\r\n      background-color: transparent;\r\n      transition: all 300ms;\r\n      border-radius: 2px;\r\n      margin-bottom: 0 !important;\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-weight: 300;\r\n      height: auto!important;\r\n    }\r\n\r\n    .frame form#contact .select-text option {\r\n      color: #333;\r\n    }\r\n\r\n    \/* Remove focus *\/\r\n    .frame form#contact .select-text:focus {\r\n      outline: none;\r\n      border-color: transparent !important;\r\n      border-bottom-color: #aaa;\r\n    }\r\n\r\n    \/* Use custom arrow *\/\r\n    .frame form#contact .select .select-text {\r\n      appearance: none;\r\n      -webkit-appearance: none\r\n    }\r\n\r\n    .frame form#contact .select:after {\r\n      position: absolute;\r\n      top: 18px;\r\n      right: 10px;\r\n      \/* Styling the down arrow *\/\r\n      width: 0;\r\n      height: 0;\r\n      padding: 0;\r\n      content: '';\r\n      border-left: 6px solid transparent;\r\n      border-right: 6px solid transparent;\r\n      border-top: 6px solid rgba(0, 0, 0, 0.12);\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    \/* LABEL ======================================= *\/\r\n    .frame form#contact .select-label {\r\n      color: rgba(255, 255, 255, 0.8);\r\n      font-weight: normal;\r\n      font-size: 16px;\r\n      position: absolute;\r\n      pointer-events: none;\r\n      left: 15px;\r\n      top: 10px;\r\n      transition: 300ms ease all;\r\n    }\r\n\r\n    \/* active state *\/\r\n    .frame form#contact .select-text:focus~.select-label,\r\n    .frame form#contact .select-text:valid~.select-label {\r\n      color: var(--primary);\r\n      top: -14px;\r\n      left: 5px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .frame form#contact .select-text:focus,\r\n    .frame form#contact .select-text:valid {\r\n      border-color: transparent !important;\r\n    }\r\n\r\n    \/* BOTTOM BARS ================================= *\/\r\n    .frame form#contact .select-bar {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    .frame form#contact .select-bar:before,\r\n    .frame form#contact .select-bar:after {\r\n      content: '';\r\n      height: 2px;\r\n      width: 0;\r\n      bottom: 1px;\r\n      position: absolute;\r\n      background: var(--primary);\r\n      transition: 0.2s ease all;\r\n    }\r\n\r\n    .frame form#contact .select-bar:before {\r\n      left: 50%;\r\n    }\r\n\r\n    .frame form#contact .select-bar:after {\r\n      right: 50%;\r\n    }\r\n\r\n    \/* active state *\/\r\n    .frame form#contact .select-text:focus~.select-bar:before,\r\n    .frame form#contact .select-text:focus~.select-bar:after,\r\n    .frame form#contact .select-text:valid~.select-bar:before,\r\n    .frame form#contact .select-text:valid~.select-bar:after {\r\n      width: 50%;\r\n    }\r\n\r\n    .frame form#contact .select-highlight {\r\n      position: absolute;\r\n      height: 60%;\r\n      width: 100px;\r\n      top: 25%;\r\n      left: 0;\r\n      pointer-events: none;\r\n      opacity: 0.5;\r\n    }\r\n\r\n    @media (min-width:0px) and (max-width:567px) {\r\n      .frame {\r\n        width: 96% !important;\r\n      }\r\n\r\n      .frame form#contact .autodata ul#companySearchResult li {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .frame form#contact .autodata ul#companySearchResult li,\r\n      .frame form#contact .autodata ul#citySearchResult li {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .frame form#contact div.multi-inputs {\r\n        flex-direction: column;\r\n        gap: 0;\r\n      }\r\n\r\n      #contact {\r\n        padding: 10px 15px !important;\r\n        transition: opacity .5s ease, transform .5s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .frame form#contact .group {\r\n        margin: 10px 0 !important;\r\n      }\r\n\r\n      .frame form#contact .btn.btn-submit {\r\n        align-self: center !important;\r\n        width: 100% !important;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n<div class=\"container\">\r\n        <div class=\"frame\">\r\n            <div>\r\n                <form id=\"contact\" action=\"https:\/\/crm.zoho.com\/crm\/WebForm\" name=\"WebForm778470000052139388\"\r\n                    method=\"POST\" onsubmit=\"javascript:document.charset='UTF-8'; return checkMandatory()\"\r\n                    accept-charset=\"UTF-8\">\r\n                    <input type=\"text\" style=\"display:none;\" name=\"xnQsjsdp\"\r\n                        value=\"d6defc94b02bcb3bf52a5c3ad2e81b3508d60e51952b815de4dc225022111d15\">\r\n\r\n                    <input type=\"text\" style=\"display:none;\" name=\"xmIwtLD\"\r\n                        value=\"dd6f9e66bc53a4c26ad52253ec8ca252d4279e5578b26d3a478f880bea1a9dd6\">\r\n\r\n                    <input type=\"text\" style=\"display:none;\" name=\"actionType\" value=\"Q3VzdG9tTW9kdWxlNA==\">\r\n\r\n                    <input type=\"text\" style=\"display:none;\" name=\"returnURL\"\r\n                        value=\"http:\/\/www.magicloans.in\/thank-you\/\">\r\n\r\n                    <div class=\"multi-inputs\">\r\n                        <div class=\"group\">\r\n                            <input class=\"form-styling\" id=\"NAME\" name=\"NAME\" type=\"text\" tabindex=\"1\" minlength=\"3\"  autofocus required=\"\">\r\n                            <span class=\"highlight\">\r\n                            <\/span><span class=\"bar\"><\/span>\r\n                            <label>Full name<\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"group\">\r\n                            <input id=\"COBJ4CF5\" name=\"COBJ4CF5\" class=\"form-styling\" type=\"tel\" tabindex=\"2\"\r\n                                minlength=\"10\" required=\"\">\r\n                            <span class=\"highlight\">\r\n                            <\/span><span class=\"bar\"><\/span>\r\n                            <label>Mobile number<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"multi-inputs\">\r\n                        <div class=\"group\">\r\n                            <input id=\"Email\" name=\"Email\" class=\"form-styling\" type=\"email\" tabindex=\"3\" required=\"\">\r\n                            <span class=\"highlight\">\r\n                            <\/span><span class=\"bar\"><\/span>\r\n                            <label>Email<\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"group\">\r\n                            <div class=\"input-group autodata\">\r\n                                <input type=\"text\" id=\"COBJ4CF130\" name=\"COBJ4CF130\" required tabindex=\"4\"\r\n                                    class=\"form-styling\" autocomplete=\"nope\">\r\n\r\n                                <ul id=\"citySearchResult\" style=\"display: none;text-align:left;\"><\/ul>\r\n                                <span class=\"highlight\"><\/span>\r\n                                <span class=\"bar\"><\/span>\r\n                                <label>City<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"multi-inputs\">\r\n                        <div class=\"group\">\r\n                            <input id=\"COBJ4CF51\" name=\"COBJ4CF51\" class=\"form-styling\" type=\"number\" tabindex=\"5\"\r\n                                minlength=\"5\" required=\"\">\r\n                            <span class=\"highlight\"><\/span>\r\n                            <span class=\"bar\"><\/span>\r\n                            <label>Net Monthly Income<\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"group\">\r\n                            <div class=\"select\">\r\n                                <select class=\"select-text\" id=\"occupation\" name=\"COBJ4CF11\" tabindex=\"6\" required=\"\">\r\n                                    <option value=\"\" disabled selected><\/option>\r\n                                    <option value=\"Salaried\">Salaried<\/option>\r\n                                    <option value=\"Self Employed\">Self Employed<\/option>\r\n                                    <option value=\"Self Emp Professional\">Self Employed Professional<\/option>\r\n                                <\/select>\r\n                                <span class=\"select-highlight\"><\/span>\r\n                                <span class=\"select-bar\"><\/span>\r\n                                <label class=\"select-label\">Occupation Type<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"multi-inputs\">\r\n                        <div class=\"group\">\r\n                            <div class=\"input-group autodata\">\r\n                                <input id=\"COBJ4CF12\" name=\"COBJ4CF12\" type=\"text\" tabindex=\"7\" required=\"\"\r\n                                    class=\"form-styling\" autocomplete=\"off\">\r\n\r\n                                <ul id=\"companySearchResult\" style=\"display: none;text-align:left;\"><\/ul>\r\n                                <span class=\"highlight\">\r\n                                <\/span><span class=\"bar\"><\/span>\r\n                                <label>Company name<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"group\">\r\n                            <div class=\"select\">\r\n                                <select class=\"select-text\" id=\"salary-account\" name=\"COBJ4CF43\" tabindex=\"8\"\r\n                                    required=\"\">\r\n                                    <option value=\"\" disabled selected><\/option>\r\n                                    <option value=\"HDFC\">HDFC<\/option>\r\n                                    <option value=\"Yes Bank\">Yes Bank<\/option>\r\n                                    <option value=\"ICICI\">ICICI<\/option>\r\n                                    <option value=\"AXIS\">Axis<\/option>\r\n                                    <option value=\"Cash\">Cash Salary<\/option>\r\n                                    <option value=\"By Cheque\">By Cheque<\/option>\r\n                                    <option value=\"Others\">Other Bank<\/option>\r\n                                <\/select>\r\n                                <span class=\"select-highlight\"><\/span>\r\n                                <span class=\"select-bar\"><\/span>\r\n                                <label class=\"select-label\">Salary Bank Account<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"btn btn-submit\">Apply now<\/button>\r\n                    <input type=\"hidden\" id=\"COBJ4CF3\" name=\"COBJ4CF3\" value=\"Web Lead\">\r\n                    <input type=\"hidden\" id=\"COBJ4CF10\" name=\"COBJ4CF10\" value=\"MagicLoans\">\r\n                    <input type=\"hidden\" id=\"COBJ4CF1\" name=\"COBJ4CF1\" value=\"Fresh\">\r\n                    <input type=\"hidden\" name=\"zc_gad\" id=\"zc_gad\" value=\"\">\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        var mndFileds = new Array('NAME', 'COBJ4CF5', 'COBJ4CF51', 'Email', 'COBJ4CF130', 'COBJ4CF11', 'COBJ4CF43', 'COBJ4CF12');\r\n        var fldLangVal = new Array('Full Name (as on PAN card)', 'Mobile Number', 'Net Monthly Income', 'Email', 'City Name', 'Occupation', 'Salary Account in', 'Your Company\u2019s Name');\r\n        var name = '';\r\n        var email = '';\r\n    \r\n        function checkMandatory() {\r\n          for (i = 0; i < mndFileds.length; i++) {\r\n            var fieldObj = document.forms['WebForm778470000052139388'][mndFileds[i]];\r\n            if (fieldObj) {\r\n              if (((fieldObj.value).replace(\/^s+|s+$\/g, '')).length == 0) {\r\n                if (fieldObj.type == 'file') {\r\n                  alert('Please select a file to upload.');\r\n                  fieldObj.focus();\r\n                  return false;\r\n                }\r\n                alert(fldLangVal[i] + ' cannot be empty.');\r\n                fieldObj.focus();\r\n                return false;\r\n              } else if (fieldObj.nodeName == 'SELECT') {\r\n                if (fieldObj.options[fieldObj.selectedIndex].value == '-None-') {\r\n                  alert(fldLangVal[i] + ' cannot be none.');\r\n                  fieldObj.focus();\r\n                  return false;\r\n                }\r\n              } else if (fieldObj.type == 'checkbox') {\r\n                if (fieldObj.checked == false) {\r\n                  alert('Please accept  ' + fldLangVal[i]);\r\n                  fieldObj.focus();\r\n                  return false;\r\n                }\r\n              }\r\n              try {\r\n                if (fieldObj.name == 'Last Name') {\r\n                  name = fieldObj.value;\r\n                }\r\n              } catch (e) { }\r\n            }\r\n          }\r\n        }\r\n      <\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/posts\/503"}],"collection":[{"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/comments?post=503"}],"version-history":[{"count":0,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/posts\/503\/revisions"}],"wp:attachment":[{"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/media?parent=503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/categories?post=503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magicloans.in\/wp-json\/wp\/v2\/tags?post=503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}