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"><span>City University of Hong Kong 2014</span></a>
+
       <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

Bootstrap 101 Template