{"id":6,"date":"2016-09-06T10:38:05","date_gmt":"2016-09-06T10:38:05","guid":{"rendered":"http:\/\/demo.awplife.com\/contact-form-premium\/?page_id=6"},"modified":"2024-08-28T08:40:15","modified_gmt":"2024-08-28T08:40:15","slug":"contact-form-premium-2","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/contact-form-premium\/","title":{"rendered":"Contact Form Premium"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Add Background Image or Title &amp; Description Center<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1629\" height=\"948\" src=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/smiling-happy-indian-student-with-backpack-pointing-his-finger-wall-new-last.png\" alt=\"\" class=\"wp-image-394\" srcset=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/smiling-happy-indian-student-with-backpack-pointing-his-finger-wall-new-last.png 1629w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/smiling-happy-indian-student-with-backpack-pointing-his-finger-wall-new-last-300x175.png 300w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/smiling-happy-indian-student-with-backpack-pointing-his-finger-wall-new-last-1024x596.png 1024w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/smiling-happy-indian-student-with-backpack-pointing-his-finger-wall-new-last-768x447.png 768w, https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/smiling-happy-indian-student-with-backpack-pointing-his-finger-wall-new-last-1536x894.png 1536w\" sizes=\"auto, (max-width: 1629px) 100vw, 1629px\" \/><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Settings Used<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Template Design \u2013 2, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-100%, Select Button Design \u2013 2,<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Used Background Image<\/strong><\/p>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a href=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/smiling-happy-indian-students-with-backpack-pointing-his-finger-wall.png\" class=\"wp-block-file__button wp-element-button\" download>Download<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Use Custom CSS<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>button.btn.btn-primary {\n    width: -webkit-fill-available;\n}\n.cfw-container h2, .cfw-container p  {\n    text-align: center !important;\n}\n.cfw-form {\n    padding-left: 340px !important;\n    padding-right: 310px !important;\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Add Background Image &amp; Change Button Color<\/h2>\n\n\n\t <style>\n        .btn-primary {\n    background-color: #23272a  !important;\n    border-color: #f8f9fa  !important;\n}\n.btn-primary:hover {\n    background-color: #40464a !important;\n    border-color: #01d131 !important;\n}\n.cfw-seven-container {\n    border-radius: 50px !important;\n}\n.cfw-seven-right-column {\n    flex: 2 !important;\n}\t\t.cfw-form-align {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t}\n        .cwf-logo-image {\n            width: auto;\n            height: gopx !important;\n            margin-top: 15px;\n\t\t\tmax-width: 100%;\n        }\n        .cfw-form {\n            padding: 10px;\n            border-radius: 5px;\n        }\n        .cfw-container {\n            background-color: #1a2b3c;\n            padding: 2rem;\n            border-radius: 8px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            width: 100%;\n            max-width: 100% !important;\n        }\n       .cfw-container h2, .cfw-5-container h2, .form-six-content h2, .cfw-seven-container h2{\n            color: #ffffff !important;\n        }\n        .cfw-seven-container h2{\n           margin-bottom: 25px;\n        }\n        .form-area {\n            background-color: #1a2b3c;\n        }\n\t\t.cfw-5-container {\n            display: flex;\n\t\t\twidth: 100%\n        }\n                \n        .cfw-form p, .form-six-content p, .cfw-seven-container p{\n\t\t\t\tcolor: #ffffff;\n\t\t\t}\n            \n\t\tlabel {\n\t\t\tcolor: #ffffff;\n\t\t}\n        \n        .form-group {\n            padding-top: 15px;\n            padding-bottom: 15px;\n        }\n        .cfw-error {\n            display: none;\n            padding: 7px !important;\n        }\n        button {\n            width: 100%;\n            font-size: 20px!important;\n        }\n        button:hover {\n            background-color: #0056b3;\n        }\n                .form-six {\n            background-color: #1a2b3c;\n            color: white;\n            border-radius: 8px;\n            width: 100%;\n            overflow: hidden;\n        }\n        .form-six-header {\n            background-image: url('https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/8731-Large.jpg');\n            background-size: cover;\n            background-position: center;\n            height: 200px;\n\t\t\tbackground-repeat: no-repeat;\n        }\n\t\t.cfw-seven-container {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\tbackground: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/8731-Large.jpg') no-repeat center center;\n\t\t\tbackground-size: cover;\n\t\t\tcolor: white;\n\t\t}\n    <\/style>\n<\/head>\n<body>\n    <style>\r\n.cfw-seven-left-column {\r\n\tflex: 1;\r\n\tpadding: 50px;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n}\r\n.cfw-seven-right-column {\r\n\tflex: 1;\r\n\tpadding: 50px;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n}\r\nlabel {\r\n    margin-top: 1rem;\r\n}\r\n.name-inputs {\r\n\tdisplay: flex;\r\n\tgap: 1rem;\r\n}\r\n.name-inputs input {\r\n\tflex: 1;\r\n}\r\n.form-six-seven input, textarea {\r\n\tcolor: #000;\r\n}\r\n<\/style>\r\n\t   <div class=\"cfw-seven-container\">\n        <div class=\"cfw-seven-left-column\">\n            <h2>Contact US<\/h2>\n\t\t\t<p>We will get back to you asap!<\/p>\n        <\/div>\n        <div class=\"cfw-seven-right-column\">\n            <form id=\"user-contact-form\" name=\"user-contact-form\">\n\t\t\t\t<label for=\"first-name\">Name<\/label>\n\t\t\t\t<div class=\"name-inputs\">\n\t\t\t\t\t<input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Type Your Name Here\" maxlength=\"25\">\n\t\t\t\t\t<p class=\"cfw-error name-error alert alert-warning\"><strong>Name cannot be blank.<\/strong><\/p>\n\t\t\t\t\t<input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Type Your Email Here\">\n\t\t\t\t\t<p class=\"cfw-error email-error alert alert-warning\"><strong>Email cannot be blank.<\/strong><\/p>\n\t\t\t\t\t<p class=\"cfw-error email-error-2 alert alert-warning\"><strong>Email is invalid.<\/strong><\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<label for=\"email\">Subject<\/label>\n\t\t\t\t<input type=\"text\" id=\"subject\" name=\"subject\" maxlength=\"50\" placeholder=\"Type Your Query Subject Here\">\n\t\t\t\t<p class=\"cfw-error subject-error alert alert-warning\"><strong>Subject cannot be blank.<\/strong><\/p>\n\t\t\t\t<label for=\"message\">Leave us a few words:<\/label>\n\t\t\t\t<textarea id=\"message\" name=\"message\" rows=\"4\" maxlength=\"500\" placeholder=\"Type Your Query Message Here\"><\/textarea>\n\t\t\t\t<p class=\"cfw-error message-error alert alert-warning\"><strong>Message cannot be blank.<\/strong><\/p>\n\t\t\t\t\t\t\t\t<div class=\"form-group cfw5-submit-button design-button\">\n\t\t\t\t\t<button type=\"button\" class=\"btn btn-primary\" onclick=\"return ValidateForm();\">Submit Query<\/button>\n\t\t\t\t<\/div>\n            <\/form>\n\t\t\t<!-- Loading icon -->\n\t\t\t<div id=\"awp-loading-icon\" class=\"text-center\" style=\"display: none;\">\n\t\t\t\t<i class=\"fa fa-spinner fa-pulse fa-3x fa-fw\"><\/i><br>\n\t\t\t\tPlease wait submitting your query.\n\t\t\t<\/div>\n\t\t\t<!-- Ajax result -->\n\t\t\t<div id=\"contact-result\" style=\"display: none;\"><\/div>\n        <\/div>\n\t\t\n    <\/div>\n\n\t\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Settings Used<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Template Design \u2013 7, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-100%, Select Button Design \u2013 1,<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Used Background Image<\/strong><\/p>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a href=\"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-content\/uploads\/sites\/18\/2024\/08\/8731-Large.jpg\" class=\"wp-block-file__button wp-element-button\" download>Download<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Use Custom CSS<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.btn-primary {\n    background-color: #23272a  !important;\n    border-color: #f8f9fa  !important;\n}\n.btn-primary:hover {\n    background-color: #40464a !important;\n    border-color: #01d131 !important;\n}\n.cfw-seven-container {\n    border-radius: 50px !important;\n}\n.cfw-seven-right-column {\n    flex: 2 !important;\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Add Background Image or Title &amp; Description Center Settings Used Template Design \u2013 2, Logo URL \u2013 None, Logo Size \u2013 No Logo, Contact Form Position \u2013 Center, Form Background Image \u2013 Select Any Image, Contact Form Width-100%, Select Button Design \u2013 2, Used Background Image Use Custom CSS Add Background Image &amp; Change Button [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":18,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":535,"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/pages\/6\/revisions\/535"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/contact-form-premium\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}