Team:Tongji

From 2014.igem.org

(Difference between revisions)
(Replaced content with "<html> <head> </head> <body> <script>  {window.location = "http://yuiuiuiuiui.cloud66-162.78host.com/";}  }</script> <p align="center"> If no response, please click <...")
Line 1: Line 1:
-
<html lang="en">
+
<html>
<head>
<head>
-
<meta charset="utf-8">
 
-
    <title>Bootstrap</title>
 
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-
    <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等,助力开发者掌握并使用这一框架。">
 
-
<meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
 
-
    <meta name="author" content="Bootstrap中文网">
 
-
 
-
    <!-- Le styles -->
 
-
    <link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
 
-
    <link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">
 
-
    <link href="http://yuiuiuiuiui.cloud66-162.78host.com/assets/css/docs.css" rel="stylesheet">
 
-
 
-
<style>
 
-
body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
 
-
</style>
 
-
 
-
    <link href="http://yuiuiuiuiui.cloud66-162.78host.com/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
 
-
 
-
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
 
-
    <!--[if lt IE 9]>
 
-
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
 
-
    <![endif]-->
 
-
 
-
    <!-- Le fav and touch icons -->
 
-
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
 
-
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
 
-
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
 
-
                    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
-
                                  <link rel="shortcut icon" href="assets/ico/favicon.png">
 
-
 
-
<!-- Custom styles for this template -->
 
-
 
-
<style type="text/css">
 
-
body {
 
-
padding-bottom: 40px;
 
-
background: #333333;
 
-
color: #5a5a5a;
 
-
font-size: 12px;
 
-
}
 
-
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
 
-
display: none;
 
-
} /*-- hides default wiki settings --*/
 
-
 
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #383838;
 
-
border: 0 none;
 
-
height: 14px;
 
-
z-index: 100;
 
-
top: 0;
 
-
position: fixed;
 
-
width: 975px;
 
-
left: 50%;
 
-
margin-left: -487px;
 
-
}
 
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #383838;
 
-
height: 14px;
 
-
display: block;
 
-
z-index: 10;
 
-
position: fixed;
 
-
width: 100%;
 
-
top: 0;
 
-
}
 
-
body {
 
-
background-color: #fff;
 
-
}
 
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
border: 0px;
 
-
background-color: transparent;
 
-
margin: 0px;
 
-
padding: 0px;
 
-
}
 
-
html, body, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: transparent;
 
-
}
 
-
#container { /*-- creates container for all content on page --*/
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-weight: normal;
 
-
font-size: 14px;
 
-
color: #414141;
 
-
width: 960px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
background-color: #transparent;
 
-
margin-top: 0px;
 
-
}
 
-
.container {
 
-
font-size:14px
 
-
}
 
-
.buttontext {
 
-
color:#FFF
 
-
}
 
-
</style>
 
-
<style>
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 
-
display: none;
 
-
} /*-- hides default wiki settings --*/
 
-
</style>
 
-
 
</head>
</head>
-
 
+
<body>
-
 
+
<script>  
-
<body data-spy="scroll" data-target=".bs-docs-sidebar">
+
{window.location = "http://yuiuiuiuiui.cloud66-162.78host.com/";} 
-
 
+
}</script>  
-
    <!-- Navbar
+
<p align="center"> If no response, please click <a style="text-decoration: none" href="http://yuiuiuiuiui.cloud66-162.78host.com/"><font color="#FF0000">HERE</font></a>.</p>
-
    ================================================== -->
+
</body>
-
    <div class="navbar navbar-inverse navbar-fixed-top">
+
-
      <div class="navbar-inner">
+
-
        <div class="container">
+
-
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
            <span class="icon-bar"></span>
+
-
            <span class="icon-bar"></span>
+
-
            <span class="icon-bar"></span>
+
-
          </button>
+
-
          <a class="brand" href="./index.html"><img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/Igemlogo_officiallogo.png"></a>
+
-
          <a class="brand" href="./index.html">Bootstrap</a>
+
-
         
+
-
          <div class="nav-collapse collapse">
+
-
            <ul class="nav">
+
-
              <li class="active">
+
-
                <a href="./index.html">首页</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a href="./getting-started.html">起步</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a href="./scaffolding.html">脚手架</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a href="./base-css.html">基本CSS样式</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a href="./components.html">组件</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a href="./javascript.html">JavaScript插件</a>
+
-
              </li>
+
-
              <li class="">
+
-
                <a href="./customize.html">定制</a>
+
-
              </li>
+
-
            </ul>
+
-
          </div>
+
-
        </div>
+
-
      </div>
+
-
    </div>
+
-
 
+
-
<div class="jumbotron masthead">
+
-
  <div class="container">
+
-
    <h1>Bootstrap</h1>
+
-
    <p>简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。</p>
+
-
    <p>
+
-
      <a href="http://getbootstrap.com/2.3.2/assets/bootstrap.zip" class="btn btn-primary btn-large" >下载Bootstrap</a>
+
-
    </p>
+
-
    <ul class="masthead-links">
+
-
      <li>
+
-
        <a href="http://github.com/twbs/bootstrap" >GitHub project</a>
+
-
      </li>
+
-
      <li>
+
-
        <a href="./getting-started.html#examples" >案例</a>
+
-
      </li>
+
-
      <li>
+
-
        <a href="./extend.html" >扩展</a>
+
-
      </li>
