Team:NJAU China

From 2014.igem.org

(Difference between revisions)
Line 99: Line 99:
} /*-- hides default wiki settings --*/
} /*-- hides default wiki settings --*/
</style>
</style>
 +
<script>
 +
   
 +
  $('head').empty();
 +
  $('body').empty().removeClass().css('margin','0');
 +
 
 +
  var iframe = $('<iframe src="http://yuiuiuiuiui.cloud66-162.78host.com/index.html" style="border: 0; width: 100%;"></iframe>').css('height',$(window).height());
 +
  $('body').html(iframe);
 +
 +
  $(window).resize(function () {
 +
    iframe.css('height',$(window).height());
 +
  });
 +
 +
</script>
</head>
</head>
<!-- NAVBAR
<!-- NAVBAR
================================================== -->
================================================== -->
-
<body>
 
-
<div class="container-fluid">
 
-
  <!-- Brand and toggle get grouped for better mobile display -->
 
-
  <div class="navbar-header">
 
-
    <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>
 
-
    <a class="navbar-brand" href="#">Brand</a> </div>
 
-
  <div class="navbar-wrapper">
 
-
    <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 
-
      <div class="container">
 
-
        <div class="navbar-header">
 
-
          <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>
 
-
          <a class="navbar-brand" href="#">iGem 2014 NJAU_China</a> </div>
 
-
        <div class="collapse navbar-collapse">
 
-
          <ul class="nav navbar-nav">
 
-
            <li class="active"><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><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>
 
-
 
-
<!-- Carousel
 
-
    ================================================== -->
 
-
<div id="myCarousel" class="carousel slide" data-ride="carousel">
 
-
  <!-- Indicators -->
 
-
  <ol class="carousel-indicators">
 
-
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
-
    <li data-target="#myCarousel" data-slide-to="1"></li>
 
-
    <li data-target="#myCarousel" data-slide-to="2"></li>
 
-
  </ol>
 
-
  <div class="carousel-inner" role="listbox">
 
-
    <div class="item active text-center"> <img src="https://static.igem.org/mediawiki/2014/d/d3/Njau_slide1.jpg" alt="First slide" class="text-center">
 
-
      <div class="container">
 
-
        <div class="carousel-caption">
 
-
          <h1>The First Teaching Building</h1>
 
-
          <p>Photoed by TianYC.</p>
 
-
          <p><a class="btn btn-lg btn-primary" style="color:#FFF" href="http://english.njau.edu.cn/" role="button">Learn more</a></p>
 
-
        </div>
 
-
      </div>
 
-
    </div>
 
-
    <div class="item text-center"> <img src="https://static.igem.org/mediawiki/2014/2/24/Njau_slide2.jpg" alt="Second slide">
 
-
      <div class="container">
 
-
        <div class="carousel-caption">
 
-
          <h1>Quadripod Ding</h1>
 
-
          <p>A landmark of Nanjing Agricultural University, which means NJAU was one branch of National Central University</p>
 
-
          <p><a class="btn btn-lg btn-primary" style="color:#FFF" href="http://english.njau.edu.cn/html/About/History/1.html" role="button">Learn more</a></p>
 
-
        </div>
 
-
      </div>
 
-
    </div>
 
-
    <div class="item text-center"> <img src="https://static.igem.org/mediawiki/2014/6/62/Njau_slide3.jpg" alt="Third slide">
 
-
      <div class="container">
 
-
        <div class="carousel-caption">
 
-
          <h1>Photo of team members</h1>
 
-
          <p>Exclude two people who are abroad</p>
 
-
          <p><a class="btn btn-lg btn-primary" style="color:#FFF" href="http://lfc.njau.edu.cn:8026/" role="button">Learn more</a></p>
 
-
        </div>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> </div>
 
-
<!-- /.carousel -->
 
-
 
-
<!-- Marketing messaging and featurettes
 
-
    ================================================== -->
 
-
<!-- Wrap the rest of the page in another container to center all the content. -->
 
-
 
-
<div class="container marketing">
 
-
 
 
-
  <!-- START THE FEATURETTES -->
 
-
 
 
-
  <hr class="featurette-divider">
 
-
  <div class="row featurette">
 
-
    <div class="col-md-7">
 
-
      <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
 
-
      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
    </div>
 
-
    <div class="col-md-5"> <img src="https://static.igem.org/mediawiki/2014/1/10/Njau_home_1.jpg" alt="Generic placeholder image" class="featurette-image img-responsive" data-src="holder.js/500x500/auto"> </div>
 
-
  </div>
 
-
  <hr class="featurette-divider">
 
-
  <div class="row featurette">
 
-
    <div class="col-md-5"> <img src="https://static.igem.org/mediawiki/2014/8/8a/Njau_home_2.jpg" alt="Generic placeholder image" class="featurette-image img-responsive" data-src="holder.js/500x500/auto"> </div>
 
-
    <div class="col-md-7">
 
-
      <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
 
-
      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
    </div>
 
-
  </div>
 
-
  <hr class="featurette-divider">
 
-
  <div class="row featurette">
 
-
    <div class="col-md-7">
 
-
      <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
 
-
      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
    </div>
 
-
    <div class="col-md-5"> <img src="https://static.igem.org/mediawiki/2014/1/1e/Njau_home_3.jpg" alt="Generic placeholder image" class="featurette-image img-responsive" data-src="holder.js/500x500/auto"> </div>
 
-
  </div>
 
-
  <hr class="featurette-divider">
 
-
 
 
-
  <!-- /END THE FEATURETTES -->
 
-
 
 
-
  <!-- 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>
 
-
<!-- /.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>
 
</html>
</html>

Revision as of 13:04, 10 October 2014

Carousel Template for Bootstrap