Skip to content

Instantly share code, notes, and snippets.

@dimaslanjaka

dimaslanjaka/form.html

Last active April 16, 2017 09:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dimaslanjaka/340a89d6f17270486864c6941d2133d9 to your computer and use it in GitHub Desktop.
Save dimaslanjaka/340a89d6f17270486864c6941d2133d9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
form.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html class="supernova">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/json+oembed" href="https://www.jotform.com/oembed/?format=json&amp;url=http%3A%2F%2Fwww.jotform.com%2Fform%2F71051612971451" title="oEmbed Form">
<link rel="alternate" type="text/xml+oembed" href="https://www.jotform.com/oembed/?format=xml&amp;url=http%3A%2F%2Fwww.jotform.com%2Fform%2F71051612971451" title="oEmbed Form">
<meta property="og:title" content="Blue Sky Contact Form" >
<meta property="og:url" content="https://www.jotform.me/form/71051612971451" >
<meta property="og:description" content="Please click the link to complete this form.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="HandheldFriendly" content="true" />
<title>Blue Sky Contact Form
</title>
<link href="https://cdn.jotfor.ms/static/formCss.css?3.3.18430" rel="stylesheet" type="text/css" />
<link type="text/css" media="print" rel="stylesheet" href="https://cdn.jotfor.ms/css/printForm.css?3.3.18430" />
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/nova.css?3.3.18430" />
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/themes/CSS/566a91c2977cdfcd478b4567.css?themeRevisionID=58c6459d9a11c7136a8b4567"/>
<style type="text/css"> .form-label-left{
width:150px !important;
}
.form-line{
padding-top:12px;
padding-bottom:12px;
}
.form-label-right{
width:150px !important;
}
body, html{
margin:0;
padding:0;
background:#fff;
}
.form-all{
margin:0px auto;
padding-top:0px;
width:500px;
color:rgb(0, 65, 104) !important;
font-family:'Roboto';
font-size:14px;
}
.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
color: #0070B5;
}
</style>
<style type="text/css" id="form-designer-style"> /* Injected CSS Code */.form-label.form-label-auto {
display: inline-block;
float: left;
text-align: left;
}
@import "https://fonts.googleapis.com/css?family=Roboto:light,lightitalic,normal,italic,bold,bolditalic";
@import "//support.jotform.com/themes/css/buttons/form-submit-button-simple_carolina_blue.css";
.form-all {
font-family: "Roboto", sans-serif;
}
.form-all {
width: 480px;
}
.form-label-left,.form-label-right {
width: 150px;
}
.form-label {
white-space: normal;
}
.form-label-left {
display: inline-block;
white-space: normal;
float: left;
text-align: left;
}
.form-label-right {
display: inline-block;
white-space: normal;
float: left;
text-align: right;
}
.form-label-top {
white-space: normal;
display: block;
float: none;
text-align: left;
}
.form-radio-item label:before {
top: 0;
}
.form-all {
font-size: 14px;
}
.form-label {
font-weight: normal;
font-size: 0.95em;
}
.supernova {
background-color: #ffffff;
background-color: #f5f5f5;
}
.supernova body {
background-color: transparent;
}
/*@width30: (unit(@formWidth, px) + 60px);@width60: (unit(@formWidth, px)+ 120px);@width90: (unit(@formWidth, px)+ 180px);*//* | */@media screen and (min-width: 480px) {
.supernova .form-all {
border: 1px solid #dcdcdc;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
}
}
/* | *//* | */@media screen and (max-width: 480px) {
.jotform-form {
padding: 10px 0;
}
}
/* | *//* | */@media screen and (min-width: 480px) and (max-width: 768px) {
.jotform-form {
padding: 30px 0;
}
}
/* | *//* | */@media screen and (min-width: 480px) and (max-width: 479px) {
.jotform-form {
padding: 30px 0;
}
}
/* | *//* | */@media screen and (min-width: 768px) {
.jotform-form {
padding: 60px 0;
}
}
/* | *//* | */@media screen and (max-width: 479px) {
.jotform-form {
padding: 12px;
}
}
/* | */.supernova .form-all,.form-all {
background-color: #ffffff;
border: 1px solid transparent;
}
.form-header-group {
border-color: #e6e6e6;
}
.form-matrix-table tr {
border-color: #e6e6e6;
}
.form-matrix-table tr:nth-child(2n) {
background-color: #f2f2f2;
}
.form-all {
color: #004168;
}
.form-header-group .form-header {
color: #004168;
}
.form-header-group .form-subHeader {
color: #00619b;
}
.form-sub-label {
color: #00619b;
}
.form-label-top,.form-label-left,.form-label-right,.form-html {
color: #00619b;
}
.form-checkbox-item label,.form-radio-item label {
color: #004168;
}
.form-line.form-line-active {
-webkit-transition-property: all;
-moz-transition-property: all;
-ms-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
background-color: rgba(255, 255, 224, 0);
}
/* omer */.form-radio-item,.form-checkbox-item {
padding-bottom: 4px !important;
}
.form-radio-item:last-child,.form-checkbox-item:last-child {
padding-bottom: 0;
}
/* omer */.form-single-column .form-checkbox-item,.form-single-column .form-radio-item {
width: 100%;
}
.form-radio-item:not(#foo) {
margin-bottom: 0;
position: relative;
}
.form-radio-item:not(#foo) input[type="checkbox"],.form-radio-item:not(#foo) input[type="radio"] {
display: none;
}
.form-radio-item:not(#foo) .form-radio-other,.form-radio-item:not(#foo) .form-checkbox-other {
display: inline-block !important;
margin-left: 7px;
margin-right: 3px;
margin-top: 4px;
}
.form-radio-item:not(#foo) .form-checkbox-other-input,.form-radio-item:not(#foo) .form-radio-other-input {
margin: 0;
}
.form-radio-item:not(#foo) label {
line-height: 18px;
margin-left: 0;
float: left;
text-indent: 27px;
}
.form-radio-item:not(#foo) label:before {
content: '';
position: absolute;
display: inline-block;
vertical-align: baseline;
margin-right: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left: 4px;
width: 18px;
height: 18px;
cursor: pointer;
}
.form-radio-item:not(#foo) label:after {
content: '';
position: absolute;
z-index: 10;
display: inline-block;
opacity: 0;
top: 5px;
left: 9px;
width: 8px;
height: 8px;
}
.form-radio-item:not(#foo) input:checked + label:after {
opacity: 1;
}
.form-radio-item:not(#foo) input[type="checkbox"],.form-radio-item:not(#foo) input[type="radio"] {
display: none;
}
.form-radio-item:not(#foo) .form-radio-other,.form-radio-item:not(#foo) .form-checkbox-other {
display: inline-block !important;
margin-left: 7px;
margin-right: 3px;
margin-top: 4px;
}
.form-radio-item:not(#foo) .form-checkbox-other-input,.form-radio-item:not(#foo) .form-radio-other-input {
margin: 0;
}
.form-radio-item:not(#foo) label {
line-height: 24px;
margin-left: 0;
float: left;
text-indent: 33px;
}
.form-radio-item:not(#foo) label:before {
content: '';
position: absolute;
display: inline-block;
vertical-align: baseline;
margin-right: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left: 4px;
width: 24px;
height: 24px;
cursor: pointer;
}
.form-radio-item:not(#foo) label:after {
content: '';
position: absolute;
z-index: 10;
display: inline-block;
opacity: 0;
top: 7px;
left: 11px;
width: 10px;
height: 10px;
}
.form-radio-item:not(#foo) input:checked + label:after {
opacity: 1;
}
.form-radio-item:not(#foo) label:before {
border: 2px solid #0070b5;
}
.form-radio-item:not(#foo) label:after {
background-color: #0070b5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.form-checkbox-item:not(#foo) {
margin-bottom: 0;
position: relative;
}
.form-checkbox-item:not(#foo) input[type="checkbox"],.form-checkbox-item:not(#foo) input[type="radio"] {
display: none;
}
.form-checkbox-item:not(#foo) .form-radio-other,.form-checkbox-item:not(#foo) .form-checkbox-other {
display: inline-block !important;
margin-left: 7px;
margin-right: 3px;
margin-top: 4px;
}
.form-checkbox-item:not(#foo) .form-checkbox-other-input,.form-checkbox-item:not(#foo) .form-radio-other-input {
margin: 0;
}
.form-checkbox-item:not(#foo) label {
line-height: 18px;
margin-left: 0;
float: left;
text-indent: 27px;
}
.form-checkbox-item:not(#foo) label:before {
content: '';
position: absolute;
display: inline-block;
vertical-align: baseline;
margin-right: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left: 4px;
width: 18px;
height: 18px;
cursor: pointer;
}
.form-checkbox-item:not(#foo) label:after {
content: '';
position: absolute;
z-index: 10;
display: inline-block;
opacity: 0;
top: 8px;
left: 9px;
width: 3px;
height: 3px;
}
.form-checkbox-item:not(#foo) input:checked + label:after {
opacity: 1;
}
.form-checkbox-item:not(#foo) label:before {
border: 2px solid #0070b5;
}
.form-checkbox-item:not(#foo) label:after {
background-color: #0070b5;
box-shadow: 0 2px 0 0 #0070b5, 2px 2px 0 0 #0070b5, 4px 2px 0 0 #0070b5, 6px 2px 0 0 #0070b5;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.form-checkbox-item:not(#foo) input[type="checkbox"],.form-checkbox-item:not(#foo) input[type="radio"] {
display: none;
}
.form-checkbox-item:not(#foo) .form-radio-other,.form-checkbox-item:not(#foo) .form-checkbox-other {
display: inline-block !important;
margin-left: 7px;
margin-right: 3px;
margin-top: 4px;
}
.form-checkbox-item:not(#foo) .form-checkbox-other-input,.form-checkbox-item:not(#foo) .form-radio-other-input {
margin: 0;
}
.form-checkbox-item:not(#foo) label {
line-height: 24px;
margin-left: 0;
float: left;
text-indent: 33px;
}
.form-checkbox-item:not(#foo) label:before {
content: '';
position: absolute;
display: inline-block;
vertical-align: baseline;
margin-right: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left: 4px;
width: 24px;
height: 24px;
cursor: pointer;
}
.form-checkbox-item:not(#foo) label:after {
content: '';
position: absolute;
z-index: 10;
display: inline-block;
opacity: 0;
top: 11px;
left: 10px;
width: 4px;
height: 4px;
}
.form-checkbox-item:not(#foo) input:checked + label:after {
opacity: 1;
}
.form-checkbox-item:not(#foo) label:after {
background-color: #0070b5;
box-shadow: 0 3px 0 0 #0070b5, 3px 3px 0 0 #0070b5, 6px 3px 0 0 #0070b5, 8px 3px 0 0 #0070b5;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.supernova {
height: 100%;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-repeat: repeat;
}
.supernova {
background-image: none;
}
#stage {
background-image: none;
}
/* | */.form-all {
background-image: url("https://cms.interlogy.com/uploads/image_upload/image_upload/global/6461_clouds.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-size: cover;
}
.form-header-group {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
}
.form-line {
margin-top: 0px;
margin-bottom: 0px;
}
.form-line {
padding: 12px 36px;
}
.form-all .form-submit-button,.form-all .form-submit-reset,.form-all .form-submit-print {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.form-all .form-sub-label {
margin-left: 3px;
}
.form-all {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.form-section:first-child {
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.form-section:last-child {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.form-all .qq-upload-button,.form-all .form-submit-button,.form-all .form-submit-reset,.form-all .form-submit-print {
font-size: 1em;
padding: 9px 15px;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: normal;
}
.form-all .form-pagebreak-back,.form-all .form-pagebreak-next {
font-size: 1em;
padding: 9px 15px;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: normal;
}
/*& when ( @buttonFontType = google ) { @import (css) "@{buttonFontLink}";}*/h2.form-header {
line-height: 1.618em;
font-size: 1.714em;
}
h2 ~ .form-subHeader {
line-height: 1.5em;
font-size: 1.071em;
}
.form-header-group {
text-align: center;
}
/*.form-dropdown,.form-radio-item,.form-checkbox-item,.form-radio-other-input,.form-checkbox-other-input,*/.form-captcha input,.form-spinner input,.form-error-message {
padding: 4px 3px 2px 3px;
}
.form-header-group {
font-family: "Roboto", sans-serif;
}
.form-section {
padding: 0px 0px 0px 0px;
}
.form-header-group {
margin: 12px 0px 12px 0px;
}
.form-header-group {
padding: 24px 36px 24px 36px;
}
.form-header-group .form-header,.form-header-group .form-subHeader {
color: #024e7e;
}
.form-textbox,.form-textarea {
border-color: #ffffff;
padding: 4px 3px 2px 3px;
}
.form-textbox,.form-textarea,.form-radio-other-input,.form-checkbox-other-input,.form-captcha input,.form-spinner input {
background-color: rgba(241, 241, 241, 0);
}
.form-dropdown {
border-color: #ffffff;
-webkit-appearance: menulist-button;
background-color: rgba(248, 248, 248, 0);
}
[data-type="control_dropdown"] .form-input,[data-type="control_dropdown"] .form-input-wide {
width: 150px;
}
.form-buttons-wrapper {
margin-left: 0 !important;
text-align: center;
}
.form-header-group {
border-bottom: none;
}
.form-label {
font-family: "Roboto", sans-serif;
}
li[data-type="control_image"] div {
text-align: left;
}
li[data-type="control_image"] img {
border: none;
border-width: 0px !important;
border-style: solid !important;
border-color: false !important;
}
.form-line-column {
width: auto;
}
.form-line-error {
background-color: #ffffff;
-webkit-box-shadow: inset 0px 3px 11px -7px #ff3200;
-moz-box-shadow: inset 0px 3px 11px -7px #ff3200;
box-shadow: inset 0px 3px 11px -7px #ff3200;
}
.form-line-error input:not(#coupon-input),.form-line-error textarea,.form-line-error .form-validation-error {
-webkit-transition-property: none;
-moz-transition-property: none;
-ms-transition-property: none;
-o-transition-property: none;
transition-property: none;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
border: 1px solid #fff4f4;
-moz-box-shadow: 0 0 3px #fff4f4;
-webkit-box-shadow: 0 0 3px #fff4f4;
box-shadow: 0 0 3px #fff4f4;
}
.form-line-error .form-error-message {
margin: 0;
position: absolute;
color: #fff;
display: inline-block;
right: 0;
font-size: 10px;
position: absolute!important;
box-shadow: none;
top: 0px;
line-height: 20px;
color: #FFF;
background: #ff3200;
padding: 0px 5px;
bottom: auto;
min-width: 105px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.form-line-error .form-error-message img,.form-line-error .form-error-message .form-error-arrow {
display: none;
}
.ie-8 .form-all {
margin-top: auto;
margin-top: initial;
}
.ie-8 .form-all:before {
display: none;
}
/* | */@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
.testOne {
letter-spacing: 0;
}
.jotform-form {
padding: 12px 0 0 0;
}
.form-all {
border: 0;
width: 94%!important;
max-width: initial;
}
.form-sub-label-container {
width: 100%;
margin: 0;
margin-right: 0;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
span.form-sub-label-container + span.form-sub-label-container {
margin-right: 0;
}
.form-sub-label {
white-space: normal;
}
.form-address-table td, .form-address-table th {
padding: 0 1px 10px;
}
.form-submit-button, .form-submit-print, .form-submit-reset {
width: 100%;
margin-left: 0!important;
}
div[id*=at_] {
font-size: 14px;
font-weight: 700;
height: 8px;
margin-top: 6px;
}
.showAutoCalendar {
width: 20px;
}
img.form-image {
max-width: 100%;
height: auto;
}
.form-matrix-row-headers {
width: 100%;
word-break: break-all;
min-width: 40px;
}
.form-collapse-table, .form-header-group {
margin: 0;
}
.form-collapse-table {
height: 100%;
display: inline-block;
width: 100%;
}
.form-collapse-hidden {
display: none !important;
}
.form-input {
width: 100%;
}
.form-label {
width: 100% !important;
}
.form-label-left, .form-label-right {
display: block;
float: none;
text-align: left;
width: auto!important;
}
.form-line, .form-line.form-line-column {
padding: 2% 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text], input[type=email], input[type=tel], textarea {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: initial !important;
}
.form-dropdown, .form-textarea, .form-textbox {
width: 100%!important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-input, .form-input-wide, .form-textarea, .form-textbox, .form-dropdown {
max-width: initial!important;
}
.form-address-city, .form-address-line, .form-address-postal, .form-address-state, .form-address-table, .form-address-table .form-sub-label-container, .form-address-table select, .form-input {
width: 100%;
}
div.form-header-group {
padding: 24px 36px !important;
padding-left: 5%!important;
padding-right: 5%!important;
margin: 0 12px 2% !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.form-header-group.hasImage img {
max-width: 100%;
}
[data-type="control_button"] {
margin-bottom: 0 !important;
}
[data-type=control_fullname] .form-sub-label-container {
width: 48%;
}
[data-type=control_fullname] .form-sub-label-container:first-child {
margin-right: 4%;
}
[data-type=control_phone] .form-sub-label-container {
width: 65%;
}
[data-type=control_phone] .form-sub-label-container:first-child {
width: 31%;
margin-right: 4%;
}
[data-type=control_datetime] .form-sub-label-container + .form-sub-label-container, [data-type=control_datetime] .form-sub-label-container:first-child {
width: 27.3%;
margin-right: 6%;
}
[data-type=control_datetime] .form-sub-label-container + .form-sub-label-container + .form-sub-label-container {
width: 33.3%;
margin-right: 0;
}
[data-type=control_datetime] span + span + span > span:first-child {
display: block;
width: 100% !important;
}
[data-type=control_birthdate] .form-sub-label-container, [data-type=control_datetime] span + span + span > span:first-child + span + span, [data-type=control_time] .form-sub-label-container {
width: 27.3%!important;
margin-right: 6% !important;
}
[data-type=control_birthdate] .form-sub-label-container:last-child, [data-type=control_time] .form-sub-label-container:last-child {
width: 33.3%!important;
margin-right: 0 !important;
}
.form-pagebreak-back-container, .form-pagebreak-next-container {
width: 50% !important;
}
.form-pagebreak-back, .form-pagebreak-next, .form-product-item.hover-product-item {
width: 100%;
}
.form-pagebreak-back-container {
padding: 0;
text-align: right;
}
.form-pagebreak-next-container {
padding: 0;
text-align: left;
}
.form-pagebreak {
margin: 0 auto;
}
.form-buttons-wrapper {
margin: 0!important;
margin-left: 0!important;
}
.form-buttons-wrapper button {
width: 100%;
}
.form-buttons-wrapper .form-submit-print {
margin: 0 !important;
}
table {
width: 100%!important;
max-width: initial!important;
}
table td + td {
padding-left: 3%;
}
.form-checkbox-item, .form-radio-item {
white-space: normal!important;
}
.form-checkbox-item input, .form-radio-item input {
width: auto;
}
.form-collapse-table {
margin: 0 5%;
display: block;
zoom: 1;
width: auto;
}
.form-collapse-table:before, .form-collapse-table:after {
display: table;
content: '';
line-height: 0;
}
.form-collapse-table:after {
clear: both;
}
.fb-like-box {
width: 98% !important;
}
.form-error-message {
clear: both;
bottom: -10px;
}
.date-separate, .phone-separate {
display: none;
}
.custom-field-frame, .direct-embed-widgets, .signature-pad-wrapper {
width: 100% !important;
}
}
/* | *//*PREFERENCES STYLE*/ .form-all {
font-family: Roboto, sans-serif;
}
.form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {
font-family: Roboto, sans-serif;
}
.form-all .form-pagebreak-back-container, .form-all .form-pagebreak-next-container {
font-family: Roboto, sans-serif;
}
.form-header-group {
font-family: Roboto, sans-serif;
}
.form-label {
font-family: Roboto, sans-serif;
}
.form-line {
margin-top: 12px;
margin-bottom: 12px;
}
.form-all {
width: 500px;
}
.form-label-left, .form-label-right {
width: 150px }
.form-all {
font-size: 14px }
.form-all .qq-upload-button, .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {
font-size: 14px }
.form-all .form-pagebreak-back-container, .form-all .form-pagebreak-next-container {
font-size: 14px }
.supernova .form-all, .form-all {
background-color: #fff;
border: 1px solid transparent;
}
.form-all {
color: rgb(0, 65, 104);
}
.form-header-group .form-header {
color: rgb(2, 78, 126);
}
.form-header-group .form-subHeader {
color: rgb(0, 65, 104);
}
.form-label-top, .form-label-left, .form-label-right, .form-html, .form-checkbox-item label, .form-radio-item label {
color: rgb(0, 65, 104);
}
.form-sub-label {
color: 1a1a1a;
}
.supernova {
background-color: #f5f5f5;
}
.supernova body {
background: transparent;
}
.form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input {
background-color: rgba(241, 241, 241, 0);
}
.supernova {
background-image: none;
}
#stage {
background-image: none;
}
.form-all {
background-image: none;
}
.ie-8 .form-all:before {
display: none;
}
.ie-8 {
margin-top: auto;
margin-top: initial;
}
/*PREFERENCES STYLE*//*__INSPECT_SEPERATOR__*//*---------------------Theme: Generic ThemeAuthor: Elton Cris - idarktech@jotform.comwww.jotform.com----------------------*/.form-all {
-moz-box-sizing : border-box;
-webkit-box-sizing : border-box;
box-sizing : border-box;
}
[data-type="control_head"] {
padding-bottom : 20px;
}
/*responsive fields*/[data-type="control_textbox"] .form-textbox, [data-type="control_fullname"] .form-textbox,[data-type="control_email"] .form-textbox,[data-type="control_textarea"] .form-textarea, [data-type="control_dropdown"] .form-dropdown {
width : 100% !important;
max-width : none !important;
}
.form-textbox, .form-textarea, .form-dropdown {
max-width : none !important;
box-shadow : none;
outline : none;
box-sizing : border-box;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
font-family : inherit;
box-shadow : 1px 1px 2px #ccc;
padding : 7px 5px !important;
}
.form-textarea-limit>span {
display : block;
}
[data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {
width : 100%;
}
/*input focus*/.form-line-active input:focus, .form-line-active textarea:focus, .form-line-active select:focus {
box-shadow : none;
}
/*reset error*/.form-line-error {
box-shadow : none;
}
/*input error*/.form-line-error input:not(#coupon-input), .form-line-error textarea, .form-line-error select, .form-line-error .form-validation-error {
border : 1px solid #e15353 !important;
box-shadow : none !important;
}
.form-line-active {
color : inherit !important;
}
/*responsive content -wide or shrink*/.form-label {
width : 35% !important;
box-sizing : border-box;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
}
.form-label-top {
width : 100% !important;
}
.form-line {
box-sizing : border-box;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
width : 100%;
}
.form-checkbox-other-input {
width : 80% !important;
}
.form-input {
width : 65% !important;
max-width : none !important;
}
.form-input-wide {
max-width : none !important;
display : inline-block;
width : 100%;
}
/*single fields with sublabels*/[data-type="control_textbox"] .form-input-wide .form-sub-label-container, [data-type="control_fullname"] .form-input-wide .form-sub-label-container,[data-type="control_email"] .form-input-wide .form-sub-label-container,[data-type="control_textarea"] .form-input-wide .form-sub-label-container, [data-type="control_dropdown"] .form-input-wide .form-sub-label-container,[data-type="control_textbox"] .form-input .form-sub-label-container, [data-type="control_fullname"] .form-input .form-sub-label-container,[data-type="control_email"] .form-input .form-sub-label-container,[data-type="control_textarea"] .form-input .form-sub-label-container, [data-type="control_dropdown"] .form-input .form-sub-label-container {
width : 100%;
max-width : none !important;
}
[data-type="control_dropdown"] .form-input-wide {
width : 100%;
}
/*responsive full name*/[data-type="control_fullname"] .form-sub-label-container {
width : 50% !important;
margin : 0;
float : left;
box-sizing : border-box;
}
[data-type="control_fullname"] .form-label + div .form-sub-label-container {
display : inline-block;
padding-right : 5px;
}
[data-type="control_fullname"] .form-label + div .form-sub-label-container + .form-sub-label-container {
margin-right : 0;
padding-right : 0;
padding-left : 5px;
}
[data-type="control_fullname"] .form-label + div .form-sub-label-container + .form-sub-label-container {
margin-right : 0;
padding-right : 0;
padding-left : 5px;
}
[data-type="control_fullname"] .form-label + div .form-sub-label-container + .form-sub-label-container + .form-sub-label-container {
padding-left : 0;
padding-right : 5px;
}
[data-type="control_fullname"] .form-label + div .form-sub-label-container + .form-sub-label-container + .form-sub-label-container + .form-sub-label-container {
padding-left : 5px;
padding-right : 0;
}
[data-type="control_fullname"] .form-label + div .form-sub-label-container + .form-sub-label-container + .form-sub-label-container + .form-sub-label-container + .form-sub-label-container {
padding-right : 5px;
padding-left : 0;
}
#sublabel_prefix, #sublabel_first, #sublabel_middle {
/*margin-bottom : 10px; */;
}
/*remove sepatators on date and phone*/.phone-separate, .date-separate {
display : none;
}
/*responsive phone fields*/[data-type="control_phone"] input[name$="[area]"] {
width : 100%;
}
[data-type="control_phone"] input[name$="[phone]"] {
width : 100%;
}
[data-type="control_phone"] input[name$="[full]"] {
width : 100%;
}
[data-type="control_phone"] .form-sub-label-container {
width : 40%;
float : left;
box-sizing : border-box;
margin-right : 0;
padding-right : 12px;
}
/* responsive date time field */[data-type="control_datetime"] .form-textbox,[data-type="control_datetime"] .form-dropdown {
width : 100%;
}
[data-type="control_datetime"] .form-sub-label-container {
width : 28%;
padding-left : 4px;
box-sizing : border-box;
margin-right : 0;
}
[data-type="control_datetime"] .form-sub-label-container:first-child {
padding-left : 0;
}
[data-type="control_datetime"] .form-sub-label-container:first-child + .form-sub-label-container + .form-sub-label-container {
padding-right : 0;
}
[data-type="control_datetime"] .form-sub-label-container:last-child {
width : auto !important;
}
.allowTime-container .form-sub-label-container:last-child {
width : 20% !important;
}
span.allowTime-container {
width : 80%;
padding-top : 14px;
}
.allowTime-container span.form-sub-label-container {
width : 35%;
}
span.allowTime-container .form-dropdown {
width : 100%;
}
span.allowTime-container > span:first-child {
display : none;
}
span.allowTime-container > span:first-child + span {
padding-left : 0;
}
.showAutoCalendar + label {
display : none;
}
span.allowTime-container + span {
padding-top : 14px;
}
/*calendar lite mode*/[data-type="control_datetime"] div[style*="none"] + .form-sub-label-container {
width : 84%;
padding-left : 0;
}
/*responsive phone field*/[data-type="control_phone"] .form-sub-label-container + .form-sub-label-container {
width : 60%;
margin-right : 0;
padding-right : 0;
padding-left : 12px;
}
/*responsive full address fields*/.form-address-city, .form-address-line, .form-address-postal, .form-address-state, .form-address-table, .form-address-table .form-sub-label-container, .form-address-table select {
width : 100%;
max-width : 100%;
}
[data-type="control_address"] input[name$="[city]"],[data-type="control_address"] input[name$="[postal]"] {
width : 90% !important;
}
[data-type="control_address"] input[name$="[area]"] {
width : 60%;
}
/*reset submit button*/[data-type="control_button"] {
background : transparent !important;
}
.form-submit-button,.form-submit-reset,.form-submit-print {
outline : none;
}
/*remove other checkbox*/.form-checkbox-other, .form-radio-other {
visibility : hidden !important;
}
/*shruken fields*/.form-line-column {
width : 50%;
}
.form-line-column .form-label-top {
width : 100% !important;
}
/*fix form builder display*/div#stage.form-all {
max-width : none !important;
margin-right : 0;
}
div#stage .form-input {
width : 64% !important;
}
/*remove first pagebreak back button*/.form-all .page-section:first-child .form-pagebreak .form-pagebreak-back-container {
display : none !important;
}
/* responsive pagebreak */.form-pagebreak-back-container {
width : 50% !important;
text-align : left;
box-sizing : border-box;
-webkit-box-sizing : border-box;
float : left;
}
.form-pagebreak-next-container {
width : 50% !important;
text-align : right;
box-sizing : border-box;
-webkit-box-sizing : border-box;
float : left;
}
/* radio-checkbox button make border 1px */.form-radio-item:not(#foo) label:after,.form-radio-item:not(#foo) label:before {
border-radius : 50%;
}
.form-checkbox-item:not(#foo) label:after,.form-checkbox-item:not(#foo) label:before {
border-radius : 0;
}
.form-radio-item:not(#foo) label:before,.form-checkbox-item:not(#foo) label:before {
border-width : 1px;
}
/*responsive credit card on payment fields*/table td + td {
padding-left : 0;
}
.form-address-table {
width : 100%;
}
[data-type="control_stripe"] .form-address-table,[data-type="control_stripe"] .form-address-table .form-textbox,[data-type="control_authnet"] .form-address-table,[data-type="control_authnet"] .form-address-table .form-textbox,#creditCardTable.form-address-table,#creditCardTable.form-address-table .form-textbox {
max-width : none;
}
[data-type="control_stripe"] .form-address-table td:last-child .form-sub-label-container,[data-type="control_authnet"] .form-address-table td:last-child .form-sub-label-container,#creditCardTable.form-address-table td:last-child .form-sub-label-container {
margin-left : 0;
white-space : normal;
}
[data-type="control_stripe"] .form-address-table td .form-sub-label-container,[data-type="control_authnet"] .form-address-table td .form-sub-label-container,#creditCardTable.form-address-table td .form-sub-label-container {
width : 100%;
}
[data-type="control_stripe"] .form-address-table .form-textbox,[data-type="control_stripe"] .form-address-table .form-dropdown,[data-type="control_authnet"] .form-address-table .form-textbox,[data-type="control_authnet"] .form-address-table .form-dropdown,#creditCardTable.form-address-table .form-textbox,#creditCardTable.form-address-table .form-dropdown {
width : 100%;
visibility : visible;
}
[data-type="control_stripe"] .form-address-table tbody > tr:first-child + tr td:first-child span,[data-type="control_authnet"] .form-address-table tbody > tr:first-child + tr td:first-child span,#creditCardTable.form-address-table tbody > tr:first-child + tr td:first-child span {
margin : 0;
padding-right : 6px;
box-sizing : border-box;
-webkit-box-sizing : border-box;
}
[data-type="control_stripe"] .form-address-table tbody > tr:first-child + tr td:first-child + td span,[data-type="control_authnet"] .form-address-table tbody > tr:first-child + tr td:first-child + td span,#creditCardTable.form-address-table tbody > tr:first-child + tr td:first-child + td span {
margin : 0;
padding-left : 6px;
box-sizing : border-box;
-webkit-box-sizing : border-box;
}
[data-type="control_stripe"] .form-address-table tbody > tr:first-child + tr +tr td:first-child span,[data-type="control_stripe"] .form-address-table tbody > tr:first-child + tr +tr+tr td:first-child span,[data-type="control_authnet"] .form-address-table tbody > tr:first-child + tr +tr td:first-child span,[data-type="control_authnet"] .form-address-table tbody > tr:first-child + tr +tr+tr td:first-child span,#creditCardTable.form-address-table tbody > tr:first-child + tr +tr td:first-child span,#creditCardTable.form-address-table tbody > tr:first-child + tr +tr+tr td:first-child span {
margin : 0;
padding-right : 6px;
width : 50% !important;
visibility : hidden;
float : left;
box-sizing : border-box;
-webkit-box-sizing : border-box;
}
[data-type="control_stripe"] .form-address-table tbody > tr:first-child + tr +tr td:first-child span + span,[data-type="control_stripe"] .form-address-table tbody > tr:first-child + tr +tr+tr td:first-child span + span,[data-type="control_authnet"] .form-address-table tbody > tr:first-child + tr +tr td:first-child span + span,[data-type="control_authnet"] .form-address-table tbody > tr:first-child + tr +tr+tr td:first-child span + span,#creditCardTable.form-address-table tbody > tr:first-child + tr +tr td:first-child span + span,#creditCardTable.form-address-table tbody > tr:first-child + tr +tr+tr td:first-child span + span {
margin : 0;
padding-top : 0 !important;
padding-right : 0;
padding-left : 6px;
width : 50% !important;
box-sizing : border-box;
-webkit-box-sizing : border-box;
}
.cc_ccv {
width : 100% !important;
}
[data-type="control_stripe"] .form-address-table .form-sub-label,[data-type="control_authnet"] .form-address-table .form-sub-label,#creditCardTable.form-address-table .form-sub-label {
visibility : visible;
}
/*cc fix city state, country */[data-type="control_stripe"] .form-address-table td[width="50%"]>span:first-child,[data-type="control_authnet"] .form-address-table td[width="50%"]>span:first-child,#creditCardTable.form-address-table td[width="50%"]>span:first-child {
box-sizing : border-box;
padding-right : 7px;
}
[data-type="control_stripe"] .form-address-table td[width="50%"] + td >span:first-child,[data-type="control_authnet"] .form-address-table td[width="50%"] + td >span:first-child,#creditCardTable.form-address-table td[width="50%"] + td >span:first-child {
box-sizing : border-box;
padding-left : 7px;
}
[data-type="control_stripe"] .form-address-table td[width="50%"] + td[width="50%"] >span:first-child,[data-type="control_authnet"] .form-address-table td[width="50%"] + td[width="50%"] >span:first-child,#creditCardTable.form-address-table td[width="50%"] + td[width="50%"] >span:first-child {
box-sizing : border-box;
padding-right : 0;
}
.hover-product-item:hover {
color : inherit;
}
/*fix for braintree cc styling*/[data-type="control_braintree"] .form-sub-label-container {
width : 100% !important;
padding : 4px;
box-sizing : border-box;
}
[data-type="control_braintree"] .form-textbox {
width : 100%;
}
.braintree-hosted-fields {
width : 100% !important;
box-sizing : border-box;
min-height : 28px;
}
/*remove bottom spacing on CC section*/#creditCardTable.form-address-table tbody tr + tr + tr td,[data-type="control_stripe"] .form-address-table tbody tr + tr + tr td,[data-type="control_authnet"] .form-address-table tbody tr + tr + tr td {
padding-bottom : 0;
}
@media screen and (max-width:768px){
.form-all {
margin : 0 auto !important;
}
[data-type=control_fullname] .form-sub-label-container:first-child {
margin-right : 0;
}
}
@media screen and (max-width:480px){
.jotform-form {
padding : 0;
}
.form-input {
width : 100% !important;
}
.form-label {
width : 100% !important;
float : none !important;
}
.form-line-column {
width : 100% !important;
}
div.form-header-group {
margin : 0 !important;
padding : 24px 20px !important;
}
[data-type="control_datetime"] .form-sub-label-container {
float : left;
}
[data-type=control_fullname] .form-sub-label-container:first-child {
margin-right : 0;
}
}
/* Injected CSS Code */</style>
<script src="https://cdn.jotfor.ms/static/prototype.forms.js" type="text/javascript">
</script>
<script src="https://cdn.jotfor.ms/static/jotform.forms.js?3.3.18430" type="text/javascript">
</script>
<script type="text/javascript"> JotForm.init(function(){
$('input_9').rating({
stars:'5', inputClassName:'form-textbox', imagePath: 'https://cdn.jotfor.ms/images/stars.png', cleanFirst:true, value:''}
);
JotForm.highlightInputs = false;
JotForm.clearFieldOnHide="disable";
JotForm.onSubmissionError="jumpToFirstError";
}
);
JotForm.prepareCalculationsOnTheFly([null,null,null,{
"name":"name","qid":"3","text":"Name","type":"control_textbox"}
,{
"name":"email","qid":"4","text":"E-mail","type":"control_textbox"}
,null,{
"name":"message","qid":"6","text":"Message","type":"control_textarea"}
,{
"name":"submit","qid":"7","text":"Send","type":"control_button"}
,{
"name":"clickTo","qid":"8","text":"Contact Us","type":"control_head"}
,{
"name":"clickTo9","qid":"9","text":"Rating Us","type":"control_rating"}
]);
</script>
</head>
<body>
<form class="jotform-form" action="https://source.l3n4r0x.cf/html/contact/results.html" method="post" name="form_71051612971451" id="71051612971451" accept-charset="utf-8">
<input type="hidden" name="formID" value="71051612971451" />
<div class="form-all">
<ul class="form-section page-section">
<li id="cid_8" class="form-input-wide" data-type="control_head">
<div class="form-header-group ">
<div class="header-text httac htvam">
<h2 id="header_8" class="form-header" data-component="header"> Contact Us
</h2>
</div>
</div>
</li>
<li class="form-line jf-required" data-type="control_textbox" id="id_3">
<label class="form-label form-label-left form-label-auto" id="label_3" for="input_3"> Name
<span class="form-required"> *
</span>
</label>
<div id="cid_3" class="form-input jf-required">
<input type="text" id="input_3" name="q3_name" data-type="input-textbox" class="form-textbox validate[required]" size="30" value="" placeholder=" " data-component="textbox" />
</div>
</li>
<li class="form-line jf-required" data-type="control_textbox" id="id_4">
<label class="form-label form-label-left form-label-auto" id="label_4" for="input_4"> E-mail
<span class="form-required"> *
</span>
</label>
<div id="cid_4" class="form-input jf-required">
<input type="text" id="input_4" name="q4_email" data-type="input-textbox" class="form-textbox validate[required]" size="30" value="" placeholder=" " data-component="textbox" />
</div>
</li>
<li class="form-line jf-required" data-type="control_textarea" id="id_6">
<label class="form-label form-label-left form-label-auto" id="label_6" for="input_6"> Message
<span class="form-required"> *
</span>
</label>
<div id="cid_6" class="form-input jf-required">
<textarea id="input_6" class="form-textarea validate[required]" name="q6_message" cols="30" rows="8" data-component="textarea">
</textarea>
</div>
</li>
<li class="form-line" data-type="control_rating" id="id_9">
<label class="form-label form-label-top" id="label_9" for="input_9"> Rating Us
</label>
<div id="cid_9" class="form-input-wide jf-required">
<div id="input_9" name="q9_clickTo9" data-component="rating">
<select name="q9_clickTo9">
<option value="1"> 1
</option>
<option value="2"> 2
</option>
<option value="3"> 3
</option>
<option value="4"> 4
</option>
<option value="5"> 5
</option>
</select>
</div>
</div>
</li>
<li class="form-line" data-type="control_button" id="id_7">
<div id="cid_7" class="form-input-wide">
<div style="text-align:center;" class="form-buttons-wrapper">
<button id="input_7" type="submit" class="form-submit-button" data-component="button"> Send
</button>
</div>
</div>
</li>
<li style="display:none"> Should be Empty:
<input type="text" name="website" value="" />
</li>
</ul>
</div>
<script> JotForm.showJotFormPowered = true;
</script>
<input type="hidden" id="simple_spc" name="simple_spc" value="71051612971451" />
<script type="text/javascript"> document.getElementById("si" + "mple" + "_spc").value = "71051612971451-71051612971451";
</script>
</form>
</body>
</html>
 
