-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathinvite.html
executable file
·250 lines (239 loc) · 13 KB
/
invite.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link rel="shortcut icon" type="image/png" href="img/favicon.ico"/>
<!-- Primary Meta Tags -->
<title>104人力銀行 - 2019新鮮人線上徵才博覽會 - 企業求才刊登</title>
<meta name="title" content="104人力銀行 - 2019新鮮人線上徵才博覽會 - 企業求才刊登">
<meta name="description" content="新鮮人照過來照過來！2019新鮮人線上徵才博覽會開幕囉！年度最夯最優質的高人氣職缺盡在這裡面！">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://kad.events.104.com.tw/fresh2019/index.html">
<meta property="og:title" content="104人力銀行 - 2019新鮮人線上徵才博覽會 - 企業求才刊登">
<meta property="og:description" content="新鮮人照過來照過來！2019新鮮人線上徵才博覽會開幕囉！年度最夯最優質的高人氣職缺盡在這裡面！">
<meta property="og:image" content="https://kad.events.104.com.tw/fresh2019/img/og-image.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://kad.events.104.com.tw/fresh2019/index.html">
<meta property="twitter:title" content="104人力銀行 - 2019新鮮人線上徵才博覽會 - 企業求才刊登">
<meta property="twitter:description" content="新鮮人照過來照過來！2019新鮮人線上徵才博覽會開幕囉！年度最夯最優質的高人氣職缺盡在這裡面！">
<meta property="twitter:image" content="https://kad.events.104.com.tw/fresh2019/img/og-image.jpg">
<link rel="stylesheet" type="text/css" href="plugin/slick/slick.css"/>
<link rel="stylesheet" href="plugin/aos/aos.css">
<link rel="stylesheet" href="plugin/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/invite.css">
<script src="plugin/jquery/1.9.1.min.js"></script>
<script src="plugin/jqueryui/1.10.3.min.js"></script>
<script src="plugin/aos/aos.js"></script>
<script src="plugin/slick/slick.min.js"></script>
<!-- <script src="plugin/parallax/parallax.js"></script> -->
<script src="js/global.js"></script>
<script src="js/invite.js"></script>
<script>
$(function() {
//判斷是否為IE決定是否加載parallax.js效果
//此特效會造成input填寫功能失效
if (window.ActiveXObject || "ActiveXObject" in window){
}else {
$.getScript( "plugin/parallax/parallax.js", function( data, textStatus, jqxhr ) {
// console.log( data ); // Data returned
// console.log( textStatus ); // Success
// console.log( jqxhr.status ); // 200
// console.log( "Load was performed." );
var scene = document.getElementById('wkscene');
var parallax = new Parallax(scene);
});
}
//送出表單
$("#btnSubmit").click(function(event) {
cancelHandler(event)
//防呆機制
var name = $("#companyForm input#name").val()
var email = $("#companyForm input#email").val()
var companyName = $("#companyForm input#company").val()
var tel = $("#companyForm input#phone").val()
var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(name==""||email==""||companyName==""||tel==""){
alert('請填寫必選資料')
}else {
if(!regex.test(email)) {
alert('e-mail格式不正確，請重新確認')
}else {
if (!$("#wkcheckbox").prop("checked")) {
alert('請勾選同意上述資料')
}else {
$("#companyForm").submit()
}
}
}
})
})
</script>
</head>
<body class="invite">
<header>
<div class="bg-box"></div>
<div class="logo-box">
<a href="index.html">
<img src="img/_mode/header/logo.png">
</a>
</div>
<ul class="icon-box">
<!-- <li class="live"><a href="live.html"><img src="img/_mode/header/live.png"></a></li> -->
<!-- <li class="fb wk-fb-share"><img src="img/_mode/header/fb.png"></li> -->
</ul>
<ul class="page-link-box">
<li class="link1"><a href="index.html" class="ga-click" data-category="click" data-label="求職主場">求職主場</a></li>
<li class="link2"><a href="live.html" class="ga-click" data-category="click" data-label="好Young直播">好Young直播</a></li>
<li class="link3"><a href="sstandc.html" class="ga-click" data-category="click" data-label="面試戰袍優惠">面試戰袍優惠</a></li>
<li class="link4"><a href="https://m.learn.104.com.tw/mobile/project/190319_lccnet/index.html" class="ga-click" data-category="click" data-label="占卜找工作">占卜找工作</a></li>
<li class="link5"><a href="invite.html" class="ga-click" data-category="click" data-label="企業求才刊登">企業求才刊登</a></li>
</ul>
<div class="menu-btn"><i class="fa fa-bars" aria-hidden="true"></i></div>
<div class="mobile-menu-out-box hide">
<div class="header"></div>
<div class="bg-box">
<div class="close">✕</div>
<div class="bottom-bg"></div>
<ul class="link-menu">
<li class="li1 hide"><a href="index.html" class="ga-click" data-category="click" data-label="求職主場">求職主場</a></li>
<li class="li2 hide"><a href="live.html" class="ga-click" data-category="click" data-label="好Young直播">好Young直播</a></li>
<li class="li3 hide"><a href="sstandc.html" class="ga-click" data-category="click" data-label="面試戰袍優惠">面試戰袍優惠</a></li>
<li class="li4 hide"><a href="https://m.learn.104.com.tw/mobile/project/190319_lccnet/index.html" class="ga-click" data-category="click" data-label="占卜找工作">占卜找工作</a></li>
<li class="li5 hide"><a href="invite.html" class="ga-click" data-category="click" data-label="企業求才刊登">企業求才刊登</a></li>
<!-- <li class="li4 hide icon-box">
<div class="flex-box">
<span class="wk-fb-share"><img src="img/_mode/header/fb.png"></span>
</div>
</li> -->
</ul>
</div>
</div>
</header>
<!-- hintman區塊 -->
<div class="gotop-outbox">
<div class="gotop-box">
<div class="gotop-arrow"></div>
<div class="gotop-circle"></div>
<div class="text-box">
<span class="text text1">可以點我！回到最上方</span>
</div>
</div>
</div>
<!-- 畫面置底錨點區塊 -->
<div class="anchor-box">
<ul>
<li><a href="index.html" class="ga-click" data-category="click" data-label="求職主場"><img src="img/_mode/anchor-box/icon1.png"><span>求職主場</span></a></li>
<li><a href="live.html" class="ga-click" data-category="click" data-label="好Young直播"><img src="img/_mode/anchor-box/icon4.png"><span>好Young直播</span></a></li>
<li><a href="sstandc.html" class="ga-click" data-category="click" data-label="面試戰袍優惠"><img src="img/_mode/anchor-box/icon6.png"><span>面試戰袍</span></a></li>
<!-- <li><a href="invite.html" class="ga-click" data-category="click" data-label="企業求才刊登"><img src="img/_mode/anchor-box/icon3.png"><span>求才刊登</span></a></li> -->
<li><a href="https://m.learn.104.com.tw/mobile/project/190319_lccnet/index.html" class="ga-click" data-category="click" data-label="占卜找工作"><img src="img/_mode/anchor-box/icon2.png"><span>占卜找工作</span></a></li>
<!-- <li class="wk-fb-share"><img src="img/_mode/anchor-box/icon5.png"></li> -->
</ul>
</div>
<div class="bg-box" >
<div class="section1" id="wkscene">
<div class="title-box">
<div class="main-title-outbox layer" data-depth="0.20"><div class="main-title"></div></div>
<div class="sub-title1-outbox layer" data-depth="0.25"><div class="sub-title1"></div></div>
<div class="sub-title2-outbox layer" data-depth="0.3"><div class="sub-title2"></div></div>
<div class="sub-title3-outbox layer" data-depth="0.35"><div class="sub-title3"></div></div>
</div>
</div>
<div class="section2">
<div class="stage-header"></div>
<div class="stage">
<div class="title-box">
<div class="flex-box">
<h3>一場校園徵才活動夠嗎？</h3>
<span>＃其實你有更超值的選擇！</span>
</div>
</div>
<div class="compare-box">
<div class="left-box">
<span class="title">實際校徵活動</span>
<ul>
<li>一場只有8小時</li>
<li>一場只能接觸一所學校學生</li>
<li>一場活動攤位＋場佈＋同仁加班費＋宣傳DM等等，勞心勞力一場可能只能接觸200~300個學生</li>
</ul>
</div>
<div class="mid-box">
<span class="title"></span>
<ul>
<li>時效</li>
<li>宣傳廣度</li>
<li>宣傳效果</li>
</ul>
</div>
<div class="mid-hint"></div>
<div class="right-box">
<span class="title">104新鮮人線上徵才博覽會<i class="win" data-aos="fade-down" data-aos-delay="2000" data-aos-duration="500" data-aos-offset="0"></i></span>
<ul>
<li><span class="red">天天24小時宣傳</span>不斷電<i class="win" data-aos="fade-down" data-aos-delay="500" data-aos-duration="500" data-aos-offset="0"></i></li>
<li><span class="red">觸及全台</span>各大專院校社會新鮮人<i class="win" data-aos="fade-down" data-aos-delay="1000" data-aos-duration="500" data-aos-offset="0"></i></li>
<li>基本包套方案，包含企業形象、職缺資訊、價值百萬宣傳導流，一次搞定！<i class="win" data-aos="fade-down" data-aos-delay="1500" data-aos-duration="500" data-aos-offset="0"></i></li>
</ul>
</div>
</div>
</div>
<div class="stage-footer"></div>
</div>
<div class="section3">
<div class="title-box"></div>
<ul class="category">
<li class="cat-1"></li>
<li class="cat-2"></li>
<li class="cat-3"></li>
</ul>
</div>
<div class="section4">
<div class="title-box"></div>
<div class="stage">
<div class="title">＃企業HR您好！歡迎企業填單，將有專人為您解說！（*為必填）</div>
<div class="form-out-box">
<div class="form-box">
<form id="companyForm" name="form1" method="post" action="https://learn.104.com.tw/cfdocs/edu/mailto/edmfeedback_write.cfm">
<input type="hidden" name="vip" value="8051">
<input type="hidden" name="to" value="[email protected]">
<input type="hidden" name="subj" value="【2019新鮮人線上徵才博覽會】企業求才刊登">
<input type="hidden" name="file_name" value="/project/104project/fresh2019.htm">
<input type="hidden" name="send_member" value="104learn">
<input type="hidden" name="edm_cate" value="80000">
<input type="hidden" name="result_file_name" value="/project/104project/fresh2019.htm">
<input type="hidden" name="alert_info" value="感謝您的來信！我們將會派專員與您聯絡！">
<input type="hidden" name="becheck1" value="姓名;電子郵件;聯絡電話;公司名稱">
<input type="hidden" name="becheck2" value="name;email;phone;company">
<input type="hidden" name="sn" value="2846">
<input id="name" name="name" type="text" placeholder="*請輸入您的大名">
<input id="email" name="email" type="text" placeholder="*請輸入您的Email">
<input id="company" name="company" type="text" placeholder="*請輸入公司名稱">
<input id="phone" name="phone" type="text" placeholder="*請輸入公司電話 ex:02-29126104 轉8357">
<label><input id="wkcheckbox" type="checkbox"><span class="checkmark"></span><span>我同意提供上列資料</span></label>
<p class="hint">本活動內容由104人力銀行整合招募處所提供，您所填具的個人資料，將依我國個人資料保護法及相關法令規定予以保護，並僅於提供相關服務及資訊聯絡範圍內為利用。</p>
<div class="btn submit">確認送出<input type="button" id="btnSubmit"></div>
</form>
</div>
</div>
</div>
<div class="bottom-bg"></div>
</div>
</div>
<footer>
<div class="people-box">
<span class="people people1"><img src="img/_mode/footer/people1.png"></span>
<span class="people people2"><img src="img/_mode/footer/people2.png"></span>
<span class="people people3"><img src="img/_mode/footer/people3.png"></span>
<span class="people people4"><img src="img/_mode/footer/people4.png"></span>
<span class="people people5"><img src="img/_mode/footer/people5.png"></span>
<span class="people people6"><img src="img/_mode/footer/people6.png"></span>
<span class="people people7"><img src="img/_mode/footer/people7.png"></span>
</div>
<div class="copyright">一零四資訊科技股份有限公司｜版權所有©2019</div>
</footer>
<script type='text/javascript'>window.dataLayer=[];window.dataLayer.push({eventName:'2019新鮮人線上徵才', eventScrollLog:true});</script>
<script type="text/javascript" src="//static.104.com.tw/104main/js/common/monitorParm.js"></script>
</body>
</html>