-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·217 lines (185 loc) · 14.7 KB
/
index.html
File metadata and controls
executable file
·217 lines (185 loc) · 14.7 KB
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
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="SemiColonWeb" />
<!-- Stylesheets
============================================= -->
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/dark.css" type="text/css" />
<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="css/animate.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<!-- Document Title
============================================= -->
<title>貝殼放大 一週年慶邀請活動 | Backer-Founder First Anniversary</title>
</head>
<style>
body {
font-size: 16px;
}
</style>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Content
============================================= -->
<section id="content" style='background-image:url(bg.jpg)'>
<div class="content-wrap">
<div class="container clearfix">
<div class="heading-block title-center nobottomborder" style="background-color:#fff;" >
<img src="head_pic.png" alt="">
<h1>貝殼放大一週年囉！</h1>
<span>我們誠摯地邀請您一起來共襄盛舉！</span>
<hr>
<div style='max-width:720px;margin:10px auto;'>
<p>
您好，我是貝殼放大的大涵
很榮幸有機會向各位分享一個好消息：
貝殼放大一歲了！
</p>
<p>
過去一年內有賴您一路上的支持與鼓勵，讓我們在國內外
群眾集資表現上屢有佳績。回顧過去，儘管有令人欣喜的
小成績，我們卻深知，貝殼依然有許多值得進步的空間。
未來仍需您不吝指教與建議，使我們得以持續成長茁壯。
</p>
<p>
身為一家剛滿周歲的新創公司，貝殼還有許多想圓的夢。
而在圓夢的路上，期盼與您一起擦亮更多提案者的創意。
因此，在將滿週年的十月，我們預計籌辦一場歡慶酒會。
除了表達感謝之意，也希望與各位分享貝殼的喜悅。當天
現場除了備有簡單的美味餐點與酒水外，還安排一系列的
交流活動，並準備了小驚喜等待您的到來。由衷期盼您能
出席同樂，並藉此機會致上我們最誠摯溫暖的謝意。
</p>
<p style='text-align:right;'>
<img src="sign.png" alt="">
</p>
<hr>
<p>
<h5>日期：2015年10月23日(五)</h5>
<h5>時間：19:00-21:00 (19:00活動報到，19:30開放入場)</h5>
<h5>地點：三創生活 Syntrend (台北市中正區市民大道三段二號11F)</h5>
</p>
<hr>
<p>
<h5>聯絡人：林大涵 0986-706-870 / 林恬如 0988-133-148</h5>
<h5>tahan@backer-founder.com / emily@backer-founder.com</h5>
</p>
</div>
</div>
<div class="heading-block title-center nobottomborder" style="background-color:#fff;" >
<h2>【週年慶活動倒數】</h2>
</div>
<div id="countdown-ex1" class="countdown countdown-large divcenter bottommargin" style="background-color:#fff;" style="max-width:700px;"></div>
<div class="clear"></div>
<div class="divider divider-center divider-short divider-margin"><i class="icon-time"></i></div>
<div class="panel panel-default divcenter noradius noborder" style="max-width: 500px; background-color: rgba(255,255,255,1);">
<div class="panel-body" style="padding: 40px;">
<form class="nobottommargin" action="https://docs.google.com/a/backer-founder.com/forms/d/1O1zVITPLhYsQnmFs_QO6fyUMnSBXMIsyqM5Tw_XTa40/formResponse" method="POST" id="ss-form" target="_self" onsubmit="">
<h3>報名參加</h3>
<div class="col_full">
<label>姓名</label>
<input type="text" name="entry.345790615" value="" class="ss-q-short form-control not-dark" id="entry_345790615" dir="auto" aria-label="姓名 " aria-required="true" required="" title="">
</div>
<div class="col_full">
<label>電子信箱</label>
<input type="email" name="entry.711934418" value="" class="ss-q-short form-control not-dark" id="entry_711934418" dir="auto" aria-label="電子信箱 請輸入有效的電子郵件地址" aria-required="true" required="" title="請輸入有效的電子郵件地址">
</div>
<div>
<label>手機號碼</label>
<input type="text" name="entry.1182925328" value="" class="ss-q-short form-control not-dark" id="entry_1182925328" dir="auto" aria-label="手機 " aria-required="true" required="" title="">
</div>
<div class="col_full">
<label>邀請函寄送地址</label>
<input type="text" name="entry.1765489753" value="" class="ss-q-short form-control not-dark" id="entry_1765489753" dir="auto" aria-label="邀請函寄送地址 " aria-required="true" required="" title="">
</div>
<div class="col_full">
<label>是否吃素</label><br>
<label><span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.1947397409" value="否" id="group_1947397409_1" role="radio" class="ss-q-radio" aria-label="否" required="" aria-required="true"></span>
<span class="ss-choice-label">否</span>
<span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.1947397409" value="是" id="group_1947397409_2" role="radio" class="ss-q-radio" aria-label="是" required="" aria-required="true"></span>
<span class="ss-choice-label">是</span>
</div>
<div class="col_full">
<label>是否攜伴出席</label><br>
<select name="entry.345493955" id="entry_345493955" aria-label="是否攜伴出席？" class='form-control not-dark'>
<option value=""></option>
<option value="否，我一個赴約">否，我一個人赴約</option> <option value="是，我會帶另一個朋友去">是，我會帶另一個朋友去</option> <option value="是，我會帶二個朋友去">是，我會帶二個朋友去</option></select>
</div>
<div class="col_full">
<label>承上題，如果有攜伴，簡單介紹你的朋友給貝殼放大認識吧！</label><br>
<textarea name="entry.1656985540" rows="8" cols="0" class="ss-q-long form-control not-dark" id="entry_1656985540" dir="auto" aria-label="承上題，若有攜伴，簡單介紹一下你的朋友讓貝殼認識吧！ "></textarea>
</div>
<div class="col_full">
<label>想對貝殼放大說的話</label>
<textarea name="entry.487464587" rows="8" cols="0" class="ss-q-long form-control not-dark" id="entry_487464587" dir="auto" aria-label="想對貝殼放大說的話 " aria-required="true" required=""></textarea>
</div>
<div class="col_full">
<label>邀請來源</label>
<ul class="ss-choices" role="radiogroup" aria-label="邀請來源 "><li class="ss-choice-item"><label><span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.2064570385" value="貝殼放大邀請" id="group_2064570385_1" role="radio" class="ss-q-radio" aria-label="貝殼放大邀請"></span>
<span class="ss-choice-label">貝殼放大邀請</span>
</label></li> <li class="ss-choice-item"><label><span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.2064570385" value="親朋好友邀請" id="group_2064570385_2" role="radio" class="ss-q-radio" aria-label="親朋好友邀請"></span>
<span class="ss-choice-label">親朋好友邀請</span>
</label></li> <li class="ss-choice-item"><label><span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.2064570385" value="__other_option__" id="group_2064570385_3" role="radio" class="ss-q-radio ss-q-other-toggle"></span>
<span class="ss-choice-label">其他：</span></label>
<span class="ss-q-other-container goog-inline-block"><input type="text" name="entry.2064570385.other_option_response" value="" class="ss-q-other" id="entry_2064570385_other_option_response" dir="auto" aria-label="其他"></span>
</li></ul>
</div>
<input type="hidden" name="draftResponse" value="[,,"7453670291087964332"]
">
<input type="hidden" name="pageHistory" value="0">
<input type="hidden" name="fvv" value="0">
<input type="hidden" name="fbzx" value="7453670291087964332">
<div class="ss-item ss-navigate"><table id="navigation-table"><tbody><tr><td class="ss-form-entry goog-inline-block" id="navigation-buttons" dir="ltr">
<div class="col_full nobottommargin">
<input type="submit" name="submit" value="送出" id="ss-submit" class="jfk-button jfk-button-action button button-3d button-black nomargin">
</div>
</form>
</div>
</div>
<script>
jQuery(document).ready( function($){
var newDate = new Date(2015, 9, 23);
$('#countdown-ex1').countdown({until: newDate});
});
$("#widget-subscribe-form").validate({
submitHandler: function(form) {
$(form).find('.input-group-addon').find('.icon-email2').removeClass('icon-email2').addClass('icon-line-loader icon-spin');
$(form).ajaxSubmit({
target: '#widget-subscribe-form-result',
success: function() {
$(form).find('.input-group-addon').find('.icon-line-loader').removeClass('icon-line-loader icon-spin').addClass('icon-email2');
$('#widget-subscribe-form').find('.form-control').val('');
$('#widget-subscribe-form-result').attr('data-notify-msg', $('#widget-subscribe-form-result').html()).html('');
SEMICOLON.widget.notifications($('#widget-subscribe-form-result'));
}
});
}
});
</script>
</div>
</div>
</section><!-- #content end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="js/functions.js"></script>
</body>
</html>