Team:CityU HK/Template

From 2014.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 54: Line 54:
background-color: #F68F52;
background-color: #F68F52;
}
}
 +
</style>
</style>
<body>
<body>
-
<div id="navbar">
 
<nav class="navbar navbar-default" role="navigation">
<nav class="navbar navbar-default" role="navigation">
   <div class="container-fluid">
   <div class="container-fluid">
Line 70: Line 70:
        
        
       <a class="navbar-brand">
       <a class="navbar-brand">
-
           <a class="navbar-brand" 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"">City University of Hong Kong 2014</a>
+
           <a class="navbar-brand" id="igem"  href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/d8/Team_Berlin_igem_logo.png" width="80px" height="70px"></a><a class="navbar-brand" href="https://2014.igem.org/Team:CityU_HK">City University of Hong Kong 2014</a>
     </div>
     </div>
Line 80: Line 80:
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team Members</a>
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team Members</a>
           <ul class="dropdown-menu" role="menu">
           <ul class="dropdown-menu" role="menu">
-
             <li><a href="https://2014.igem.org/Team:CityU_HK/Team/Member">Students</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/TeamMember">Students</a></li>
-
            <li><a href="https://2014.igem.org/Team:CityU_HK/Team/advisors">Advisors</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/Team/instructors">Instructors & Advisors</a></li>
-
             <li><a href="https://2014.igem.org/Team:CityU_HK/Team/instructors">Instructors</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/Team/attribution">Attribution</a></li>
             <li><a href="https://2014.igem.org/Team:CityU_HK/Team/attribution">Attribution</a></li>
             <li><a href="https://2014.igem.org/Team:CityU_HK/Acknowledgement">Acknowledgement</a></li>
             <li><a href="https://2014.igem.org/Team:CityU_HK/Acknowledgement">Acknowledgement</a></li>
Line 90: Line 89:
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a>
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a>
           <ul class="dropdown-menu" role="menu">
           <ul class="dropdown-menu" role="menu">
-
             <li><a href="#">Overview</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/project/overview">Overview</a></li>
-
             <li><a href="#">Modules description</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/project/module_fad">Modules description</a></li>
-
             <li><a href="#">Results</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/project/result">Results</a></li>
-
             <li><a href="#">Future Plan</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/project/futureplan">Future Plan</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 101: Line 100:
             <li><a href="https://2014.igem.org/Team:CityU_HK/notebook/lablog">Lab Log</a></li>
             <li><a href="https://2014.igem.org/Team:CityU_HK/notebook/lablog">Lab Log</a></li>
             <li><a href="https://2014.igem.org/Team:CityU_HK/notebook/protocols">Protocol</a></li>
             <li><a href="https://2014.igem.org/Team:CityU_HK/notebook/protocols">Protocol</a></li>
-
             <li><a href="#">Safety</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/notebook/safety">Safety</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 107: Line 106:
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievement</a>
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievement</a>
           <ul class="dropdown-menu" role="menu">
           <ul class="dropdown-menu" role="menu">
-
             <li><a href="https://2014.igem.org/Team:CityU_HK/achievement/medal_requirement">Medal Requirements</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/achievement/medal_requirement">Medal Fulfillment</a></li>
-
             <li><a href="#">New Biobricks</a></li>
+
             <li><a href="https://2014.igem.org/Team:CityU_HK/achievement/new_biobrick">New Biobricks</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="https://2014.igem.org/Team:CityU_HK/HumanPractice">Outreach</a></li>
 +
            <li><a href="https://2014.igem.org/Team:CityU_HK/collaboration">Collaborations</a></li>
           </ul>
           </ul>
         </li>
         </li>
-
        <li><a href="https://2014.igem.org/Team:CityU_HK/HumanPractice">Human Practice</a></li>
 
       </ul>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
   </div><!-- /.container-fluid -->
   </div><!-- /.container-fluid -->
</nav>
</nav>
-
</div>
 
<p id="back-top">
<p id="back-top">
<a href="#top"><span></span></a>
<a href="#top"><span></span></a>
</p>
</p>
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
Line 130: Line 135:
     <script>
     <script>
       $(document).ready(function() {
       $(document).ready(function() {
-
       $('.btn-custom').click(function() {
+
       $('#btn-custom').click(function() {
         $('html,body').animate({
         $('html,body').animate({
           scrollTop:$($.attr(this,'href')).offset().top},500);
           scrollTop:$($.attr(this,'href')).offset().top},500);

Latest revision as of 08:15, 17 October 2014

Bootstrap 101 Template