+
-
      <li>
+
-
        Version 2.3.2
+
-
      </li>
+
-
    </ul>
+
-
  </div>
+
-
</div>
+
-
 
+
-
<div class="bs-docs-social">
+
-
  <div class="container">
+
-
    <ul class="bs-docs-social-buttons">
+
-
<li><a href="http://v3.bootcss.com/" target="_blank">Bootstrap v3 中文文档</a></li>
+
-
      <li>
+
-
       
+
-
      </li>
+
-
      <li>
+
-
       
+
-
      </li>
+
-
      <li class="follow-btn">
+
-
       
+
-
      </li>
+
-
      <li class="tweet-btn">
+
-
       
+
-
      </li>
+
-
    </ul>
+
-
  </div>
+
-
</div>
+
-
 
+
-
<div class="container">
+
-
 
+
-
  <div class="marketing">
+
-
 
+
-
    <h1>Bootstrap介绍。</h1>
+
-
    <p class="marketing-byline">需要为爱上Bootstrap找N多理由吗? 就在眼前。</p>
+
-
 
+
-
    <div class="row-fluid">
+
-
      <div class="span4">
+
-
        <img class="marketing-img" src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/bs-docs-twitter-github.png">
+
-
        <h2>人人为我,我为人人。</h2>
+
-
        <p>由<a href="http://twitter.com/mdo">@mdo</a> 和 <a href="http://twitter.com/fat">@fat</a> 在Twitter工作时创建,Bootstrap使用 <a href="/lesscss.html">LESS CSS</a> 并用 <a href="http://nodejs.org">Node</a> 编译,托管在 <a href="http://github.com">GitHub</a> 上,方便大家使用这一框架构建更好的web应用。</p>
+
-
      </div>
+
-
      <div class="span4">
+
-
        <img class="marketing-img" src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/bs-docs-responsive-illustrations.png">
+
-
        <h2>任何人都可以使用。</h2>
+
-
        <p>Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!)。在平板电脑和智能手机上面还有 <a href="./scaffolding.html#responsive">响应式CSS</a> 可以使用。</p>
+
-
      </div>
+
-
      <div class="span4">
+
-
        <img class="marketing-img" src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/bs-docs-bootstrap-features.png">
+
-
        <h2>丰富的特色。</h2>
+
-
        <p>12列的响应式<a href="./scaffolding.html#grid">栅格结构</a>、丰富的组件、<a href="./javascript.html">JavaScript插件</a>、排版、表单控件,还有 <a href="./customize.html">基于web的定制工具</a>。</p>
+
-
      </div>
+
-
    </div>
+
-
 
+
-
    <hr class="soften">
+
-
 
+
-
    <h1>基于Bootstrap构建的网站。</h1>
+
-
    <p class="marketing-byline">更多基于Bootstrap构建的网站列表,请 <a href="http://builtwithbootstrap.tumblr.com/" target="_blank">访问非官方的Tumblr网站</a> 或者 <a href="./getting-started.html#examples">看看下面的几个案例</a>。</p>
+
-
    <div class="row-fluid">
+
-
      <ul class="thumbnails example-sites">
+
-
        <li class="span3">
+
-
          <a class="thumbnail" href="http://soundready.fm/" target="_blank">
+
-
            <img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/example-sites/soundready.png" alt="SoundReady.fm">
+
-
          </a>
+
-
        </li>
+
-
        <li class="span3">
+
-
          <a class="thumbnail" href="http://kippt.com/" target="_blank">
+
-
            <img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/example-sites/kippt.png" alt="Kippt">
+
-
          </a>
+
-
        </li>
+
-
        <li class="span3">
+
-
          <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
+
-
            <img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/example-sites/gathercontent.png" alt="Gather Content">
+
-
          </a>
+
-
        </li>
+
-
        <li class="span3">
+
-
          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+
-
            <img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/example-sites/jshint.png" alt="JS Hint">
+
-
          </a>
+
-
        </li>
+
-
      </ul>
+
-
    </div>
+
-
 
+
-
  </div>
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
    <!-- Footer
+
-
    ================================================== -->
+
-
    <footer class="footer">
+
-
      <div class="container">
+
-
        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
+
-
        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+
-
        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+
-
        <ul class="footer-links">
+
-
          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+
-
          <li class="muted">&middot;</li>
+
-
          <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
+
-
          <li class="muted">&middot;</li>
+
-
          <li><a href="https://github.com/twbs/bootstrap/releases">Changelog</a></li>
+
-
        </ul>
+
-
      </div>
+
-
    </footer>
+
-
 
+
-
 
+
-
 
+
-
    <!-- Le javascript
+
-
    ================================================== -->
+
-
    <!-- Placed at the end of the document so the pages load faster -->
+
-
   
+
-
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
+
-
    <script src="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
+
-
 
+
-
    <script src="http://cdn.bootcss.com/holder/2.0/holder.min.js"></script>
+
-
    <script src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/js/google-code-prettify/prettify.js"></script>
+
-
 
+
-
    <script src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/js/application.js"></script>
+
-
    <script type="text/javascript">
+
-
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+
-
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F3d8e7fc0de8a2a75f2ca3bfe128e6391' type='text/javascript'%3E%3C/script%3E"));
+
-
    </script>
+
-
 
+
-
 
+
-
  </body>
+
</html>
</html>

Revision as of 08:36, 12 August 2014

If no response, please click HERE.