|
|
Line 122: |
Line 122: |
| color: #FFF | | color: #FFF |
| } | | } |
- | h1{
| + | #myh1{ |
| position:absolute; | | position:absolute; |
| top:70px; | | top:70px; |
| left:170px;} | | left:170px;} |
- | h1 a{
| + | #myh1 a{ |
| display:block; | | display:block; |
| width:200px; | | width:200px; |
Line 176: |
Line 176: |
| <body> | | <body> |
| <div id="myheader"> | | <div id="myheader"> |
- | <h1><a href="#">IGEM</a></h1> | + | <h1 id="myh1"><a href="#">IGEM</a></h1> |
| <div id="my_nav"> | | <div id="my_nav"> |
| <ul style="list-style-type:none;"> | | <ul style="list-style-type:none;"> |
Line 289: |
Line 289: |
| <div class="carousel-caption"> | | <div class="carousel-caption"> |
| <h1>The First Teaching Building</h1> | | <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="sr-only">Previous</span>
| |
- | </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span
| |
- | class="sr-only">Next</span> </a></div>
| |
- | <!-- /.carousel -->
| |
- | </div>
| |
- | <!-- 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"></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"></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"></div>
| |
- | </div>
| |
- | <hr class="featurette-divider">
| |
- |
| |
- | <!-- /END THE FEATURETTES -->
| |
- |
| |
- | <!-- FOOTER -->
| |
- | <footer>
| |
- | <p class="pull-right"><a href="#">Back to top</a></p>
| |
- |
| |
- | <p>© NJAU@2014 iGEM. ·</p>
| |
- | </footer>
| |
- | </div>
| |
- | <!-- /.container -->
| |
- |
| |
- | <!-- Bootstrap core JavaScript
| |
- | ================================================== -->
| |
- | <!-- Placed at the end of the document so the pages load faster -->
| |
- |
| |
- | </body>
| |
- | </html>
| |