Team:Tongji

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html class="no-js" lang="en">
<html class="no-js" lang="en">
-
<head>
+
  <head>
-
     <meta charset="utf-8" />
+
     <meta charset="utf-8">
-
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
    <title>Bootstrap</title>
-
     <title>USTC-Software | Welcome</title>
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
    <link rel="icon" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/favicon.ico" type="image/x-icon">
+
     <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
-
    <!-- For third-generation iPad with high-resolution Retina display: -->
+
<meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
-
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-144x144-precomposed.png">
+
     <meta name="author" content="Bootstrap中文网">
-
    <!-- For iPhone with high-resolution Retina display: -->
+
-
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-114x114-precomposed.png">
+
-
    <!-- For first- and second-generation iPad: -->
+
-
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-72x72-precomposed.png">
+
-
    <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
+
-
     <link rel="apple-touch-icon-precomposed" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-precomposed.png">
+
-
     <meta name="description" content="iGEM">
+
     <!-- Le styles -->
-
    <meta name="author" content="Taixing Lin">
+
     <link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
-
    <meta name="copyright" content="USTC-Software, inc. Copyright (c) 2014">
+
     <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">
-
     <link rel="stylesheet" href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/foundation.css" />
+
<style>
-
    <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/fixed-positioning.css" rel="stylesheet" type="text/css" />
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
-
     <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/fixed-igemHead.css" rel="stylesheet" type="text/css" />
+
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 rel="stylesheet" href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/main.css" />
+
     <link href="http://yuiuiuiuiui.cloud66-162.78host.com/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
-
    <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/vendor/modernizr.js"></script>
+
-
    <!--[if lt IE 9]>
+
-
     <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/ie.css" media="screen" rel="stylesheet" />
+
-
    <![endif]-->
+
-
     <!-- IE Fix for HTML5 Tags -->
+
     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!--[if lt IE 9]>
     <!--[if lt IE 9]>
-
    <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/html5.js"></script>
+
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
     <![endif]-->
     <![endif]-->
-
</head>
 
-
  <body class="off-canvas hide-extras " style="">
 
-
    <div class="off-canvas-wrap">
 
-
      <div class="inner-wrap">
 
-
<aside class="left-off-canvas-menu">
 
-
  <ul class="off-canvas-list">
 
-
    <li><label class="first" style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight:700">USTC-Software</label></li>
 
-
    <li><a href="index.html">Home</a></li>
 
-
  </ul>
 
-
  <hr>
+
    <!-- 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">
-
   <ul class="off-canvas-list">
+
   </head>
-
    <li><label class="first">About</label></li>
+
-
    <li><a href="learn/features.html">Overall</a></li>
+
-
    <li><a href="learn/faq.html">Software</a></li>
+
-
    <li><a href="learn/faq.html">Method</a></li>
+
-
    <li><a href="learn/faq.html">Examples</a></li>
+
-
    <li><a href="learn/faq.html">Future Work</a></li>
+
-
  </ul>
+
-
   <hr>
+
   <body data-spy="scroll" data-target=".bs-docs-sidebar">
-
  <ul class="off-canvas-list">
+
    <!-- Navbar
-
    <li><label>Teams</label></li>
+
    ================================================== -->
-
  </ul>
+
    <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>
-
  <hr>
+
<div class="jumbotron masthead">
-
 
+
   <div class="container">
-
  <ul class="off-canvas-list">
+
     <h1>Bootstrap</h1>
-
    <li><label>Schedule</label></li>
+
     <p>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</p>
-
    <li><a href="support/support.html">Term</a></li>
+
     <p>
-
    <li><a href="/forum">Vacation</a></li>
+
      <a href="http://getbootstrap.com/2.3.2/assets/bootstrap.zip" class="btn btn-primary btn-large" >下载Bootstrap</a>
-
   </ul>
+
     </p>
-
  <hr>
+
    <ul class="masthead-links">
-
  <ul class="off-canvas-list">
+
-
     <li><label>Media</label></li>
+
-
  </ul>
+
-
 
+
-
  <hr>
+
-
  <ul class="off-canvas-list">
+
-
     <li><label>Results</label></li>
+
-
  </ul>
+
-
  <hr>
+
-
  <ul class="off-canvas-list">
+
-
     <li><label>Sponsors</label></li>
+
-
  </ul>
+
-
  <hr>
+
-
  <ul class="off-canvas-list">
+
-
    <li><label>Contact</label></li>
+
-
  </ul>
+
-
  <hr>
+
-
 
+
-
</aside>
+
-
<!-- -------------------------------------->
+
-
 
