Team:CityU HK/Template
From 2014.igem.org
(Difference between revisions)
Line 16: | Line 16: | ||
</button> | </button> | ||
- | <a class="navbar-brand" href="#"> <img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png"> | + | <a class="navbar-brand" href="#"> <span> City University of Hong Kong 2014</span> <a href="https://2014.igem.org/Main_Page" > <img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png"> </a></a> |
</div> | </div> | ||
Line 49: | Line 49: | ||
</ul> | </ul> | ||
</div><!-- /.navbar-collapse --> | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
+ | |||
+ | <!--========================== carousel ===============================--> | ||
+ | |||
+ | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> | ||
+ | <!-- Indicators --> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#carousel-example-generic" data-slide-to="1"></li> | ||
+ | <li data-target="#carousel-example-generic" data-slide-to="2"></li> | ||
+ | </ol> | ||
+ | |||
+ | |||
+ | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
+ | <!-- Include all compiled plugins (below), or include individual files as needed --> | ||
+ | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
+ | |||
+ | <!--// Smooth scroll for in page links--> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $('.btn-custom').click(function() { | ||
+ | $('html,body').animate({ | ||
+ | scrollTop:$($.attr(this,'href')).offset().top},500); | ||
+ | return false; | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | // bootstrap navbar hover dropdown | ||
+ | $(function(){ | ||
+ | $('.dropdown').hover(function() { | ||
+ | $(this).toggleClass('open'); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
+ | </html> |
Revision as of 12:22, 6 September 2014