Team:CityU HK/Template

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
     <div class="navbar-header" id="header">
     <div class="navbar-header" id="header">
        
        
-
       <a class="navbar-brand" > <span>  City University of Hong Kong 2014</span> </a>
+
       <a class="navbar-brand" > <span>  City University of Hong Kong 2014</span>
-
<a class="navbar-brand" > <a href="https://2014.igem.org/Main_Page" class="logoimg"> <img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png"> </a>
+
<a href="https://2014.igem.org/Main_Page" class="logoimg"> <img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png"> </a>
     </div>
     </div>
Line 44: Line 44:
       </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:06, 6 September 2014

Bootstrap 101 Template