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

Line 39: Line 39:
  
 
</div> -->
 
</div> -->
−
<head>
 
−
<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
 
−
    <link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
 
−
<!-- <link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css"> -->
 
−
<style type="text/css">
 
−
            .demo{
 
−
                width: 100%;
 
−
                height: 600px;
 
−
                min-height: 600px;
 
−
            }
 
−
.tab .nav-tabs{
 
−
                border-bottom:0 none;
 
−
                background: #eaeaea;
 
−
                border-radius: 0 20px 0 20px;
 
−
            }
 
−
            .tab .nav-tabs li {
 
−
                padding: 0;
 
−
            }
 
−
            .tab .nav-tabs li a{
 
−
                background: transparent;
 
−
                border-radius: 0;
 
−
                font-size: 16px;
 
−
                border: none;
 
−
                color: #333;
 
−
                padding: 12px 22px;
 
−
            }
 
−
            .tab .nav-tabs li a i{
 
−
                margin-right:10px;
 
−
                color:#775ba3;
 
−
            }
 
−
            .tab .nav-tabs li:first-child a{
 
−
                border-bottom-left-radius:20px;
 
−
            }
 
−
            .tab .nav-tabs li:last-child a {
 
−
    border-top-right-radius: 20px;
 
−
}
 
−
            .tab .nav-tabs li.active a,
 
−
            .tab .nav-tabs li.active a i{
 
−
                border: 0 none;
 
−
                background:#775ba3;
 
−
                color:#fff;
 
−
            }
 
−
            .tab .nav-tabs li.active a:after{
 
−
                content: "";
 
−
                position: absolute;
 
−
                left: 45%;
 
−
                bottom: -14px;
 
−
                border: 7px solid transparent;
 
−
                border-top: 7px solid #775ba3;
 
−
            }
 
−
            .tab .tab-content{
 
−
                padding:12px;
 
−
                color:#5a5c5d;
 
−
                font-size: 14px;
 
−
                line-height:24px;
 
−
                margin-top: 25px;
 
−
                border-bottom:3px solid #775ba3;
 
−
            }
 
−
            @media only screen and (max-width: 480px) {
 
−
                .tab .nav-tabs,
 
−
                .tab .nav-tabs li{
 
−
                    width:100%;
 
−
                    background:transparent;
 
−
                }
 
−
                .tab .nav-tabs li.active a{
 
−
                    border-radius:10px 10px 0 0;
 
−
                }
 
−
                .tab .nav-tabs li:first-child a{
 
−
                    border-bottom-left-radius:0;
 
−
                }
 
−
                .tab .nav-tabs li a{
 
−
                    margin-bottom:10px;
 
−
                    border:1px solid lightgray;
 
−
                }
 
−
                .tab .nav-tabs li.active a:after{
 
−
                    border:none;
 
−
                }
 
−
            }
 
−
</style>
 
−
<!--[if IE]>
 
−
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
 
−
<![endif]-->
 
−
</head>
 
 
<body>
 
<body>
−
<div class="htmleaf-container">
+
<div id="dummybodyid">
−
<div class="demo">
+
    <!-- Static navbar -->
−
                            <div class="container">
+
    <nav class="navbar navbar-default navbar-static-top">
−
                                <div class="row text-center">
+
      <div class="container">
−
                                    <h1 class="white">title</h1>
+
        <div class="navbar-header">
−
                                </div>
+
          <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> -->
  
−
                                <div class="row">
+
          </ul>
−
                                    <div class="col-lg-12">
+
          <ul class="nav navbar-nav navbar-right">
−
                                        <div class="tab" role="tabpanel">
+
            <li><a href="../navbar/">Default</a></li>
−
                                            <!-- Nav tabs -->
+
            <li class="active"><a href="./">Static top <span class="sr-only">(current)</span></a></li>
−
                                            <ul class="nav nav-tabs" role="tablist">
+
            <li><a href="../navbar-fixed-top/">Fixed top</a></li>
−
                                                <li role="presentation" class="active col-lg-4"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-envelope-o"></i>Section 1</a></li>
+
          </ul>
−
                                                <li role="presentation" class="col-lg-4"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-cubes"></i>Section 2</a></li>
+
        </div><!--/.nav-collapse -->
−
                                                <li role="presentation" class="col-lg-4"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-comments"></i>Section 3</a></li>
+
      </div>
−
                                            </ul>
+
    </nav>
−
                                            <!-- Tab panes -->
+
 
−
                                            <div class="tab-content">
+
 
−
                                                <div role="tabpanel" class="tab-pane fade in active" id="Section1">
+
   
−
                                                    <p>1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis.</p>
+
 
−
                                                </div>
+
 
−
                                                <div role="tabpanel" class="tab-pane fade" id="Section2">
+
    <!-- Bootstrap core JavaScript
−
                                                    <p>2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis.</p>
+
    ================================================== -->
−
                                                </div>
+
    <!-- Placed at the end of the document so the pages load faster -->
−
                                                <div role="tabpanel" class="tab-pane fade" id="Section3">
+
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
−
                                                    <p>3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a blandit enim. Aliquam gravida orci id fringilla feugiat. Integer convallis ut ex quis semper. Suspendisse ut lobortis urna. Proin viverra, eros iaculis iaculis posuere, risus justo tincidunt ex, eget tempor lectus erat vel massa. Cum sociis natoque penatibus et magnis. </p>
+
     <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
−
                                                </div>
+
     <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
−
                                            </div>
+
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
−
                                        </div>
+
    <!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->
−
                                    </div>
+
</div>
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
</div>
+
−
+
−
<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
+
−
     <script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
+
−
     <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 02:32, 5 August 2017

BIT-CHINA