123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title></title>
- <!-- 新 Bootstrap 核心 CSS 文件 -->
- <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
- <link href="css/style.css" rel="stylesheet"/>
- <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
- <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
- <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
- <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
- <script type="text/javascript" src="js/public.js" ></script>
- </head>
- <body>
- <header>
- <div class="container">
- <div class="lt">欢迎进入科技认知计算交易平台!</div>
- <div class="rt">
- <a href="#" class="login">登录</a>
- <a href="#">注册</a>
- <div class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
- <span class="glyphicon glyphicon-align-justify"></span>网站导航
- <span class="glyphicon glyphicon-play"></span>
- </a>
- <div class="dropdown-menu">
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- <a href="#">jmeter</a>
- </div>
- </div>
- </div>
- </div>
- </header>
- <div class="container header_nav">
- <div class="row clearfix">
- <div class="col-md-3 logo">
- <img src="img/logo.png" />
- </div>
- <div class="col-md-7 nav_content">
- <ul class="nav nav-pills">
- <li class="active"><a href="#">科技认定</a></li>
- <li><a href="#">成果转化</a></li>
- <li><a href="#">科技明星</a></li>
- <li><a href="#">知识产权</a></li>
- <li><a href="#">评估</a></li>
- <li><a href="#">更多</a></li>
- </ul>
- </div>
- <div class="col-md-2 search">
- <input type="text" class="" />
- <span>
- <img src="img/search_ioc.png" />
- </span>
- </div>
- </div>
- </div>
- <div id="myCarousel" class="carousel slide">
- <!-- 轮播(Carousel)指标 -->
- <ol class="carousel-indicators">
- <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
- <li data-target="#myCarousel" data-slide-to="1"></li>
- <li data-target="#myCarousel" data-slide-to="2"></li>
- </ol>
- <!-- 轮播(Carousel)项目 -->
- <div class="carousel-inner">
- <div class="item active">
- <img src="img/slide_img_1.png" alt="First slide">
- </div>
- <div class="item">
- <img src="img/slide_img_1.png" alt="Second slide">
- </div>
- <div class="item">
- <img src="img/slide_img_1.png" alt="Third slide">
- </div>
- </div>
- <!-- 轮播(Carousel)导航 -->
- <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
- <a class="carousel-control right" href="#myCarousel"
- data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
- </div>
-
- <div class="container">
- <div class="row clearfix">
- <div class="col-md-12 column">
- <div class="content_lf lt">
- <div class="service">
- <h3>常用业务</h3>
- <ul>
- <li><a href="#">常用业务相关网址链接</a></li>
- <li><a href="#">常用业务相关网址链接</a></li>
- <li><a href="#">常用业务相关网址链接</a></li>
- <li><a href="#">常用业务相关网址链接</a></li>
- <li><a href="#">常用业务相关网址链接</a></li>
- <li><a href="#">常用业务相关网址链接</a></li>
- <li><a href="#">常用业务相关网址链接</a></li>
- </ul>
- </div>
- <div class="star">
-
- </div>
- </div>
- <div class="content_mid lt">
- <div id="myCarousel1" class="carousel slide">
- <ol class="carousel-indicators">
- <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
- <li data-target="#myCarousel1" data-slide-to="1"></li>
- <li data-target="#myCarousel1" data-slide-to="2"></li>
- </ol>
- <div class="carousel-inner">
- <div class="item active">
- <img src="img/slide_img_s_1.png" alt="First slide">
- </div>
- <div class="item">
- <img src="img/slide_img_s_1.png" alt="Second slide">
- </div>
- <div class="item">
- <img src="img/slide_img_s_1.png" alt="Third slide">
- </div>
- </div>
- </div>
- </div>
- <div class="content_rt lt">
-
- </div>
- </div>
- </div>
- </div>
- <footer>
- <div class="container">
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- <a href="#">联系我们</a>
- </div>
- </footer>
- </body>
- </html>
|