Difference between revisions of "Team:BIT-China/Team"

 
(4 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
{{BIT-China}}
 
{{BIT-China}}
 
 
<html>
 
<html>
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <!-- <link rel="icon" href="../../favicon.ico"> -->
  
 +
    <title>BIT-CHINA</title>
 +
</head>
 +
<body>
  
  
<!-- <div class="column full_size" >
+
    <div class="container">
  
<h1>Team</h1>
+
      <!-- Main component for a primary marketing message or call to action -->
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
      <div class="jumbotron">
</div>
+
        <h1 class="title">TITLE{Project Name}</h1>
 
+
        <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<div class="clear"></div>
+
        <p>To see the difference between static and fixed top navbars, just scroll.</p>
 
+
         <p>
<div class="column half_size" >
+
           <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs »</a>
<h5>Inspiration</h5>
+
         </p>
<p>You can look at what other teams did to get some inspiration! <br />
+
Here are a few examples:</p>
+
<ul>
+
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
</ul>
+
 
+
</div>
+
 
+
<div class="column half_size" >
+
<h5>What should this page contain?</h5>
+
<ul>
+
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
</ul>
+
</div>
+
 
+
 
+
 
+
</div> -->
+
<body>
+
<div  id="dummybodyid">
+
    <!-- Static navbar -->
+
    <nav class="navbar navbar-default navbar-static-top">
+
      <div class="container">
+
        <div class="navbar-header">
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
            <span class="sr-only">Toggle navigation</span>
+
            <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
+
          </button>
+
          <a class="navbar-brand" href="#">BIT—CHINA</a>
+
         </div>
+
        <div id="navbar" class="navbar-collapse collapse">
+
           <ul class="nav navbar-nav">
+
            <li class="active"><a href="#">Home</a></li>
+
            <li><a href="https://2017.igem.org/Team:BIT-China/Achievement">Achievement</a></li>
+
            <li class="dropdown">
+
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
              <ul class="dropdown-menu">
+
                <li><a href="#">Description</a></li>
+
                <li><a href="#">Design</a></li>
+
                <li><a href="#">Result</a></li>
+
                <li><a href="#">Proof</a></li>
+
              </ul>
+
            </li>           
+
            <li><a href="https://2017.igem.org/Team:BIT-China/Modeling">Modeling</a></li>
+
            <li><a href="https://2017.igem.org/Team:BIT-China/Notebook">Notebook</a></li>
+
            <li><a href="https://2017.igem.org/Team:BIT-China/Team">Team</a></li>
+
            <!-- <li class="dropdown">
+
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
              <ul class="dropdown-menu">
+
                <li><a href="#">Description</a></li>
+
                <li><a href="#">Design</a></li>
+
                <li><a href="#">Result</a></li>
+
                <li><a href="#">Proof</a></li>
+
                li role="separator" class="divider"></li>
+
                <li class="dropdown-header">Nav header</li>
+
                <li><a href="#">Separated link</a></li>
+
                <li><a href="#">One more separated link</a></li>
+
              </ul>
+
            </li> -->
+
 
+
          </ul>
+
          <ul class="nav navbar-nav navbar-right">
+
            <li><a href="../navbar/">Default</a></li>
+
            <li class="active"><a href="./">Static top <span class="sr-only">(current)</span></a></li>
+
            <li><a href="../navbar-fixed-top/">Fixed top</a></li>
+
          </ul>
+
         </div><!--/.nav-collapse -->
+
 
       </div>
 
       </div>
    </nav>
 
 
 
   
 
  
 +
    </div> <!-- /container -->
  
    <!-- Bootstrap core JavaScript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
 
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
 
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 
    <!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->
 
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 12:02, 5 October 2017

BIT-CHINA

BIT-CHINA

TITLE{Project Name}

This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

To see the difference between static and fixed top navbars, just scroll.

View navbar docs »