Home Explore Project
Register Sign In
linkmedia
/
join.wifi.com
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

init

liuyuqi-dellpc 8 years ago
commit
b24722463d
22 changed files with 593 additions and 0 deletions
Unified View Show Diff Stats
  1. 28 0
      about.html
  2. 124 0
      css/base.css
  3. 53 0
      detail.html
  4. 42 0
      faq.html
  5. 117 0
      flow.html
  6. BIN
      images/about_bg.png
  7. BIN
      images/arrow.png
  8. BIN
      images/banner.jpg
  9. BIN
      images/btn_resume.png
  10. BIN
      images/flow1.png
  11. BIN
      images/flow2.png
  12. BIN
      images/flow3.png
  13. BIN
      images/flow4.png
  14. BIN
      images/icon_m.png
  15. BIN
      images/icon_t.png
  16. BIN
      images/logo.png
  17. BIN
      images/map.jpg
  18. BIN
      images/resume.jpg
  19. 32 0
      index.html
  20. 24 0
      js/reset.js
  21. 37 0
      tpl/footer.html
  22. 136 0
      tpl/header.html

+ 28 - 0
about.html
View File 

@@ -0,0 +1,28 @@
 
+
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <title>WiFi万能钥匙校园招聘</title>
 
+    <link href="css/base.css" rel="stylesheet" type="text/css"/>
 
+</head>
 
+<body>
 
+    <div style="display:none;">
 
+        <img src="images/resume.jpg" alt="">
 
+    </div>
 
+    <iframe id="_header" name="_header" src="tpl/header.html" frameborder="0" border="0" width="100%" height="96" scrolling="no"></iframe>
 
+    </a>
 
+    <div class="about">
 
+      <p class="border_title">连尚网络</p>
 
+        <p class="desc1">上海连尚网络科技有限公司是一家专注于提供免费上网和内容服务的移动互联网公司，自主研发的核心产品“WiFi万能钥匙”于2012年发布，至今，WiFi万能钥匙总用户7亿。</p>
 
+        <p class="desc1">WiFi万能钥匙是一款WiFi网络连接管理软件，能够帮助用户自动查询周边开放免费公共Wi-Fi热点信息，并帮助用户便捷建立连接，同时提供WiFi省电功能、查看手机流量消耗情况、快速将手机转换成WiFi热点，以及实时测试当前网络的测速功等能。WiFi万能钥匙致力于为用户提供最好的WiFi管理工具，帮助用户最大化使用各种联网的移动服务。所有热点信息基于云端数据库，随时随地轻松接入无线网络，最大化使用各种联网移动服务，扫除无网状态，尤其适合商务、移动人群和重度网虫。</p>
 
+        <p class="border_title">WiFi万能钥匙发展史</p>
 
+        <p class="desc2">2015年8月11日，WiFi万能钥匙全球月活用户超过<span>3.6</span>亿</p>
 
+        <div class="bg">
 
+            
+        </div>
 
+</div>
 
+    <iframe src="tpl/footer.html" frameborder="0" width="100%" height="81"></iframe>
 
+    </a><script src="./js/reset.js"></script>
 
+</body>
 
+</html>

+ 124 - 0
css/base.css
View File 

@@ -0,0 +1,124 @@
 
+html {font-family: "Microsoft Yahei",arial,helvetica,sans-serif;  word-break : break-word;font-size: 62.5%}
 
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input { margin: 0; padding: 0; outline:0;}
 
