-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact-form.html
143 lines (139 loc) · 7.81 KB
/
contact-form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://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&url=http%3A%2F%2Fwww.jotform.com%2Fform%2F80546063684158" title="oEmbed Form"><link rel="alternate" type="text/xml+oembed" href="https://www.jotform.com/oembed/?format=xml&url=http%3A%2F%2Fwww.jotform.com%2Fform%2F80546063684158" title="oEmbed Form">
<meta property="og:title" content="Contact form" >
<meta property="og:url" content="http://www.jotform.us/form/80546063684158" >
<meta property="og:description" content="Please click the link to complete this form.">
<link rel="shortcut icon" href="https://cdn.jotfor.ms/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="HandheldFriendly" content="true" />
<title>Contact form</title>
<link href="https://cdn.jotfor.ms/static/formCss.css?3.3.4826" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/nova.css?3.3.4826" />
<link type="text/css" media="print" rel="stylesheet" href="https://cdn.jotfor.ms/css/printForm.css?3.3.4826" />
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/themes/CSS/566a91c2977cdfcd478b4567.css?"/>
<style type="text/css">
.form-label-left{
width:150px;
}
.form-line{
padding-top:12px;
padding-bottom:12px;
}
.form-label-right{
width:150px;
}
body, html{
margin:0;
padding:0;
background:#fff;
}
.form-all{
margin:0px auto;
padding-top:0px;
width:690px;
color:#555 !important;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
font-size:14px;
}
</style>
<style type="text/css" id="form-designer-style">
/* Injected CSS Code */
.form-label.form-label-auto { display: block; float: none; text-align: left; width: inherit; } /*__INSPECT_SEPERATOR__*/
/* 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.4826" type="text/javascript"></script>
<script type="text/javascript">
JotForm.init(function(){
JotForm.alterTexts(undefined);
JotForm.clearFieldOnHide="disable";
JotForm.submitError="jumpToFirstError";
/*INIT-END*/
});
JotForm.prepareCalculationsOnTheFly([null,{"name":"heading","qid":"1","text":"Contact form","type":"control_head"},{"name":"submit2","qid":"2","text":"Submit","type":"control_button"},{"description":"","name":"name","qid":"3","text":"Name","type":"control_fullname"},{"description":"","name":"email","qid":"4","subLabel":"example@example.com","text":"Email","type":"control_email"},{"description":"","name":"typeA","qid":"5","subLabel":"","text":"Type a question","type":"control_textarea"}]);
setTimeout(function() {
JotForm.paymentExtrasOnTheFly([null,{"name":"heading","qid":"1","text":"Contact form","type":"control_head"},{"name":"submit2","qid":"2","text":"Submit","type":"control_button"},{"description":"","name":"name","qid":"3","text":"Name","type":"control_fullname"},{"description":"","name":"email","qid":"4","subLabel":"example@example.com","text":"Email","type":"control_email"},{"description":"","name":"typeA","qid":"5","subLabel":"","text":"Type a question","type":"control_textarea"}]);}, 20);
</script>
</head>
<body>
<form class="jotform-form" action="https://submit.jotform.us/submit/80546063684158/" method="post" name="form_80546063684158" id="80546063684158" accept-charset="utf-8">
<input type="hidden" name="formID" value="80546063684158" />
<div class="form-all">
<ul class="form-section page-section">
<li id="cid_1" class="form-input-wide" data-type="control_head">
<div class="form-header-group ">
<div class="header-text httal htvam">
<h2 id="header_1" class="form-header" data-component="header">
Contact form
</h2>
</div>
</div>
</li>
<li class="form-line" data-type="control_fullname" id="id_3">
<label class="form-label form-label-top form-label-auto" id="label_3" for="first_3"> Name </label>
<div id="cid_3" class="form-input-wide">
<div data-wrapper-react="true">
<span class="form-sub-label-container" style="vertical-align:top;">
<input type="text" id="first_3" name="q3_name[first]" class="form-textbox" size="10" value="" data-component="first" />
<label class="form-sub-label" for="first_3" id="sublabel_first" style="min-height:13px;"> First Name </label>
</span>
<span class="form-sub-label-container" style="vertical-align:top;">
<input type="text" id="last_3" name="q3_name[last]" class="form-textbox" size="15" value="" data-component="last" />
<label class="form-sub-label" for="last_3" id="sublabel_last" style="min-height:13px;"> Last Name </label>
</span>
</div>
</div>
</li>
<li class="form-line" data-type="control_email" id="id_4">
<label class="form-label form-label-top form-label-auto" id="label_4" for="input_4"> Email </label>
<div id="cid_4" class="form-input-wide">
<span class="form-sub-label-container" style="vertical-align:top;">
<input type="email" id="input_4" name="q4_email" class="form-textbox validate[Email]" size="30" value="" data-component="email" />
<label class="form-sub-label" for="input_4" style="min-height:13px;"> example@example.com </label>
</span>
</div>
</li>
<li class="form-line" data-type="control_textarea" id="id_5">
<label class="form-label form-label-top form-label-auto" id="label_5" for="input_5"> Type a question </label>
<div id="cid_5" class="form-input-wide">
<textarea id="input_5" class="form-textarea" name="q5_typeA" cols="40" rows="6" data-component="textarea"></textarea>
</div>
</li>
<li class="form-line" data-type="control_button" id="id_2">
<div id="cid_2" class="form-input-wide">
<div style="margin-left:156px;" class="form-buttons-wrapper">
<button id="input_2" type="submit" class="form-submit-button" data-component="button">
Submit
</button>
</div>
</div>
</li>
<li style="display:none">
Should be Empty:
<input type="text" name="website" value="" />
</li>
</ul>
</div>
<script>
JotForm.showJotFormPowered = "new_footer";
</script>
<input type="hidden" id="simple_spc" name="simple_spc" value="80546063684158" />
<script type="text/javascript">
document.getElementById("si" + "mple" + "_spc").value = "80546063684158-80546063684158";
</script>
<div class="formFooter-heightMask">
</div>
<div class="formFooter">
<a href="https://www.jotform.com/?utm_source=formfooter&utm_medium=banner&utm_term=80546063684158&utm_content=jotform_logo&utm_campaign=powered_by_jotform_signup_hp" target="_blank" class="formFooter-logoLink"><img class="formFooter-logo" src="https://cdn.jotfor.ms/assets/img/logo/logo-new@1x.png" alt="" style="height: 44px;"></a>
<div class="formFooter-rightSide">
<span class="formFooter-text">
Now create your own JotForm - It's free!
</span>
<a class="formFooter-button" href="https://www.jotform.com/?utm_source=formfooter&utm_medium=banner&utm_term=80546063684158&utm_content=jotform_button&utm_campaign=powered_by_jotform_signup_hp" target="_blank">Create your own JotForm</a>
</div>
</div>
</form></body>
</html>
<script type="text/javascript">JotForm.ownerView=true;</script>