+
-
+
-
<nav class="tab-bar show-for-small">
+
-
  <a class="left-off-canvas-toggle menu-icon" style="line-height: 1.0625rem;">
+
-
   
+
-
    <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight:700">USTC_Software</span>
+
-
 
+
-
  </a>
+
-
</nav>
+
-
 
+
-
<nav class="top-bar hide-for-small" data-topbar>
+
-
  <ul class="title-area">
+
-
    <li class="name" >
+
-
      <h1><a href="index.html" style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight: 700;">USTC-Software</a></h1>
+
-
     </li>
+
-
  </ul>
+
-
<!-- -------------------------------------->
+
-
  <section class="top-bar-section">
+
-
    <ul class="right">
+
-
    <li class="divider"></li>
+
       <li>
       <li>
-
         <a href="/docs" class="">Home</a>
+
         <a href="http://github.com/twbs/bootstrap" >GitHub project</a>
       </li>
       </li>
-
 
+
       <li>
-
       <li class="divider"></li>
+
         <a href="./getting-started.html#examples" >案例</a>
-
      <li class="has-dropdown">
+
-
         <a href="learn/features.html" class="">About</a>
+
-
        <ul class="dropdown">
+
-
            <li><a href="learn/features.html">Overall</a></li>
+
-
            <li><a href="learn/faq.html">Software</a></li>
+
-
            <li><a href="learn/faq.html">Method</a></li>
+
-
            <li><a href="learn/faq.html">Examples</a></li>
+
-
            <li><a href="learn/faq.html">Future Work</a></li>
+
-
        </ul>
+
       </li>
       </li>
-
      <li class="divider"></li>
 
       <li>
       <li>
-
         <a href="/docs" class="">Teams</a>
+
         <a href="./extend.html" >扩展</a>
       </li>
       </li>
-
       <li class="divider"></li>
+
       <li>
-
      <li class="has-dropdown">
+
         Version 2.3.2
-
         <a href="templates.html" class="">Schedule</a>
+
-
        <ul class="dropdown">
+
-
          <li><a href="templates.html">test</a></li>
+
-
          <li><a href="/docs">Docs</a></li>
+
-
        </ul>
+
       </li>
       </li>
 +
    </ul>
 +
  </div>
 +
</div>
-
      <li class="divider"></li>
+
<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>
-
         <a href="/docs" class="">Sponsors</a>
+
          
       </li>
       </li>
-
      <li class="divider"></li>
 
       <li>
       <li>
-
         <a href="/docs" class="">Contact</a>
+
          
       </li>
       </li>
-
 
+
       <li class="follow-btn">
-
<!--
+
          
-
       <li class="divider"></li>
+
      </li>
-
      <li class="has-dropdown">
+
      <li class="tweet-btn">
-
         <a href="business/services.html" class="">Communicate</a>
+
          
-
        <ul class="dropdown">
+
-
            <li><a href="support/support.html">Human Practice</a></li>
+
-
            <li><a href="/forum">Safety</a></li>
+
-
            <li><a href="/forum">Collaborate</a></li>
+
-
            <li><a href="/forum">Develop</a></li>
+
-
         </ul>
+
       </li>
       </li>
-
    -->
 
     </ul>
     </ul>
-
   </section>
+
   </div>
 +
</div>
-
</nav>
+
<div class="container">
-
<div id="container">
+
-
    <div class="slide-box">
+
-
    <div class="row large-12 columns large-centered">
+
-
      <div class="orbit-container boxshadow">
+
-
       
+
-
     
+
-
      <ul data-orbit data-options="timer_speed:2500; bullets:false;">
+
-
              <li>
+
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide1.jpg" />
+
-
                <div class="orbit-caption">...</div>
+
-
              </li>
+
-
              <li>
+
  <div class="marketing">
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide2.jpg" />
+
-
                <div class="orbit-caption">...</div>
+
-
              </li>
+
-
           
+
-
              <li>
+
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide3.jpg" />
+
-
                <div class="orbit-caption">...</div>
+
-
              </li>
+
-
              <!--
+
-
              <li>
+
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide4.jpg" />
+
-
                <div class="orbit-caption">...</div>
+
-
              </li>
+
-
          -->   
+
-
        </ul>
+
-
     
+
-
        </div>
+
-
        </div>
+
-
    </div>
+
-
      <div class="main-content">
+
-
      <div class="row large-12 columns large-centered">
+
-
        <p style="font-size:32px">iGEM meets USTC-Software</p>
+
-
        <div class="underline-large"></div>
+
-
      </div>
+
-
      <div class="row large-12 columns large-centered">