+body{background-color: #f2f2f2;height: 100%;min-width:1200px;}
 
+.fr{float: right;}
 
+.clear{clear: both;}
 
+.header{
 
+    height: 92px;width: 100%;min-width:1200px;border-top: #0285f0 4px solid;background-color: #ffffff; 
+}
 
+.header .center{width: 1180px;height: 100%;margin: 0 auto;position: relative;padding: 0 10px;}
 
+.logo{width: 387px;height: 42px;margin: 23px 0 23px 10px;}
 
+.header .menu{}
 
+.header ul{display: inline-block; margin-right: 20px; font-size: 16px; vertical-align: middle;}
 
+.header ul a{display: inline-block; float: left; padding: 35px 30px 36px 30px; color: #999999;font-size: 16px;text-decoration: none;}
 
+
 
+.banner{background: url(../images/banner.jpg) no-repeat top center;width: 100%;height: 502px;}
 
+[mobile="1"] .banner{background: url(../images/banner_wap.jpg) no-repeat top center;width: 100%;height: 920px;}
 
+.jobs{width: 1200px;margin: 0 auto;padding:74px 0 57px 0;}
 
+.jobs .content{height: 100%;border:1px #cccccc solid;position: relative;}
 
+.jobs .job{margin: 56px 0 58px 0; padding: 0 130px;display: inline-block;vertical-align: top;}
 
+.jobs .job1{width: 336px;}
 
+[dpr="3"] .jobs .job1{width: 346px;padding: 0 125px;}
 
+.jobs .job2{width: 376px;border-left:1px #cccccc solid;padding: 0 110px;}
 
+[dpr="3"] .jobs .job2,[dpr="1.5"] .jobs .job2{width: 374px;}
 
+.jobs .icon{margin: 0 auto;width: 80px;height: 80px;}
 
+.jobs p{text-align: center;color: #666666;}
 
+.jobs .job_name{font-size: 23px;line-height: 60px;margin-top: 10px;}
 
+.jobs .job_desc{font-size: 16px;line-height: 25px;}
 
+[mobile="1"] .jobs .job_name{font-size: 2.3rem;line-height: 6.0rem;margin-top: 1.0rem;}
 
+[mobile="1"] .jobs .job_desc{font-size: 1.6rem;line-height: 2.5rem;}
 
+[dpr="3"] .jobs .job_desc{line-height: 2.0rem;}
 
+.job1 .icon{background: url(../images/icon_m.png) no-repeat top left;}
 
+.job2 .icon{background: url(../images/icon_t.png) no-repeat top left;}
 
+.jobs .job_url{margin-top: 10px;}
 
+.jobs .job_url a{font-size: 18px;color: #54a4e9;}
 
+[mobile="1"] .jobs .job_url a{font-size: 1.8rem;}
 
+.jobs .btn_resume{width: 242px;height: 72px;position: absolute;background: url(../images/btn_resume.png) no-repeat top center;margin-top: -36px;margin-left: -121px;left: 50%;}
 
+
 
+
 
+/** detail **/
 
+.detail{width: 1200px;margin: 0 auto;padding:0 0 57px 0;}
 
+[mobile="1"] .detail{width: 1120px;padding:0 40 57px 40;}
 
+.detail .content{height: 100%;margin:0 auto;padding-top:60px;font-size: 0}
 
+.detail .icon{margin-bottom: 35px;width: 100%;height: 80px;line-height: 80px;padding-left: 100px;font-size: 24px;color: #666666;}
 
+[mobile="1"] .detail .icon{font-size: 2.4rem;}
 
+.detail .job{display: inline-block;font-size: 14px;line-height: 24px;padding-right: 68px;width: 532px;vertical-align: top;}
 
+[mobile="1"] .detail .job{font-size: 1.4rem;line-height: 2.4rem;}
 
+
 
+[dpr="3"] .detail .job,[dpr="1.5"] .detail .job{width: 485px;font-size: 2.0rem;line-height: 2.4rem}
 
+[dpr="2"] .detail .job{width: 465px;font-size: 1.8rem;}
 
+.detail .job1{}
 
+.detail .job2{}
 
+.detail .title{color: #3a94ef;line-height: 34px;}
 
+[mobile="1"] .detail .title{line-height: 3.4rem;}
 
+.detail .job_desc{color: #666666;background-color: #f2f2f2;width: 100%;}
 
+
 
+
 
+.border_title{font-size: 29px;color: #0082f3;border-left: 8px #0082f3 solid;margin-bottom: 38px;margin-top: 60px;padding-left: 32px;}
 
+[mobile="1"] .border_title{font-size: 2.9rem;border-left: 0.8rem #0082f3 solid;}
 
+[dpr="3"] .border_title{font-size: 1.5rem;}
 
+.faq{width: 1200px;margin: 0 auto;padding:1px 0 57px 0;}
 
+[mobile="1"] .faq{width: 1120px;padding:1px 40 57px 40;}
 
+.faq ul{list-style: none;}
 
+.last{border-bottom: #cccccc 1px dotted;}
 
+.faq ul .q,.faq ul .a{background-color: #f2f2f2;}
 
+.faq ul .q{font-size: 18px;color: #0082f3;padding-top: 40px;padding-bottom: 14px;border-top: #cccccc 1px dotted;width: 100%;}
 
+.faq ul .a{font-size: 14px;color: #666666;padding-bottom: 40px;padding-top: 14px;}
 
+[mobile="1"] .faq ul .q{font-size: 1.8rem;}
 
+[mobile="1"] .faq ul .a{font-size: 1.4rem;}
 
+[dpr="3"] .faq ul .q{font-size: 1.0rem;}
 
+[dpr="3"] .faq ul .a{font-size: 0.9rem;line-height: 1.2rem}
 
+[dpr="2"] .faq ul .q{font-size: 2.0rem;}
 
+[dpr="2"] .faq ul .a{font-size: 1.6rem;}
 
+[dpr="1.5"] .faq ul .q{font-size: 2.2rem;}
 
+[dpr="1.5"] .faq ul .a{font-size: 2.0rem;line-height: 2.2rem}
 
+[mobile="1"] .faq{padding:1px 40px 57px 40px;width: 1120px;}
 
+
 
+.about{width: 1200px;margin: 0 auto;padding:0 0 180px 0;color: #4e4e4e;}
 
+.about .desc1{font-size: 18px;line-height: 30px;background-color: #f2f2f2;width: 100%;}
 
+[mobile="1"] .about .desc1{font-size: 1.8rem;line-height: 3rem;}
 
+[mobile="1"] .about{padding:1px 40px 180px 40px;width: 1120px;}
 
+.about .desc2{font-size: 17px;background-color: #f2f2f2;width: 100%;}
 
+[mobile="1"] .about .desc2{font-size: 1.7rem;}
 
+[dpr="2"] .about .desc1{font-size: 1.4rem;}
 
+[dpr="2"] .about .desc2{font-size: 1.3rem;}
 
+[dpr="3"] .about .desc1{font-size: 1.7rem;line-height: 2.2rem;}
 
+[dpr="3"] .about .desc2{font-size: 1.6rem;}
 
+[dpr="3"] .about .desc2 span{font-size: 0.8rem;}
 
+.about .desc2 span{font-size: 15px;}
 
+[mobile="1"] .about .desc2 span{font-size: 1.5rem;}
 
+.about .bg{background: url(../images/about_bg.png) no-repeat top center;height: 555px;width: 100%;margin-top: -30px;}
 
+
 
+
 
+.flow{width: 1200px;margin: 0 auto;padding:0px 0 240px 0;color: #4e4e4e;}
 
+[mobile="1"] .flow{padding:0px 40px 240px 40px;width: 1120px;}
 
+.flow .icons{width: 80px;height: 80px;}
 
+.flow ul{list-style: none; margin: 0 auto; display: table; height: 80px}
 
+.flow ul li{float: left;}
 
+.flow .flow1{background: url(../images/flow1.png) no-repeat top center;}
 
+.flow .flow2{background: url(../images/flow2.png) no-repeat top center;}
 
+.flow .flow3{background: url(../images/flow3.png) no-repeat top center;}
 
+.flow .flow4{background: url(../images/flow4.png) no-repeat top center;}
 
+.flow .arrow{background: url(../images/arrow.png) no-repeat center center;width: 14px;height: 80px;padding-right:40px;}
 
+.flow ul .text{padding:22px 20px;font-size: 15px;color: #666666;}
 
+[mobile="1"] .flow ul .text{font-size: 1.5rem;}
 
+.flow .desc{font-size: 18px; line-height: 30px; margin: 10px 0;width:100%;background-color: #f2f2f2;}
 
+[mobile="1"] .flow .desc{font-size: 1.8rem; line-height: 3rem; margin: 1rem 0;} 
+.flow table{width:100%;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
 
+.flow table th{font-weight: normal;background-color: #e7e7e7;}
 
+.flow table td,.flow table th{border-top:1px solid #cccccc;border-left:1px solid #cccccc; text-align: center;font-size: 16px;color: #4e4e4e;}
 
+[mobile="1"] .flow table td,.flow table th{font-size: 1.6rem;}
 
+[dpr="3"] .flow table td,[dpr="3"] .flow table th{font-size: 1.45rem;}
 
+[dpr="2"] .flow table td,[dpr="2"] .flow table th{font-size: 2rem;}
 
+[dpr="1.5"] .flow .notes{font-size: 1.5rem;}
 
+.flow .notes{font-size: 14px;color: #999999;line-height: 30px;background-color: #f2f2f2;}
 
+[mobile="1"] .flow .notes{font-size: 1.4rem;line-height: 3rem;}
 
+.flow .bg{background: url(../images/map.jpg) no-repeat top center;height: 919px;width: 100%;}
 
+.flow .position{margin: 0;color: #ffffff;background-color:#465663;width: 425px;height: 100%;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
 
+[dpr="3"] .flow .position,[dpr="1.5"] .flow .position{width: 535px;}
 
+.flow .position li{width: 90%;padding-left: 10%}
 
+.flow .position .t{font-size: 18px;margin-top: 15px;width: 100%;background-color: #465663;}
 
+.flow .position .d{font-size: 14px;line-height:24px;width: 100%;background-color: #465663;}
 
+
 
+[mobile="1"] .flow .position .t{font-size: 1.8rem;margin-top: 1.5rem;}
 
+[mobile="1"] .flow .position .d{font-size: 1.4rem;line-height:2.4rem;}

+ 53 - 0
detail.html
View File 

@@ -0,0 +1,53 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+<meta charset="UTF-8">
 
+<title>WiFi万能钥匙校园招聘</title>
 
+<link rel="stylesheet" href="./css/base.css"/>
 
+</head>
 
+<body>
 
+<div style="display:none;"> <img src="http://static01.game.lianwifi.com/static_leaflets/join/h5/images/resume.jpg" alt=""> </div>
 
+<iframe id="_header" name="_header" src="tpl/header.html" frameborder="0" border="0" width="100%" height="96" scrolling="no"></iframe>
 
+<div class="detail">
 
+  <div class="content">
 
+    <div class="job job1">
 
+      <div class="icon">管理培训生</div>
 
+      <p class="title">工作职责：</p>
 
+      <p class="job_desc">1．满足公司快速发展需求，成为具有优秀的综合能力与素质的管理人才；</p>
 
+      <p class="job_desc">2．参加公司安排的各类培训，充分了解公司业务运作及流程，融入各业务团队；
 
+      <p class="job_desc">3. 在轮岗实践中，培养对公司文化的认同，并在业务实践当中持续学习，提升经验和能力；</p>
 
+      <p class="job_desc">4. 完成部门主管设定的业务KPI及各种交办工作。</p>
 
+      <p class="title">岗位要求：</p>
 
+      <p class="job_desc">1.2016年应届高校毕业生，全日制本科或硕士学历，不限专业；</p>
 
+      <p class="job_desc">2.在校期间成绩优良及积极参与各项社会活动，有学生会或社团管理经验者优先；</p>
 
+      <p class="job_desc">3.具备优秀的团队领导、快速学习及沟通能力；</p>
 
+      <p class="job_desc">4.具备快速识别问题能力，并能脑洞大开，迅速解决问题；</p>
 
+      <p class="job_desc">5.视野开阔、思路开发，乐于尝试新事物、新挑战，接受新观点、新思路；</p>
 
+      <p class="job_desc">6.CET6以上水平，听说读写能力优秀，对互联网行业情有独钟。</p>
 
+    </div>
 
+    <div class="job job2">
 
+      <div class="icon">技术培训生</div>
 
+      <p class="title">工作职责：</p>
 
+      <p class="job_desc">1.WiFi万能钥匙产品的核心业务功能开发和架构设计；</p>
 
+      <p class="job_desc">2.新技术的探索、研究和实施；</p>
 
+      <p class="job_desc">3.核心算法的研究、实现和优化；</p>
 
+      <p class="job_desc">4.参与现有系统的优化工作。</p>
 
+      <p class="title">岗位要求：</p>
 
+      <p class="job_desc">1.热爱互联网、热爱技术、热爱新事物，较强的学习能力和逻辑思维能力；</p>
 
+      <p class="job_desc">2.熟悉常用算法和数据结构，有一定的算法优化经验；</p>
 
+      <p class="job_desc">3.掌握Java、C/C++、PHP中至少一门编程语言，基本功扎实；</p>
 
+      <p class="job_desc">4.熟悉前端开发HTML/5、CSS、JS等基础开发语言和开发框架；</p>
 
+      <p class="job_desc">5.了解unix、linux等操作系统原理，并能熟练应用；</p>
 
+      <p class="job_desc">6.较强的责任心、良好的沟通能力、积极的团队合作精神。</p>
 
+      <p class="title">满足以下条件可优先考虑：</p>
 
+      <p class="job_desc">1.参与过实际的项目开发，熟悉软件开发流程；</p>
 
+      <p class="job_desc">2.熟悉TCP/IP，HTTP，HTTPS等网络协议；</p>
 
+      <p class="job_desc">3.有数据库管理经验并能熟练进行SQL优化；</p>
 
+      <p class="job_desc">4.有过计算机相关的专利发明、算法和编程大赛奖励以及专业期刊发表过文章。</p>
 
+    </div>
 
+  </div>
 
+</div>
 
+<iframe src="tpl/footer.html" frameborder="0" width="100%" height="81"></iframe>
 
+<script src="./js/reset.js"></script>
 
+</body>
 
+</html>

+ 42 - 0
faq.html
View File 

@@ -0,0 +1,42 @@
 
+
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <title>WiFi万能钥匙校园招聘</title>
 
+    <link rel="stylesheet" href="./css/base.css"/>
 
+</head>
 
+<body>
 
+    <div style="display:none;">
 
+        <img src="http://static01.game.lianwifi.com/static_leaflets/join/h5/images/resume.jpg" alt="">
 
+    </div>
 
+    <iframe id="_header" name="_header" src="tpl/header.html" frameborder="0" border="0" width="100%" height="96" scrolling="no"></iframe>
 
+    <div class="faq">
 
+        <p class="border_title">常见问题</p>
 
+        <ul>
 
+            <li class="q">Q: 校园招聘的具体流程是怎样的？ </li>
 
+            <li class="a">A: 我们会通过各种渠道将岗位信息告诉大家，大家可在join.wifi.com、51job.com或应届生网站申请。简历筛选后，我们会通知合适的同学参加笔试，笔试合格者接受面试安排，从中我们会确定理想的人选并发放offer。具体流程可查询join.wifi.com校园招聘网站上的信息。</li>
 
+            <li class="q">Q: 连尚网络2016年校园招聘将去哪些学校进行宣讲？</li>
 
+            <li class="a">A: 连尚网络2016校园宣讲将覆盖上海、北京、杭州、南京共5所高校，最新行程请关注join.wifi.com。</li>
 
+            <li class="q">Q: 是不是一定要通过在线程序进行申请？宣讲会现场是否接受简历申请？</li>
 
+            <li class="a">A: 由于连尚网络统一通过在线系统进行数据储备和人才库建立，所有的申请者都必须通过连尚网络校招官网、51job.com或应届生在线系统进行申请。如果宣讲会前没来得及申请职位的学生，宣讲会现场投递简历后，我们仍然建议在宣讲会结束后，在线申请，以保证我们可以将其纳入到简历筛选的过程中。</li>
 
+            <li class="q">Q: 我同时可以申请两种培训生职位吗？</li>
 
+            <li class="a">A: 我们不建议你申请所有的职位，因为不同岗位需要不同特质和优势的人才。但是如果对所有职位都有兴趣，申请时请进行优先排序。</li>
 
+            <li class="q">Q: 网申何时开始？何时截止？</li>
 
+            <li class="a">A: 连尚网络校园招聘每年一次，网申在10月初开始，11中旬截止申请，具体信息请关注join.wifi.com的校招行程安排。2016年应届生校招将在2015年秋季全部完成，请随时留意我们的官方网站以获取各个城市的简历投递截止日期，以及相关的宣讲、笔面试时间，以免错过。</li>
 
+            <li class="q">Q: 连尚网络2016校园招聘与其他竞争对手相比最大的优势是什么？</li>
 
+            <li class="a">A: 连尚网络非常重视人才的成长，多元化的发展平台、轻松和谐的工作氛围，导师的指点，让你更加明确未来的职业发展方向。除了极具竞争力的薪资外，中国好老板陈大年将公司盈利部分作为员工福利，奖励员工特斯拉、高额的二胎教育基金、头等舱海外奢华游，等等。</li>
 
+            <li class="q">Q: 连尚网络选拔学生，看重学校背景吗，或者倾向性录取宣讲高校或所在城市的学生吗？</li>
 
+            <li class="a">A: 连尚网络在人才选拔和任用发面一直强调公平、公正、透明。只要您是优秀的人才，符合公司的用人标准，我们不管您是否具有名校背景，都非常欢迎您加入WiFi万能钥匙团队，给您提供展示才能的平台。</li>
 
+            <li class="q">Q: 如果我不是中国大陆人士，可以申请公司职位吗？公司会帮助申请就业证吗？</li>
 
+            <li class="a">A: 我们欢迎港澳台和国外优秀人才申请公司培训生岗位，只要你熟练掌握英语和普通话，并且具备申请中国大陆就业许可工作证的资质。申请细节请参照中国人力资源和社会保障局官方网站。</li>
 
+            <li class="q">Q: 在选拔过程中我将以何种形式被通知每一阶段的结果和进度？</li>
 
+            <li class="a">A: 成功进入下一轮选拔的申请者，我们都会在下一轮选拔前通过短信、电话或邮件等形式及时通知。请确保电话和邮箱畅通。</li>
 
+            <li class="q">Q: 公司如何培养培训生？</li>
 
+            <li class="a last">A: 公司为培训生制订全面的培养计划：入职后，培训生需参加公司的各类培训安排，学习专业理论知识；通过不同岗位轮值、海外实习等实际工作，投入公司运营，熟悉公司业务；业务导师直接指导，快速提高个人业务经验；高管定期沟通与辅导，通过面对面交流，不断提升个人领导力和管理能力。最终经过公司评估，培训生被定岗到相关岗位继续工作，并正式纳入公司后备干部队列。</li>
 
+        </ul>    
+    </div>
 
+    <iframe src="tpl/footer.html" frameborder="0" width="100%" height="81"></iframe>
 
+    <script src="./js/reset.js"></script>
 
+</body>
 
+</html>

+ 117 - 0
flow.html
View File 

@@ -0,0 +1,117 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+<meta charset="UTF-8">
 
+<title>WiFi万能钥匙校园招聘</title>
 
+<link rel="stylesheet" href="./css/base.css"/>
 
+</head>
 
+<body>
 
+<div style="display:none;"> <img src="http://static01.game.lianwifi.com/static_leaflets/join/h5/images/resume.jpg" alt=""> </div>
 
+<iframe id="_header" name="_header" src="tpl/header.html" frameborder="0" border="0" width="100%" height="96" scrolling="no"></iframe>
 
+<div class="flow">
 
+  <p class="border_title">流程</p>
 
+  <ul>
 
+    <li class="icons flow1"></li>
 
+    <li class="text">投递简历</li>
 
+    <li class="arrow"></li>
 
+    <li class="icons flow2"></li>
 
+    <li class="text">笔试</li>
 
+    <li class="arrow"></li>
 
+    <li class="icons flow3"></li>
 
+    <li class="text">面试</li>
 
+    <li class="arrow"></li>
 
+    <li class="icons flow4"></li>
 
+    <li class="text">录用</li>
 
+  </ul>
 
+  <div class="clear"></div>
 
+  <p class="desc clear">全国其他城市的应届毕业生请根据实际情况，选择简历投递截止的时间和参与笔试的城市。 </p>
 
+  <table cellspacing="0"  border="0">
 
+    <tr>
 
+      <th width="80">城市</th>
 
+      <th width="200">简历投递截止</th>
 
+      <th width="">笔试地点</th>
 
+      <th>笔试时间</th>
 
+      <th>笔试时长</th>
 
+      <th>面试时间</th>
 
+    </tr>
 
+    <tr>
 
+      <td>南京</td>
 
+      <td>10月22日</td>
 
+      <td>南京大学(鼓楼校区)<br/>
 
+        敬请期待</td>
 
+      <td>10月23日18:30</td>
 
+      <td>60分钟</td>
 
+      <td>10月24日</td>
 
+    </tr>
 
+    <tr>
 
+      <td>北京</td>
 
+      <td>10月29日</td>
 
+      <td>清华大学<br/>
 
+        二教403</td>
 
+      <td>10月29日20:00</td>
 
+      <td>60分钟</td>
 
+      <td>10月31日</td>
 
+    </tr>
 
+    <tr>
 
+      <td rowspan="2">上海</td>
 
+      <td>11月04日</td>
 
+      <td>上海交通大学(闵行校区)<br/>
 
+        敬请期待</td>
 
+      <td>11月05日18:30</td>
 
+      <td>60分钟</td>
 
+      <td>11月06日</td>
 
+    </tr>
 
+    <tr>
 
+      <td>11月05日</td>
 
+      <td>上海复旦大学(邯郸校区)<br/>
 
+        敬请期待</td>
 
+      <td>11月06日18:30</td>
 
+      <td>60分钟</td>
 
+      <td>11月07日</td>
 
+    </tr>
 
+    <tr>
 
+      <td>杭州</td>
 
+      <td>11月10日</td>
 
+      <td>浙江大学(玉泉校区)<br/>
 
+        敬请期待</td>
 
+      <td>11月11日19:30</td>
 
+      <td>60分钟</td>
 
+      <td>11月13日</td>
 
+    </tr>
 
+  </table>
 
+  <p class="notes">注：WiFi万能钥匙对以上信息保留最终解释权，笔试地点或时间若有调整，请以本网站更新信息为准。</p>
 
+  <p class="border_title">宣讲会行程</p>
 
+  <div class="bg">
 
+    <ul class="position">
 
+      <li style="margin-top: 42px;">
 
+        <p class="t">1.南京大学(鼓楼校区)</p>
 
+        <p class="d">10月22日 18:30</p>
 
+        <p class="d">地点：南园教学楼217</p>
 
+      </li>
 
+      <li>
 
+        <p class="t">2.清华大学</p>
 
+        <p class="d">10月29日 18:30</p>
 
+        <p class="d">地点：二教403</p>
 
+      </li>
 
+      <li>
 
+        <p class="t">3.上海交通大学(闵行校区)</p>
 
+        <p class="d">11月04日 16:00</p>
 
+        <p class="d">地点：铁生馆300号</p>
 
+      </li>
 
+      <li>
 
+        <p class="t">4.上海复旦大学(邯郸校区)</p>
 
+        <p class="d">11月05日 18:30</p>
 
+        <p class="d">地点：叶耀珍楼202</p>
 
+      </li>
 
+      <li>
 
+        <p class="t">5.浙江大学(玉泉校区)</p>
 
+        <p class="d">11月11日 18:30</p>
 
+        <p class="d">地点：玉泉校区永谦活动中心报告厅1</p>
 
+      </li>
 
+    </ul>
 
+  </div>
 
+</div>
 
+<iframe src="tpl/footer.html" frameborder="0" width="100%" height="81"></iframe>
 
+<script src="./js/reset.js"></script>
 
+</body>
 
+</html>

BIN
images/about_bg.png
View File


BIN
images/arrow.png
View File


BIN
images/banner.jpg
View File


BIN
images/btn_resume.png
View File


BIN
images/flow1.png
View File


BIN
images/flow2.png
View File


BIN
images/flow3.png
View File


BIN
images/flow4.png
View File


BIN
images/icon_m.png
View File


BIN
images/icon_t.png
View File


BIN
images/logo.png
View File


BIN
images/map.jpg
View File


BIN
images/resume.jpg
View File


+ 32 - 0
index.html
View File 

@@ -0,0 +1,32 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+<meta charset="UTF-8">
 
+<title>WiFi万能钥匙校园招聘</title>
 
+<!--meta id="viewport" name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=1"-->
 
+<link rel="stylesheet" href="./css/base.css"/>
 
+</head>
 
+<body>
 
+<div style="display:none;"> <img src="http://static01.game.lianwifi.com/static_leaflets/join/h5/images/resume.jpg" alt=""> </div>
 
+<iframe src="tpl/header.html" scrolling="no" id="_header" name="_header" width="100%" height="96" border="0" style="border:none;margin-bottom: -3px;"></iframe>
 
+<div class="banner"></div>
 
+<div class="jobs">
 
+  <div class="content"> <a class="btn_resume" href="http://campus.51job.com/wifi/index.htm" target="_blank"></a>
 
+    <div class="job job1">
 
+      <div class="icon"></div>
 
+      <p class="job_name">管理培训生</p>
 
+      <p class="job_desc">满足公司快速发展需求，成为具有优秀的综合能力与素质的管理人才；参加公司安排的各类...</p>
 
+      <p class="job_url"><a href="./detail.html">更多岗位职责</a></p>
 
+    </div>
 
+    <div class="job job2">
 
+      <div class="icon"></div>
 
+      <p class="job_name">技术培训生</p>
 
+      <p class="job_desc">WiFi万能钥匙产品的核心业务功能开发和架构设计；高并发和大数据量的分布式系统分析和设计...</p>
 
+      <p class="job_url"><a href="./detail.html">更多岗位职责</a></p>
 
+    </div>
 
+  </div>
 
+</div>
 
+<iframe src="tpl/footer.html" frameborder="0" width="100%" height="81"></iframe>
 
+<script src="./js/reset.js"></script>
 
+</body>
 
+</html>

+ 24 - 0
js/reset.js
View File 

@@ -0,0 +1,24 @@
 
+window.onload=function(){
 
+    var u = navigator.userAgent,
 
+        dpr = window.devicePixelRatio || 1;
 
+    if (u && u != "") {
 
+        var mobile = !!u.match(/AppleWebKit.*Mobile.*/); //是否为移动终端
 
+        if(mobile){
 
+            if(dpr==2){
 
+                document.documentElement.style.fontSize="100%";
 
+            }else if(dpr==1.5){
 
+                document.documentElement.style.fontSize="120%";
 
+            }else if(dpr==3){
 
+                document.documentElement.style.fontSize="130%";
 
+            }
 
+            document.documentElement.setAttribute('mobile','1');
 
+        }
 
+    }
 
+    document.documentElement.setAttribute('dpr',dpr);
 
+    //alert(dpr)
 
+    //console.log(window.location.pathname);
 
+    var pathName = window.location.pathname;
 
+    if(pathName.indexOf("header")>0){
 
+        //_header.document.getElementById(pathName).className='active'; 
+    }
 
+}

+ 37 - 0
tpl/footer.html
View File 

@@ -0,0 +1,37 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>
 
+    <meta charset="UTF-8">
 
+    <style>
 
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input {
 
+	margin: 0;
 
+	padding: 0;
 
+	outline: 0;
 
+}
 
+html {
 
+	font-family: "Microsoft Yahei", arial, helvetica, sans-serif;
 
+	-webkit-text-size-adjust: none;
 
+	word-break : break-word;
 
+	font-size: 62.5%
 
+}
 
+body {
 
+	background-color: #f2f2f2;
 
+	height: 100%;
 
+	min-width: 1200px
 
+}
 
+.copyright {
 
+	text-align: center;
 
+	font-size: 12px;
 
+	color: #999999;
 
+	margin-bottom: 60px
 
+}
 
+[mobile="1"] .copyright {
 
+	font-size: 1.2rem;
 
+}
 
+</style>
 
+<script src="../js/reset.js"></script>
 
+    </head>
 
+    <body>
 
+    <p class="copyright">Copyright ©2012 - 2016 上海连尚网络科技有限公司版权所有</p>
 
+</body>
 
+</html>

+ 136 - 0
tpl/header.html
View File 

@@ -0,0 +1,136 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+<meta charset="UTF-8">
 
+<script>
 
+        window.onload=function(){
 
+            var u = navigator.userAgent,
 
+                dpr = window.devicePixelRatio || 1;
 
+            if (u && u != "") {
 
+                var mobile = !!u.match(/AppleWebKit.*Mobile.*/); //是否为移动终端
 
+                if(mobile){
 
+                    if(dpr==2){
 
+                        document.documentElement.style.fontSize="100%";
 
+                    }else if(dpr==1.5){
 
+                        document.documentElement.style.fontSize="100%";
 
+                    }else if(dpr==3){
 
+                        document.documentElement.style.fontSize="130%";
 
+                    }
 
+                    document.documentElement.setAttribute('mobile','1');
 
+                }
 
+            }
 
+            document.documentElement.setAttribute('dpr',dpr);
 
+            //alert(dpr)
 
+            //console.log(window.location.pathname);
 
+            var pathName = top.window.location.pathname;
 
+            if(pathName.indexOf("about")>0){
 
+                document.getElementById('about').className='active'; 
+            }else if(pathName.indexOf("flow")>0){
 
+                document.getElementById('flow').className='active'; 
+            }else if(pathName.indexOf("faq")>0){
 
+                document.getElementById('faq').className='active'; 
+            }  
+        }
 
+    </script>
 
+<style>
 
+html {
 
+	font-family: "Microsoft Yahei", arial, helvetica, sans-serif;
 
+	-webkit-text-size-adjust: none;
 
+	word-break : break-word;
 
+}
 
+[mobile="1"] html {
 
+	font-size: 62.5%;
 
+}
 
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input {
 
+	margin: 0;
 
+	padding: 0;
 
+	outline: 0;
 
+}
 
+img {
 
+	border: none;
 
+}
 
+body {
 
+	background-color: #f2f2f2;
 
+	height: 100%;
 
+	min-width: 1200px;
 
+}
 
+.fr {
 
+	float: right;
 
+}
 
+.clear {
 
+	clear: both;
 
+}
 
+.header {
 
+	height: 92px;
 
+	width: 100%;
 
+	min-width: 1200px;
 
+	border-top: #0285f0 4px solid;
 
+	background-color: #ffffff;
 
+}
 
+.header .center {
 
+	width: 1180px;
 
+	height: 100%;
 
+	margin: 0 auto;
 
+	position: relative;
 
+	padding: 0 10px;
 
+}
 
+.logo {
 
+	width: 387px;
 
+	height: 42px;
 
+	margin: 23px 0 23px 10px;
 
+	cursor: pointer;
 
+}
 
+.header .menu {
 
+	height: 92px;
 
+}
 
+.header a {
 
+	display: inline-block;
 
+}
 
+.header ul {
 
+	display: inline-block;
 
+	margin-right: 20px;
 
+	font-size: 16px;
 
+	height: 92px;
 
+}
 
+[mobile="1"] .header ul {
 
+	font-size: 1.6rem;
 
+}
 
+.header ul a {
 
+	display: inline-block;
 
+	float: left;
 
+	padding: 0 30px;
 
+	height: 100%;
 
+	line-height: 92px;
 
+	overflow: hidden;
 
+	color: #666666;
 
+	font-size: 16px;
 
+	text-decoration: none;
 
+}
 
+[mobile="1"] .header ul a {
 
+	padding: 0 3.0rem;
 
+	font-size: 1.6rem;
 
+}
 
+.header ul .active {
 
+	background-color: #f2f2f2;
 
+	color: #666666;
 
+	font-weight: bold;
 
+}
 
+[dpr="3"] .header ul a, [dpr="1.5"] .header ul a {
 
+	padding: 0 1rem
 
+}
 
+</style>
 
+</head>
 
+<body leftmargin="0" topmargin="0">
 
+<div class="header">
 
+  <div class="center"> <a href="../index.html" target="_parent"><img class="logo" src="../images/logo.png" /></a>
 
+    <div class="menu fr">
 
+      <ul>
 
+        <a href="../about.html" id="about" target="_parent">关于WiFi万能钥匙</a> <a href="../flow.html" id="flow" target="_parent">招聘流程</a> <a href="../faq.html" id="faq" target="_parent">常见问题FAQ</a> 
+        <!--a href="./news.html" id="news" target="_parent">招聘动态</a-->
 
+      </ul>
 
+    </div>
 
+    <div class="clear"></div>
 
+  </div>
 
+</div>
 
+</body>
 
+</html>