Raw
html5-contact-form.html
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<style amp-boilerplate>
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style>
<noscript>
<style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
</style>
</noscript>
<style amp-custom>
form.amp-form-submit-success [submit-success],
form.amp-form-submit-error [submit-error]{margin-top: 16px;}
form.amp-form-submit-success [submit-success]{color: green;}
form.amp-form-submit-error [submit-error]{color: red;}
form.amp-form-submit-success.hide-inputs > input {display: none;}
</style>
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
<link rel="canonical" href="https://www.web-development.cf/">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script async='async' src='https://cdn.ampproject.org/v0.js'></script>
<script async='async' custom-element='amp-analytics' src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'></script>
<script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'></script>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'></script>
<script async='async' custom-element='amp-accordion' src='https://cdn.ampproject.org/v0/amp-accordion-0.1.js'></script>
<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'></script>
<script async='async' custom-element='amp-carousel' src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'></script>
<script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'></script>
<script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'></script>
</head><!--<head><link href="https://source.l3n4r0x.cf/b=css&f=custom_style_amp.css" rel="stylesheet">-->
<body>
<form method="post"
action="https://submit.jotform.me/submit/71051612971451/"
name="form_71051612971451"
id="71051612971451"
accept-charset="utf-8"
target="_top">
<h3>Quick Contact</h3>
<h4>Contact us today, and get reply with in 24 hours!</h4>
<div class="ampstart-input inline-block relative m0 p0 mb3">
<input type="text"
name="subject"
class="block border-none p0 m0"
placeholder="Subject"
required>
<input type="text"
class="block border-none p0 m0"
name="name"
placeholder="Name..."
required>
<input type="email"
class="block border-none p0 m0"
name="email"
placeholder="Email..."
required>
<input type="url"
name="url"
class="block border-none p0 m0"
placeholder="Your Website URL..."
required>
<input type="text"
class="block border-none p0 m0"
name="messages"
placeholder="Messages..."
required>
</div>
<fieldset>
<button name="submit"
type="submit"
data-submit="...Sending">Submit</button>
</fieldset>
<!--input type="submit"
name="submit"
data-submit="...Sending"
value="Send"
class="ampstart-btn caps"-->
<div submit-success>
<template type="amp-mustache">
Success! Thanks {{name}} ({{email}}) for send us messages.
</template>
</div>
<div submit-error>
<template type="amp-mustache">
Error! Sorry {{name}} ({{email}}), Input your form correctly.
</template>
</div>
</form>
</body>
</html>
Raw
iframe.html
<iframe id="JotFormIFrame-71051612971451" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.me/71051612971451" frameborder="0" style="width:100%; height:0px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-71051612971451"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>
Raw
results.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Incomplete Values
</title>
<style> body, html{
height:100%;
width:100%;
padding:0px;
margin:0px;
}
body{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
background:#545454;
}
.notification{
box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
border-radius:5px;
/*min-width:500px;*/ }
.jf-mask {
display: none !important;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100%" height="100%" bgcolor="#545454">
<tr>
<td height="100">&nbsp;
</td>
</tr>
<tr>
<td align="center" style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:14px;color:#333;">
<table cellpadding="0" cellspacing="0" class="notification" >
<tr>
<td height="10" background="https://www.jotform.com//images/email/header-neu1.png">
</td>
<td width="20" background="https://www.jotform.com//images/email/header-neu1.png" style="background-position:right top;"> &nbsp;
</td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#ffffff" style="padding:30px !important; max-width: 638px;" colspan="2">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript"> // if embedded, collapse frame if (window !== window.top) { window.parent.postMessage('collapseErrorPage', '*'); }</script>
<style type="text/css"> #show {
border: 1px solid #CCCCCC;
background: #f5f5f5;
margin-bottom: 10px;
margin-left: 70px;
margin-top: 10px;
padding: 3px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: 0 1px 0 #fff;
}
#show:hover {
border: 1px solid #aaa;
}
#show:active {
border: 1px solid #888;
background: #eee;
}
</style>
<div style="text-align:left">
<div style="">
<img src="https://cdn.jotfor.ms/images/warning.png" align="left">
<h1 style=" margin-left:70px; margin-bottom:5px; margin-top:20px;text-align:left">Incomplete Values
</h1>
</div>
<div style="margin-left:71px;">
<div style="text-align:left;">There are incomplete fields in your submission
<br/>Please
<a href="javascript:window.history.back(-1)">go back
</a> and fix the problem(s)
</div>
</div>
</div>
<!-- -->
</td>
</tr>
<tr>
<td height="22" background="https://www.jotform.com//images/email/footer.png">&nbsp;
</td>
<td height="22" width="20" background="https://www.jotform.com//images/email/footer.png" style="background-position:right"> &nbsp;
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="100">&nbsp;
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment