portal html css js resource

index.html 11KB

    <!DOCTYPE html> <html> <head> <meta name="keywords" content="科袖 专家 科研 研发 技术 资源 咨询"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="科袖,一个创新的研发资源共享及科技成果转化平台,帮助企业在研发过程中,找到能解决问题的专家;让专家的知识、技能、经验、成果和身边的仪器设备,更有效地帮助企业进行研发,让专家的科研价值变现。"> <title>科袖网-搭建企业与专家的桥梁</title> <link rel="shortcut icon" href="images/favicon.png"/> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/reset.css" /> <link type="text/css" href="css/common.css" rel="stylesheet"> <link type="text/css" href="css/genindex.css" rel="stylesheet"> <link type="text/css" href="css/index.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <style type="text/css"> #header{top:30px;} .searchblock{display:none;} header .navheader{background: transparent;border-color: transparent;} header .navheader li a{color:#FFFFFF;} </style> </head> <body> <!--定时发布弹框--> <div class="blackcover2"></div> <div class="setTimeBlock modelContain"> <span class="mb_tit">提示</span> <a class="mb_close"></a> <div class="mb_msg" id="promotTh"> <input type="hidden" id="oldName" /> </div> <div class="mb_btnbox" id="promotGt"> <input class="mb_btn mb_btnNo" type="button" value="取消"> </div> </div> <div class="container-fulid topheader"> <div class="containerCon"> <a class="downicon" href="download.html">科袖app</a> <a id="gocmp" href="javascript:;">进入企业版</a> </div> </div> <!--头部--> <header id="header"> <script src="js/header.js"></script> </header> <div id="container"> <!--banner部分--> <div id="banner"> <div class="banner"></div> <div class="theme"> <h1>让企业没有难搞的研发</h1> <h2>科袖,搭建企业与专家的桥梁</h2> <div class="main-search bgRadius"> <input type="text" placeholder="搜索专家、资源、文章" class="sear-txt" id="searchContent" > <div class="sear-btn" id="search" >搜索</div> </div> </div> </div> <div class="container-fulid"> <div class="containerCon"> <div class="link-btn-box clearfix"> <div class="col-w-4"> <div class="link-btn-block"> <div class="link-btn"> <div class="link-btn-icon link-btn-icon-fabu bgProColor"> </div> </div> <div class="link-btn-tip"> <h2 class="link-tip-tit">发布需求</h2> <p>获得专家回复,解决研发难题<br />研发成本合理化</p> <button type="button" class="btn btn-pro" id="postNow">立即发布</button> </div> </div> </div> <div class="col-w-4"> <div class="link-btn-block"> <div class="link-btn"> <div class="link-btn-icon link-btn-icon-pro bgProColor"> </div> </div> <div class="link-btn-tip"> <h2 class="link-tip-tit">我是专家</h2> <p>开通个人主页,提升学术声誉<br />发现横向课题合作机会,将科研价值变现</p> <button type="button" class="btn btn-pro" id="JoinKeXiu">加入科袖</button> </div> </div> </div> <div class="col-w-4"> <div class="link-btn-block"> <div class="link-btn"> <div class="link-btn-icon link-btn-icon-ruzhu bgProColor"> </div> </div> <div class="link-btn-tip"> <h2 class="link-tip-tit">企业入驻</h2> <p>开通企业主页,提升企业知名度<br />让专家更好地了解企业,解决研发难题</p> <button type="button" class="btn btn-pro" id="cmpSettled">入驻科袖</button> </div> </div> </div> </div> </div> </div> <div class="container-fulid"> <div class="containerCon"> <div class="con-tit"> <h4 class="hh4"><span class="homeicon-pro">专家对接</span></h4> <p class="showtip">来自高校和研究机构的教授、研究员、工程师,覆盖各个领域,专业、可靠、高效</p> </div> <ul class="con-ultab clearfix" id="hotArea"> </ul> <ul class="con-ulList con-ulListO clearfix" id="proShow"> </ul> </div> </div> <div class="container-fulid"> <div class="containerCon"> <div class="con-tit"> <h4 class="hh4"><span class="homeicon-area">资源共享</span></h4> <p class="showtip">与高校和检测机构共享实验仪器、检测设备</p> </div> <ul class="con-ulList con-ulListF clearfix" id="resShare"> </ul> </div> </div> <div class="container-fulid"> <div class="containerCon"> <div class="con-tit"> <h4 class="hh4"><span class="homeicon-hezuo">入驻企业</span></h4> </div> <ul class="con-ulList clearfix" id="ruZhuCmp"> </ul> </div> </div> <div class="container-fulid hot-professor"> <div class="con-tit"> <h4 class="hh4"><span class="homeicon-fangtan">科袖访谈</span></h4> </div> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <!--<ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol>--> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox" id="carouselThis"> <div class="item active"> <a class="aitemLink" href="userInforShow.html?professorId=5955AF8E868A4FABBCB1DA1B026DC514" style="background-image: url(images/banner/banner01.jpg);" alt="孟国哲"> <div class="carousel-caption"> <div class="homeinfo"> <p class="h1Font">孟国哲</p> <p class="h1Font">教授,哈尔滨工程大学</p> <p class="h2Font">发明专利:铜镍合金铈盐化学转化膜处理方法</p> <p class="h2Font">发明专利:利用电化学噪声技术测量材料局部腐蚀的方法及噪声探头和制法</p> <p class="h2Font">发明专利:一种高强钢氢损伤的表面吸附氢快速检测方法</p> </div> </div> </a> </div> <div class="item"> <a class="aitemLink" href="userInforShow.html?professorId=4555021E1A53489C8BD42A2F67B62CAA" style="background-image: url(images/c-sign-on_bg_img_nor.png);" alt="柳伟"> <div class="carousel-caption"> <div class="homeinfo"> <p class="h1Font">柳伟</p> <p class="h1Font">副教授,研究员级高级工程师,北京科技大学</p> <p class="h2Font">国家863项目:耐海洋大气腐蚀高强度海洋工程用钢的组织、性能控制技术及其应用</p> <p class="h2Font">国家科技重大专项:高强度耐腐蚀石油天然气集输和输送用管线钢生产技术</p> <p class="h2Font">国家973项目二级课题:高强韧耐海洋大气腐蚀超细复合组织钢</p> <p class="h2Font">国家自然科学基金重点项目:金属材料高温高压多相介质的腐蚀研究</p> </div> </div> </a> </div> <div class="item"> <a class="aitemLink" href="userInforShow.html?professorId=F9E3DAD76E3841F7A35F23CF57430740" style="background-image: url(images/fieldbg.jpg);" alt="时国庆"> <div class="carousel-caption"> <div class="homeinfo"> <p class="h1Font">时国庆</p> <p class="h1Font">副教授,北京科技大学</p> <p class="h2Font">国家863项目子课题:粮食中霉菌毒素高通量筛查技术研究与产品开发</p> <p class="h2Font">国家科技支撑计划子课题:酞酸酯类化合物单克隆抗体及免疫</p> <p class="h2Font">中央高校基础科研业务费青年人才基金项目:婴幼儿食品中内分泌干扰物的快速免疫检测技术研究</p> </div> </div> </a> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <div class="container-fulid urlLinkBox"> <div class="containerCon"> <h3 class="tit-M col-w-1" style="margin-bottom: 0;">友情链接</h3> <div class="link-box col-w-11" style="margin-top:2px;"> <ul> <li><a href="http://www.ecorr.org/" target="_blank">中国腐蚀与防护网</a></li> </ul> </div> </div> </div> </div> <footer> <script type="text/javascript" src="js/footer.js"></script> </footer> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript"src="js/jquery.similar.msgbox.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/index.js"></script> <script type="text/javascript"> $(document).scroll(function() { var topMo = $(document).scrollTop(); if (topMo == 0) { $("#header").css("top","30px"); } else { $("#header").css("top","0"); } if (topMo >= 350) { $(".searchblock").stop(true,false).fadeIn(); }else{ $(".searchblock").stop(true,false).fadeOut(); } }) //Model模态框打开关闭 $(".mb_close,.mb_btnNo").click(function() { $(".modelContain").hide(); $(".blackcover2").fadeOut(); $("body").removeClass("modelOpen"); }) </script> <script src="http://s4.cnzz.com/z_stat.php?id=1261924710&web_id=1261924710" language="JavaScript"></script> </body> </html>