Team:NJAU China/Team

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
-
 
+
<meta name="viewport" content="width=device-width, initial-scale=1">
-
<!-- 新 Bootstrap 核心 CSS 文件 -->
+
<meta name="description" content="">
 +
<meta name="author" content="">
 +
<link rel="icon" href="../../favicon.ico">
 +
<title>Carousel Template for Bootstrap</title>
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
-
 
-
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
 
-
 
-
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
 
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
-
 
-
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
 
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
<style>
+
 
 +
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
<!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 
 +
<!-- Custom styles for this template -->
 +
<link href="carousel.css" rel="stylesheet">
 +
<style type="text/css">
body {
body {
-
font-size:12px
+
  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 --*/
 +
.firstHeading {
 +
  width: 975px;
 +
  margin: 0px auto;
 +
  padding-top: 100px;
 +
  margin-bottom: 20px;
 +
  font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
h1, h2, h3, h4, h5 {
 +
  font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
#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 {
.container {
-
width:960px
+
  font-size:14px
}
}
-
.unselect {
+
.buttontext {
-
color:#428bca
+
  color:#FFF
}
}
 +
</style>
 +
<style>
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 +
  display: none;
 +
} /*-- hides default wiki settings --*/
</style>
</style>
</head>
</head>
-
<body >
+
<!-- NAVBAR
-
<div class="container">
+
================================================== -->
-
   <div class="nav">
+
<body>
-
     <ul class="nav nav-pills" role="tablist">
+
<div class="container-fluid">
-
       <li><a href="https://2014.igem.org/Team:NJAU_China" class="unselect">Home</a></li>
+
  <!-- Brand and toggle get grouped for better mobile display -->
-
      <li class="active"><a href="https://2014.igem.org/Team:NJAU_China/Team" >Team</a></li>
+
   <div class="navbar-header">
-
      <li><a href="https://igem.org/Team.cgi?year=2014" class="unselect">Official Team Profile </a></li>
+
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
-
      <li><a href="https://2014.igem.org/Team:NJAU_China/Project" class="unselect">Project</a></li>
+
    <a class="navbar-brand" href="#">Brand</a> </div>
-
      <li><a href="https://2014.igem.org/Team:NJAU_China/Parts" class="unselect">Parts</a></li>
+
  <div class="navbar-wrapper">
-
      <li><a href="https://2014.igem.org/Team:NJAU_China/Modeling" class="unselect">Modeling</a></li>
+
    <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
-
      <li><a href="https://2014.igem.org/Team:NJAU_China/Notebook" class="unselect">Notebook</a></li>
+
       <div class="container">
-
      <li><a href="https://2014.igem.org/Team:NJAU_China/Safety" class="unselect">Safety</a></li>
+
        <div class="navbar-header">
-
      <li><a href="https://2014.igem.org/Team:NJAU_China/Attributions" class="unselect">Attributions</a></li>
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
-
    </ul>
+
          <a class="navbar-brand" href="#">iGem 2014 NJAU_China</a> </div>
 +
        <div class="collapse navbar-collapse">
 +
          <ul class="nav navbar-nav">
 +
            <li><a href="https://2014.igem.org/Team:NJAU_China" class="unselect">Home</a></li>
 +
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Introduction<span class="caret"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Background">Background</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Challenge">Challenge</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/OurIdea">Our Idea</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<span class="caret"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Overview">Overview</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Sensor">Part1: Sensor</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/System">System</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Product">Product</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Summary">Summary</a></li>
 +
              </ul>
 +
            </li>
 +
            <li><a href="https://2014.igem.org/Team:NJAU_China/Modeling" class="unselect">Modeling</a></li>
 +
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Outreach<span class="caret"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/HumanPractice">Human Practice</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Safety">Safety</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Collaboration">Collaboration</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievements<span class="caret"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/BioBricks">BioBricks</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/JudgingCriteria">Judging Criteria</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook<span class="caret"></span></a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Protocol">Protocol</a></li>
 +
                <li><a href="https://2014.igem.org/Team:NJAU_China/Lablog">Lablog</a></li>
 +
              </ul>
 +
            </li>
 +
            <li  class="active"><a href="https://2014.igem.org/Team:NJAU_China/Team"  class="unselect">Team</a></li>
 +
            <li><a href="https://2014.igem.org/Team:NJAU_China/Acknowledgement" class="unselect">Acknowledgement</a></li>
 +
          </ul>
 +
        </div>
 +
        <!-- /.nav-collapse -->
 +
      </div>
 +
      <!-- /.container -->
 +
    </div>
 +
    <!-- /.navbar -->
 +
   
   </div>
   </div>
</div>
</div>
-
<div class="container">
 
-
  <!-- Three columns of text below the carousel -->
 
-
  <h2>Team Members</h2>
 
-
      <div class="row">
 
-
        <div class="col-lg-4 text-center">
 
-
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 140px; height: 140px;">
 
-
          <h2>Yuanchun Tian</h2>
 
-
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
 
-
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 
-
        </div><!-- /.col-lg-4 -->
 
-
        <div class="col-lg-4 text-center">
 
-
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 140px; height: 140px;">
 
-
          <h2>ZHenxiong Jiang</h2>
 
-
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
 
-
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 
-
        </div><!-- /.col-lg-4 -->
 
-
        <div class="col-lg-4 text-center">
 
-
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 140px; height: 140px;">
 
-
          <h2>Huiyu Li</h2>
 
-
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
 
-
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 
-
        </div><!-- /.col-lg-4 -->
 
-
      </div><!-- /.row -->
 
-
<!-- team info-->
+
<br/>
-
<h2> Team Information</h2>
+
 
-
<p> Write your team information here</p>
+
<!-- Marketing messaging and featurettes
 +
    ================================================== -->  
 +
<!-- Wrap the rest of the page in another container to center all the content. -->
 +
 
 +
<div class="container marketing">  
    
    
 +
  <!-- Three columns of text below the carousel -->
 +
  <div class="row">
 +
    <div class="col-lg-3  text-center"> <img class="img-circle" src="https://static.igem.org/mediawiki/2014/c/c3/Avatar1.jpg" alt="Generic placeholder image" style="width: 140px; height: 140px;">
 +
      <h2>Huiyu Li</h2>
 +
    </div>
 +
    <!-- /.col-lg-3 -->
 +
    <div class="col-lg-3  text-center"> <img class="img-circle" src="https://static.igem.org/mediawiki/2014/e/e8/Avatar2.jpg" alt="Generic placeholder image" style="width: 140px; height: 140px;">
 +
      <h2>Xuan Xu</h2>
 +
    </div>
 +
    <!-- /.col-lg-3 -->
 +
    <div class="col-lg-3  text-center"> <img class="img-circle" src="https://static.igem.org/mediawiki/2014/4/46/Avatar3.jpg" alt="Generic placeholder image" style="width: 140px; height: 140px;">
 +
      <h2>Zhenxiong Jiang</h2>
 +
    </div>
 +
        <div class="col-lg-3  text-center"> <img class="img-circle" src="https://static.igem.org/mediawiki/2014/5/5a/Njau_avatar4.jpg" alt="Generic placeholder image" style="width: 140px; height: 140px;">
 +
      <h2>Zhenxiong Jiang</h2>
 +
    </div>
 +
    <!-- /.col-lg-4 -->
 +
  </div>
 +
  <!-- /.row -->
 +
 
 +
  <!-- FOOTER -->
 +
  <footer>
 +
    <p class="pull-right"><a href="#">Back to top</a></p>
 +
    <p>&copy; 2014 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
 +
  </footer>
</div>
</div>
-
<a href="https://2014.igem.org/wiki/index.php?title=Team:NJAU_China/Team&action=edit">edit</a>
+
<!-- /.container -->
 +
 
 +
<!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
<!-- Placed at the end of the document so the pages load faster -->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</body>
</body>
</html>
</html>

Revision as of 13:12, 22 July 2014

Carousel Template for Bootstrap

Brand

Generic placeholder image

Huiyu Li

Generic placeholder image

Xuan Xu

Generic placeholder image

Zhenxiong Jiang

Generic placeholder image

Zhenxiong Jiang

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