<pre data-line="">
				<code readonly="true">
					<xmp><!DOCTYPE html>
<html lang="es">  
  <head>    
    <title></title>    
    <meta charset="UTF-8">
    <meta name="title" content="">
    <meta name="description" content="">    
    <link href=" " rel="stylesheet" type="text/css"/>  
    <style>
/* Style inputs, select elements and textareas */
input[type=text], input[type=email], input[type=tel], select, radio, textarea, checkbox{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  background-color: #ffffff;
  font-family: 'Roboto';
  font-size: 14px;
}
label {font-family: 'Roboto'; font-size: 14px;}
input[type=radio] {
    margin-left: 20px;
}
/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 12px;
  display: inline-block;
}
/* Style the submit button */
input[type=submit] .button#submitButton.btn.btn-primary{
  background-color: #002457;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: left;
}
input[type=submit]:hover {
  background-color: #CB4F19;
}
/* Style the container */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  width: 800px;
  margin: auto;
}
/* Floating column for labels: 50% width */
.col-6 {
  float: left;
  width: 50%;
  margin-top: 6px;
  font-family: 'Roboto';
  font-size: 14px;
}
/* Floating column for inputs: 100% width */
.col-12 {
  float: left;
  width: 100%;
  margin-top: 6px;
  font-family: 'Roboto';
  font-size: 14px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* 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 */
@media screen and (max-width: 600px) {
  .col-6, .col-12, input[type=submit] {
    width: 100%;
    margin-top: 6px;
  }
  .container {
  width: 300px;
  margin: auto;
  height: 900px;
}
}
</style> 
  </head>  
  <body>    
    .. content before contact form 
<!-- Form section -->
    <form action="<?php echo esc_url(admin_url('admin-post.php')); ?>" method="post" name="custom_contact_form"> 
            <label for="fullname"> 
                Full Name: 
            </label> 
            <input type="text" name="fullname" id="fullname" required /> 
            <label for="email"> 
                Email: 
            </label> 
            <input type="email" name="email" id="email" required /> 
            <label for="message"> 
                Message: 
            </label> 
            <textarea name="message" id="message" required></textarea> 
        <!-- pass admin method to handle form post -->
        <input type="hidden" name="action" value="custom_contact_form"> 
        <button type="submit" name="send_message"> 
            Send 
        </button> 
    </form> 
<!-- End of Form section -->
    .. content after contact form 
  </body>  
</html>
</xmp>
				</code>
			</pre>