[{"id":"3460c23","elType":"section","settings":{"pa_condition_repeater":[]},"elements":[{"id":"4f28d88","elType":"column","settings":{"_column_size":100,"_inline_size":null,"pa_condition_repeater":[]},"elements":[{"id":"3502b14","elType":"widget","settings":{"language":"html","code":"<!DOCTYPE html>\n<html lang=\"es\">  \n  <head>    \n    <title><\/title>    \n    <meta charset=\"UTF-8\">\n    <meta name=\"title\" content=\"\">\n    <meta name=\"description\" content=\"\">    \n    <link href=\" \" rel=\"stylesheet\" type=\"text\/css\"\/>  \n    <style>\n\/* Style inputs, select elements and textareas *\/\n\n\ninput[type=text], input[type=email], input[type=tel], select, radio, textarea, checkbox{\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  resize: vertical;\n  background-color: #ffffff;\n  font-family: 'Roboto';\n  font-size: 14px;\n}\n\nlabel {font-family: 'Roboto'; font-size: 14px;}\n\ninput[type=radio] {\n    margin-left: 20px;\n    \n}\n\n\n\n\n\/* Style the label to display next to the inputs *\/\nlabel {\n  padding: 12px 12px 12px 12px;\n  display: inline-block;\n}\n\n\/* Style the submit button *\/\ninput[type=submit] .button#submitButton.btn.btn-primary{\n  background-color: #002457;\n  color: white;\n  padding: 12px 20px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  float: left;\n}\n\ninput[type=submit]:hover {\n  background-color: #CB4F19;\n}\n\n\/* Style the container *\/\n.container {\n  border-radius: 5px;\n  background-color: #f2f2f2;\n  padding: 20px;\n  width: 800px;\n  margin: auto;\n\n}\n\/* Floating column for labels: 50% width *\/\n.col-6 {\n  float: left;\n  width: 50%;\n  margin-top: 6px;\n  font-family: 'Roboto';\n  font-size: 14px;\n}\n\n\/* Floating column for inputs: 100% width *\/\n.col-12 {\n  float: left;\n  width: 100%;\n  margin-top: 6px;\n  font-family: 'Roboto';\n  font-size: 14px;\n}\n\n\/* Clear floats after the columns *\/\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other *\/\n@media screen and (max-width: 600px) {\n  .col-6, .col-12, input[type=submit] {\n    width: 100%;\n    margin-top: 6px;\n  }\n  \n  .container {\n  width: 300px;\n  margin: auto;\n  height: 900px;\n}\n}\n<\/style> \n\n  <\/head>  \n  <body>    \n    <div> \n    .. content before contact form \n<\/div> \n<!-- Form section -->\n<div id=\"contact-form\"> \n    <form action=\"<?php echo esc_url(admin_url('admin-post.php')); ?>\" method=\"post\" name=\"custom_contact_form\"> \n        <div> \n            <label for=\"fullname\"> \n                Full Name: \n            <\/label> \n            <input type=\"text\" name=\"fullname\" id=\"fullname\" required \/> \n        <\/div> \n        <div> \n            <label for=\"email\"> \n                Email: \n            <\/label> \n            <input type=\"email\" name=\"email\" id=\"email\" required \/> \n        <\/div> \n        <div> \n            <label for=\"message\"> \n                Message: \n            <\/label> \n            <textarea name=\"message\" id=\"message\" required><\/textarea> \n        <\/div> \n \n        <!-- pass admin method to handle form post -->\n        <input type=\"hidden\" name=\"action\" value=\"custom_contact_form\"> \n \n        <button type=\"submit\" name=\"send_message\"> \n            Send \n        <\/button> \n \n    <\/form> \n<\/div> \n<!-- End of Form section -->\n<div> \n    .. content after contact form \n<\/div> \n\n  <\/body>  \n<\/html>\n\n\n\n","pa_condition_repeater":[]},"elements":[],"widgetType":"code-highlight"}],"isInner":false}],"isInner":false}]