-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.txt
213 lines (200 loc) · 6.71 KB
/
template.txt
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
<style>
body {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, 'Open Sans', 'Lucida Grande', 'Segoe UI', 'Source Han Sans', 'Source Han Sans CN', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'WenQuanYi Micro Hei', sans-serif;
color: #333;
-webkit-font-smoothing: antialiased;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
h1 {
text-align: center;
font-weight: 400;
}
h2 {
margin-top: 1.5em;
font-weight: 300;
border-bottom: 1px solid #ddd;
}
p {
font-size: 15px;
margin: 0 0 .5em;
}
label {
display: block;
margin-bottom: 10px;
}
label input {
display: block;
width: 100%;
padding: 5px;
font-size: 15px;
border: 1px solid #999;
}
input[type=submit] {
-webkit-appearance: none;
color: rgba(255,255,255,0.87);
background-color: #106CC8;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
outline: 0;
border: 0;
display: inline-block;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 6px;
margin: 6px 0;
line-height: 36px;
min-height: 36px;
white-space: nowrap;
min-width: 88px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
font-style: inherit;
font-variant: inherit;
font-family: inherit;
text-decoration: none;
cursor: pointer;
overflow: hidden;
transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
}
input[type=submit]:hover {
box-shadow: 0 4px 5px 0 rgba(0,0,0,.5);
}
input[type=submit]:active {
background-color: #0F5AAE;
}
a.link {
color: #106CC8;
text-decoration: none;
border-bottom: 1px solid;
}
p.bold {
font-weight: 600;
}
#email-container {
text-align: center;
background-color: #ddd;
}
#navigation-bar {
position: fixed;
width: 100%;
padding: 10px 10px 0 10px;
background-color: #F7F7F7;
border-bottom: 1px solid #ccc;
box-shadow: 0 0 2px #bbb;
overflow: hidden;
}
#logo {
width: 140px;
height: 23px;
background-size: 140px;
background-position: left top;
background-image: url(http://stu.fudan.edu.cn/v7/image/logo_sprites.png);
}
#email-body {
padding: 50px 20px;
display: inline-block;
max-width: 660px;
text-align: justify;
background-color: #fff;
box-shadow: 0 0 2px #bbb;
}
#navigation-inner-container {
max-width: 640px;
margin: auto;
}
#navigation-bar .float-right {
margin: 0;
color: #999;
font-size: 13px;
font-weight: 100;
line-height: 30px;
}
#footer {
padding: 10px 0;
margin-top: 20px;
color: #929292;
font-size: 13px;
border-top: 1px solid #ccc;
}
</style>
<div id="email-container">
<div id="navigation-bar">
<div id="navigation-inner-container">
<div class="float-left">
<a href="http://stu.fudan.edu.cn/"><div id="logo"></div></a>
</div>
<div class="float-right">We should be building great things that don't exist.</div>
</div>
</div>
<div id="email-body">
<h1>我们不只要程序猿!</h1>
<p>你是否为光腚总菊封禁了连载美剧,404 Not Found 而苦恼?</p>
<p>你是否为受困于「大陆局域网」,无法一窥墙外的「花花世界」而叹息?</p>
<p>你是否惊羡于互联网行业的高薪职位,但苦于「不懂技术」只好望之兴叹?</p>
<p>你是否在阿里巴巴上市、「互联网+」概念盛行的浪潮中预感到这是一个互联网时代,渴望一窥互联网之门道?</p>
<p class="bold">在由网络重构世界的 21 世纪,你要做的改变、要实现的目标,都可以从 STU 开始!</p>
<h2>我们是谁</h2>
<p>STU 全称为复旦学生网,源于 2001 年学生会信息中心,曾创下年访问量近千万的记录。在复旦校园里,是使用者仅次于复旦主页、邮箱、URP、教务处的学生网站。</p>
<p>STUer 总能准确地把握复旦学生的需求,在每一代 STUer 的努力下,STU 推出了许愿瓶、选课助手、影视频道、直播频道、新生入学指南……每一款产品都涵盖了 STUer 的创意、智慧与信心。</p>
<p>在 STU,你再也不会面对代码不知所措,你将与 STUer 一起创造数字化的崭新生活。</p>
<p>填写以下表格或点击链接报名:<a class="link" href="http://stu.fudan.edu.cn/joinus/">http://stu.fudan.edu.cn/joinus/</a></p>
<h2>部门介绍</h2>
<p>STU 内有以下部门:</p>
<p>技术部门:闷声大发财</p>
<p>前端部门:搞个大新闻</p>
<p>美工部门:利用 PS/AI 设计网站的「美丽外衣」(紧缺!紧缺!紧缺!)</p>
<p>运营部门:为新产品宣传造势,并维护网站</p>
<p>人力部门:STU 内部的「大管家」</p>
<p class="bold">所以!我们需要的!不只是程序猿!</p>
<p>而且,员工所属的部门在 STU 从来不是一道隔阂!!!每个 STUer 可以自由地选择参与全站任何部门的培训,以获得更全面的锻炼与更多地收获。</p>
<p>除此之外,当我们需要完成一些项目时,会成立临时的项目组,任何 STUer 都可以选择加入,作为组长承担起协调工作,或是作为组员完成相应的任务。</p>
<p>填写以下表格或点击链接报名:<a class="link" href="http://stu.fudan.edu.cn/joinus/">http://stu.fudan.edu.cn/joinus/</a></p>
<h2>你的收获</h2>
<p>在这里,你可以收获一群志同道合、共同进步的朋友。</p>
<p>在这里,你可以探讨网页设计趋势,畅谈对新产品的设想。</p>
<p>在这里,你可以创造真正属于自己的优秀产品、属于自己的个人博客。</p>
<h2>加入我们</h2>
<p>填写以下表格或点击链接报名:<a class="link" href="http://stu.fudan.edu.cn/joinus/">http://stu.fudan.edu.cn/joinus/</a></p>
<form method="post">
<label>
姓名
<input name="Name" type="text" maxlength="50" required>
</label>
<label>
年级专业
<input name="Grade" type="text" maxlength="50" required>
</label>
<label>
学号
<input name="StuNo" type="number" maxlength="50" required>
</label>
<label>
手机号
<input name="CellPhone" type="number" maxlength="50" required>
</label>
<input type="submit" value="报名" formaction="http://stu.fudan.edu.cn/joinus/">
</form>
<div id="footer">
Copyright STU © 2001-2015, All rights reserved.
</div>
</div>
</div>