+
-
        <h3>Why?</h3>
+
-
        <div class="underline-small"></div>
+
-
        <p>The USTC Software team will organize a worldwide team meet up on August 15th, which will be held at University of Science and Technology of China and planed to last about three days. This meeting is mainly for software tracks. Because most of the meet-ups are among wet tracks, the meeting could be a great opportunity to enhance communication between software teams. Teams will present a brief overview of their project along with their specific summer goals, then discuss alternative ways to approach their projects, and end the meeting with brainstorming ways for the teams to collaborate on either coding or human practices. !
+
-
        </p>
+
-
      </div>
+
-
      <div class="row">
+
-
        <div class="large-6 columns">
+
-
          <h3>When?</h3>
+
-
          <div class="underline-small"></div>
+
-
          <p>August 15 - August 17, 2014</p>
+
-
        </div>
+
-
 
+
-
        <div class="large-6 columns">
+
-
          <h3>Where?</h3>
+
-
          <div class="underline-small"></div>
+
-
          <ul>
+
-
            <li>University of Science and Technology of China</li>
+
-
            <li>USTC-Software</li>
+
-
          </ul>
+
-
        </div>
+
 +
    <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>
-
       <div class="row">
+
       <div class="span4">
-
      <div class="large-12 columns large-centered">      
+
        <img class="marketing-img" src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/bs-docs-responsive-illustrations.png">
-
          <h3>Who?</h3>      
+
        <h2>任何人都可以使用。</h2>
-
          <div class="underline-small"></div>     
+
        <p>Bootstrap不光为了看起来好看，而且在现代的桌面浏览器上有极佳的表现(包括IE7！)。在平板电脑和智能手机上面还有 <a href="./scaffolding.html#responsive">响应式CSS</a> 可以使用。</p>
-
          <p>Members from iGEM teams will attend our meetup </p>  
+
       </div>
       </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>
-
   
 
     </div>
     </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>
-
  <div class="team-wrap">
+
 
-
  </div>
+
 
-
     <div class="row">
+
 
-
       <div class="large-4 columns centered-text zurbian">
+
    <!-- Footer
-
         <img alt="bryan zmijewski" src="./img/bryan-home-3b154e2f21236aefb7b72f9e31106ca0.jpg">
+
    ================================================== -->
-
         <h4><a href="http://zurb.com/profile/bryan-zmijewski">Bryan Zmijewski</a></h4>
+
     <footer class="footer">
-
         <p class="job-title">Founder, President</p>
+
       <div class="container">
-
         <p class="short-bio">Bryan is our fearless leader and chief instigator. Hailing from the Stanford Product Design program and getting his roots from IDEO, he has advised more than 200 startups on how to build digital products.</p>
+
         <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>
       </div>
-
      <div class="large-4 columns centered-text zurbian">
+
     </footer>
-
        <img alt="matt kelly" src="./img/matt-home-0daaa6cedcf767c1da16d704a469025b.jpg">
+
-
        <h4><a href="http://zurb.com/profile/matt-kelly">Matt Kelly</a></h4>
+
-
        <p class="job-title">Partner, Engineering Lead</p>
+
-
        <p class="short-bio">Matt is our University Dean. He drives the creation of our courses. As a ZURB partner and head of engineering, he's involved in all aspects of our business and brings that knowledge to the classes he teaches.</p>
+
-
      </div>
+
-
      <div class="large-4 columns centered-text zurbian">
+
-
        <img alt="jonathan smiley" src="./img/jon-home-19f1fe54bbb5d42854f8947c2f6e8670.jpg">
+
-
        <h4><a href="http://zurb.com/profile/jonathan-smiley">Jonathan Smiley</a></h4>
+
-
        <p class="job-title">Partner, Product Lead</p>
+
-
        <p class="short-bio">Jonathan is a partner at ZURB and our Product Lead. He's the original mastermind behind Foundation, our responsive framework, and continually pushes the ZURB products forward.</p>
+
-
      </div>
+
-
     </div>
+
-
    <div class="row">
+
-
      <div class="large-4 columns centered-text zurbian">
+
-
        <img alt="alina senderzon" src="./img/alina-home-7fed177744596d2f4a836d3b4a91b37b.jpg">
+
-
        <h4><a href="http://zurb.com/profile/alina-senderzon">Alina Senderzon</a></h4>
+
-
        <p class="job-title">Design Lead</p>
+
-
        <p class="short-bio">Alina heads up ZURB's Design Team. As a Lead, she helps shape the work of her fellow designers. Her greatest design strength: designing balanced, structured layouts.</p>
