Skip to content

Commit d439fe1

Browse files
bcbbcb
committed
Add email signup form
1 parent d1f0178 commit d439fe1

File tree

1 file changed

+85
-0
lines changed

1 file changed

+85
-0
lines changed

‎index.html‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,91 @@
2424
are open-sourced, the real focus is on creating easy-to-use,
2525
subscription-based tools that solve problems and make an impact.
2626
</p>
27+
28+
<!--Zoho Campaigns Web-Optin Form's Header Code Starts Here-->
29+
30+
<script type="text/javascript" src="https://zcmp-user.maillist-manage.com.au/js/optin.min.js" onload="setupSF('sf3zffe2a83f6cfd2a1d2743bdc53ed6d9c637778874ae5738950198d8388004b22c','ZCFORMVIEW',false,'light',false,'0')"></script>
31+
<script type="text/javascript">
32+
function runOnFormSubmit_sf3zffe2a83f6cfd2a1d2743bdc53ed6d9c637778874ae5738950198d8388004b22c(th){
33+
/*Before submit, if you want to trigger your event, "include your code here"*/
34+
};
35+
</script>
36+
37+
<style>.quick_form_8_css * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; overflow-wrap: break-word }@media only screen and (max-width: 600px) {.quick_form_8_css[name="SIGNUP_BODY"] { width: 100% !important; min-width: 100% !important; margin: 0px auto !important; padding: 0px !important } .SIGNUP_FLD { width: 90% !important; margin: 10px 5% !important; padding: 0px !important } .SIGNUP_FLD input { margin: 0 !important; border-radius: 25px !important } }</style>
38+
39+
<!--Zoho Campaigns Web-Optin Form's Header Code Ends Here--><!--Zoho Campaigns Web-Optin Form Starts Here-->
40+
41+
<div id="sf3zffe2a83f6cfd2a1d2743bdc53ed6d9c637778874ae5738950198d8388004b22c" data-type="signupform" style="opacity: 1;">
42+
<div id="customForm">
43+
<div class="quick_form_8_css" style="border: 0px solid white; padding: 1em; color: white; overflow: hidden" name="SIGNUP_BODY">
44+
<div>
45+
<div style="display: block" id="SIGNUP_HEADING">Get notified when we ship</div>
46+
<div style="position:relative;">
47+
<div id="Zc_SignupSuccess" style="display:none;position:absolute;margin-left:4%;width:90%;background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154); margin-top: 10px;margin-bottom:10px;word-break:break-all">
48+
<table width="100%" cellpadding="0" cellspacing="0" border="0">
49+
<tbody>
50+
<tr>
51+
<td width="10%">
52+
<img class="successicon" src="https://zcmp-user.maillist-manage.com.au/images/challangeiconenable.jpg" align="absmiddle">
53+
</td>
54+
<td>
55+
<span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px;word-break:break-word">&nbsp;&nbsp;Thank you for Signing Up</span>
56+
</td>
57+
</tr>
58+
</tbody>
59+
</table>
60+
</div>
61+
</div>
62+
<form method="POST" id="zcampaignOptinForm" style="margin: 0px; width: 100%" action="https://zcmp-user.maillist-manage.com.au/weboptin.zc" target="_zcSignup">
63+
<div style="background-color: rgb(255, 235, 232); padding: 10px; color: rgb(210, 0, 0); font-size: 11px; margin: 20px 10px 0px; border: 1px solid rgb(255, 217, 211); opacity: 1; display: none" id="errorMsgDiv">Please correct the marked field(s) below.</div>
64+
<div style="position: relative; margin: 10px 10px 10px; width: 200px; height: 30px; display: inline-block" class="SIGNUP_FLD">
65+
<div id="Zc_SignupSuccess" style="position: absolute; width: 87%; background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154); margin-bottom: 10px; word-break: break-all; opacity: 1; display: none">
66+
<div style="width: 20px; padding: 5px; display: table-cell">
67+
<img class="successicon" src="https://campaigns.zoho.com/images/challangeiconenable.jpg" style="width: 20px">
68+
</div>
69+
<div style="display: table-cell">
70+
<span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px; line-height: 30px; display: block"></span>
71+
</div>
72+
</div>
73+
<input type="text" style="font-size: 14px; border: 1px solid rgb(221, 221, 221); border-radius: 0; width: 100%; height: 100%; z-index: 4; outline: none; padding: 5px 10px; color: rgb(136, 136, 136); text-align: left; font-family: &quot;Arial&quot;; background-color: rgb(255, 255, 255); box-sizing: border-box" placeholder="Email" changeitem="SIGNUP_FORM_FIELD" name="CONTACT_EMAIL" id="EMBED_FORM_EMAIL_LABEL">
74+
</div>
75+
<div style="position: relative; margin: 10px; width: 100px; height: 30px; text-align: left; display: inline-block" class="SIGNUP_FLD">
76+
<input type="button" style="text-align: center; border-radius: 5px; width: 100%; height: 100%; z-index: 5; border: 0; color: rgb(255, 255, 255); cursor: pointer; outline: none; font-size: 14px; background-color: rgb(108, 187, 195); margin: 0; margin-left: -5px" name="SIGNUP_SUBMIT_BUTTON" id="zcWebOptin" value="Notify Me">
77+
</div>
78+
<input type="hidden" id="fieldBorder" value="">
79+
<input type="hidden" id="submitType" name="submitType" value="optinCustomView">
80+
<input type="hidden" id="emailReportId" name="emailReportId" value="">
81+
<input type="hidden" id="formType" name="formType" value="QuickForm">
82+
<input type="hidden" name="zx" id="cmpZuid" value="11a1722845">
83+
<input type="hidden" name="zcvers" value="2.0">
84+
<input type="hidden" name="oldListIds" id="allCheckedListIds" value="">
85+
<input type="hidden" id="mode" name="mode" value="OptinCreateView">
86+
<input type="hidden" id="zcld" name="zcld" value="1744c4f1eb920a9">
87+
<input type="hidden" id="zctd" name="zctd" value="1744c4f1eb91ef1">
88+
<input type="hidden" id="document_domain" value="">
89+
<input type="hidden" id="zc_Url" value="zcmp-user.maillist-manage.com.au">
90+
<input type="hidden" id="new_optin_response_in" value="0">
91+
<input type="hidden" id="duplicate_optin_response_in" value="0">
92+
<input type="hidden" name="zc_trackCode" id="zc_trackCode" value="ZCFORMVIEW">
93+
<input type="hidden" id="zc_formIx" name="zc_formIx" value="3zffe2a83f6cfd2a1d2743bdc53ed6d9c637778874ae5738950198d8388004b22c">
94+
<input type="hidden" id="viewFrom" value="URL_ACTION">
95+
<span style="display: none" id="dt_CONTACT_EMAIL">1,true,6,Contact Email,2</span>
96+
</form>
97+
</div>
98+
</div>
99+
</div>
100+
<img src="https://zcmp-user.maillist-manage.com.au/images/spacer.gif" id="refImage" onload="referenceSetter(this)" style="display:none;">
101+
</div>
102+
<input type="hidden" id="signupFormType" value="QuickForm_Horizontal">
103+
<div id="zcOptinOverLay" oncontextmenu="return false" style="display:none;text-align: center; background-color: rgb(0, 0, 0); opacity: 0.5; z-index: 100; position: fixed; width: 100%; top: 0px; left: 0px; height: 988px;"></div>
104+
<div id="zcOptinSuccessPopup" style="display:none;z-index: 9999;width: 800px; height: 40%;top: 84px;position: fixed; left: 26%;background-color: #FFFFFF;border-color: #E6E6E6; border-style: solid; border-width: 1px; box-shadow: 0 1px 10px #424242;padding: 35px;">
105+
<span style="position: absolute;top: -16px;right:-14px;z-index:99999;cursor: pointer;" id="closeSuccess">
106+
<img src="https://zcmp-user.maillist-manage.com.au/images/videoclose.png">
107+
</span>
108+
<div id="zcOptinSuccessPanel"></div>
109+
</div>
110+
111+
<!--Zoho Campaigns Web-Optin Form Ends Here-->
27112
</section>
28113

29114
<div class="projects">

0 commit comments

Comments
 (0)