<!-- Designed by Crumvey Chan (^_^) --> <!-- 没有版权 错误之处请多多指教 支持侵权转载吐槽批评功能 --> <!-- 欢迎关注我的微博http://www.51sjk.com/Upload/Articles/1/0/330/330091_20220921165642903.jpg"… --> <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta charset="UTF-8" /> <title>RDC-We Want You</title> <link rel="stylesheet" type="text/css" href="css/main.css" /> </head> <body> <div id="wrapper"> <!-- 在div"wrapper"内写整个网页的内容 --> <div id="home"> <div id="navigation"> <!-- div·navigation 网页顶部的导航栏 --> <div > <!-- title RDC的logo --> <span >RDC</span> <span >研发中心</span> </div> <div id="menu"> <!-- 用fixed定位 使主导航栏一直悬挂在网页顶部 --> <ul> <li ><a href="#contact">Contact</a></li> <li ><a href="#team">Team</a></li> <li ><a href="#direction">Direction</a></li> <li ><a href="#join">Join</a></li> <li ><a href="#home">Home</a></li> </ul> </div> </div> <div> <!-- 网页封面页的三个标题 --> <p >RDC FAMILY</h1> <p >We want you to join us!</p> <p > <span > </span> We are a team of IT <span > </span> </p> </div> <div> <!-- 还没有实现的部分 轮播图 --> <ul > <li ><a href="#"><img src="images/twitter.png"></a></li> <li ><a href="#"><img src="images/facebook.png"></a></li> <li ><a href="#"><img src="images/google.png"></a></li> <li ><a href="#"><img src="images/dribble.png"></a></li> </ul> </div> </div> <div id="join"> <!-- 介绍研发工作室考核的大致情况 --> <div> <!-- 标题 --> <h1 >HOW TO JOIN US</h1> <img id="love" src="images/love1.jpg" /> </div> <div > <div > <img src="images/firstexamine.png"> <a href="#">一轮考核</a> <p >想跟着师兄师姐学习基础知识,完成一轮考核作业,通过考核答辩,便通过了一轮考核。</p> </div> <div > <img src="images/secondexamine.png"> <a href="#">二轮考核</a> <p >通过一轮考核的师弟师妹进入二轮考核,在一轮考核的基础上,学习更进一步的知识,继续做大作业,通过二轮考核答辩后,便通过二轮考核。</p> </div> <div > <img src="images/joinyanfa.png"> <a href="#">加入研发</a> <p >通过一轮和二轮考核的师弟师妹将加入我们研发,开始与我们的研发之旅。</p> </div> </div> <div > <ul> <li ><a " href=""#">○</a></li> <li ><a " href=""#">○</a></li> <li ><a " href=""#">○</a></li> </ul> </div> </div> <div id="direction"> <!-- 介绍RDC团队4个分组 --> <div> <!-- 标题 --> <h1 >OUR TEAM</h1> <img id="love" src="images/love2.jpg" /> <p >我们的团队,包含四个组,前端组,后台组,安卓组和C++组</p> </div> <div id="groups"> <div > <img src="images/java.jpg" /> <a href="#">后台组</a> <p >Java</p> </div> <div > <img src="images/html.jpg" /> <a href="#">前端组</a> <p >HTML,CSS,javascript</p> </div> <div > <img src="images/android.jpg" /> <a href="#">安卓组</a> <p >Java,Android</p> </div> <div > <img src="images/c++.jpg" /> <a href="#">C++组</a> <p >C++,cocos2dx,girectx</p> </div> </div> <div > <ul> <li ><a href="#">○</a></li> <li ><a href="#">○</a></li> <li ><a href="#">○</a></li> </ul> </div> </div> <div id="team"> <!-- 介绍RDC团队成员 --> <div> <!-- 标题 --> <h1 >SOME FUN FACTS</h1> <img id="love" src="images/love3.jpg" /> </div> <div id="grades"> <div > <!-- 大一 --> <img src="images/grade1.png" /> <a href="#">?</a> <p >小鲜肉的大一</p> </div> <div > <!-- 大二 --> <img src="images/grade2.png" /> <a href="#">17</a> <p >激情的大二</p> </div> <div > <!-- 大三 --> <img src="images/grade3.png" /> <a href="#">12</a> <p >技术饱满的大三</p> </div> <div > <!-- 大四 --> <img src="images/grade4.png" /> <a href="#">16</a> <p >稳重成熟的大四</p> </div> </div> </div> <div id="contact"> <!-- 分享交流社区 --> <div> <!-- 标题 --> <h1 >LET'S DISCUSS</h1> <img id="love" src="images/love2.jpg" /> <p >有什么问题想跟我们讨论的可以写邮件给我们</p> </div> <div > <!-- 疑问交流区域 --> <h2 >让我们一起讨论问题</h2> <ul > <li id="question1"><a href="#">web前端问题</a></li> <li id="question1"><a href="#">Java后台问题</a></li> <li id="question1"><a href="#">Android问题</a></li> <li id="question1"><a href="#">C++问题</a></li> </ul> </div> <div > <!-- 表单部分 --> <form action="#" method="#"> <legend >Say hello!</legend> <p> <!-- 输入框中提示信息会在输入字段为空时显示,并会在字段获得时消失 --> <input type="text" name="name" autocomplete="off" placeholder="Name" value="" /> <!-- 输入姓名 --> <input type="text" name="Email" autocomplete="off" placeholder="Email" value="" /><br /> <!-- 输入邮箱 --> <input type="text" name="message" autocomplete="off" placeholder="Message" value="" /> <!-- 输入邮件内容 --> <input type="image" name="send" src="images/message.png" /><span >Send message</span> <!-- 用图片做发送邮件的按钮 --> </p> </form> </div> <div > <!-- 社交分享twitter/facebook/google/bribble --> <ul> <li><a href="#"><img src="images/f.png"></a></li> <li><a href="#"><img src="images/t.png"></a></li> <li><a href="#"><img src="images/g.png"></a></li> <li><a href="#"><img src="images/b.png"></a></li> </ul> </div> </div> <div id="footer"><!-- 版权信息 谢谢您的浏览 --> <h6>@Copyright Design By Crumvey Chan</h5> <!-- 抱歉打扰下 低调地介绍网页制作者 怕着以后没有机会了哈哈~ --> <p >没有版权 错误之处请多多指教 支持侵权转载吐槽批评功能</p> </div> </div> </body> </html>
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....