+
-
      </div>
+
-
      <div class="large-4 columns centered-text zurbian">
+
-
        <img alt="ghaida zahran" src="./img/ghaida-home-84c118f2ab4c5616a7c163f6aced72fa.jpg">
+
-
        <h4><a href="http://zurb.com/profile/ghaida-zahran">Ghaida Zahran</a></h4>
+
-
        <p class="job-title">Designer</p>
+
-
        <p class="short-bio">Ghaida is an outstanding ZURBian designer and a driver of Foundation. You'll find her working through interaction design problems, pushing pixels or contributing code daily.</p>
+
-
      </div>
+
-
      <div class="large-4 columns centered-text zurbian">
+
-
        <img alt="caleb winters" src="./img/caleb-home-4d6e71df43e9562a8615f6d4eb9a96b5.jpg">
+
-
        <h4><a href="http://zurb.com/profile/caleb-winters">Caleb Winters</a></h4>
+
-
        <p class="job-title">Designer</p>
+
-
        <p class="short-bio">Caleb is a core contributor to Foundation and the lead designer for Forrst. While he's amazing at code, you'll find him crushing all parts of our design process.</p>
+
-
      </div>
+
-
    </div> 
+
-
 
+
-
-->
+
-
<div class="ltx-footer-bottom">
+
-
<div class="row" >
+
-
<div class="medium-4 medium-4 push-8 columns">
+
-
<ul class="home-social">
+
-
<li><a href="http://twitter.com/USTC_Software" class="twitter"></a></li>
+
-
<li><a href="http://www.facebook.com/USTCSoftware" class="facebook"></a></li>
+
-
<li><a href="/contact" class="mail"></a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="medium-8 medium-8 pull-4 columns">
+
-
<span style="color:#bbb;margin: 0 auto;">
+
-
  <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-size:32px; font-weight:400">USTC-Software</span>
+
-
  <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-size:32px; font-weight:100">@USTC</span>
+
-
</span>
+
-
<ul class="ltx-links">
+
 
-
<li><a href="/contact">Contact</a></li>
+
 
-
<li><a href="/sitemap">Sitemap</a></li>
+
    <!-- Le javascript
-
</ul>
+
    ================================================== -->
-
<p class="copyright">© 2014 USTC-Software,University of Science and Technology of China. All rights reserved.</p>
+
    <!-- Placed at the end of the document so the pages load faster -->
-
</div>
+
   
-
</div>
+
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
-
</div>
+
    <script src="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
-
     <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/vendor/jquery.js"></script>
+
 
-
     <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/foundation.min.js"></script>
+
    <script src="http://cdn.bootcss.com/holder/2.0/holder.min.js"></script>
-
     <script>
+
     <script src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/js/google-code-prettify/prettify.js"></script>
-
      $(document).foundation();
+
 
 +
     <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>
     </script>
-
    <!--
+
 
-
    <script type="text/javascript" src="dist/skrollr.min.js"></script>
+
 
-
-->
+
-
  <!--[if lt IE 9]>
+
-
  <script type="text/javascript" src="dist/skrollr.ie.min.js"></script>
+
-
  <![endif]-->
+
-
<!--
+
-
  <script type="text/javascript">
+
-
  var s = skrollr.init({
+
-
    edgeStrategy: 'set',
+
-
    easing: {
+
-
      WTF: Math.random,
+
-
      inverted: function(p) {
+
-
        return 1-p;
+
-
      }
+
-
    }
+
-
  });
+
-
  </script>
+
-
-->
+
   </body>
   </body>
</html>
</html>

Revision as of 06:12, 12 August 2014

Bootstrap

Bootstrap

Bootstrap

简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。

下载Bootstrap

Bootstrap介绍。

需要为爱上Bootstrap找N多理由吗？ 就在眼前。

人人为我，我为人人。

由@mdo 和 @fat 在Twitter工作时创建，Bootstrap使用 LESS CSS 并用 Node 编译，托管在 GitHub 上，方便大家使用这一框架构建更好的web应用。

任何人都可以使用。

Bootstrap不光为了看起来好看，而且在现代的桌面浏览器上有极佳的表现(包括IE7！)。在平板电脑和智能手机上面还有 响应式CSS 可以使用。

丰富的特色。

12列的响应式栅格结构、丰富的组件、JavaScript插件、排版、表单控件，还有 基于web的定制工具。

基于Bootstrap构建的网站。

更多基于Bootstrap构建的网站列表，请 访问非官方的Tumblr网站 或者 看看下面的几个案例。

Retrieved from "http://2014.igem.org/Team:Tongji"