Team:IIT Madras/Templates/Header

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html><script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>JS Loaded?</html>
+
<html>
 +
 
 +
  <!-- For Overriding Defualt Wiki banners and links-->
 +
  <style type="text/css">
 +
   
 +
    #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
      display:none;
 +
    }
 +
    #top-section {
 +
      border: none;
 +
      height: 0px;
 +
    }
 +
    #menubar{
 +
      display: none;
 +
    }
 +
    #menubar :hover{
 +
      visibility: visible;
 +
    }
 +
    #content {
 +
      background: none;
 +
      border: none;
 +
      width: 100%}
 +
    #bodyContent{
 +
     
 +
      width:100%;
 +
    }
 +
  </style>
 +
 
 +
  <html>
 +
   
 +
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
 +
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
 +
    </script>
 +
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js">
 +
    </script>
 +
    <script src="http://getbootstrap.com/assets/js/holder.js">
 +
    </script>
 +
   
 +
    <link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet' type='text/css'>
 +
    <link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'>
 +
   
 +
    <!-- For Overriding Defualt Wiki banners and links-->
 +
    <style type="text/css">
 +
     
 +
      #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
        display:none;
 +
      }
 +
      #top-section {
 +
        border: none;
 +
        height: 0px;
 +
      }
 +
      #menubar{
 +
        display: none;
 +
      }
 +
      #menubar :hover{
 +
        visibility: visible;
 +
      }
 +
      #content {
 +
        background: none;
 +
        border: none;
 +
        width: 100%}
 +
      #bodyContent{
 +
       
 +
        width:100%;
 +
      }
 +
      .navbar {
 +
        height: 50px;
 +
        width: 100%;
 +
      }
 +
      .navbar-right{
 +
        padding-right: 30;
 +
      }
 +
      .navbar-brand{
 +
        font-family: 'Sigmar One', cursive;
 +
        font-size: 20;
 +
      }
 +
      .navbar{
 +
        font-family: 'Cantora One', sans-serif;
 +
      }
 +
     
 +
     
 +
  </style>
 +
  <script type="text/javascript">
 +
    $(function(){
 +
      var
 +
          $win = $(window),
 +
          $filter = $('.navbar'),
 +
          $filterSpacer = $('<div />', {
 +
            "class": "filter-drop-spacer",
 +
            "height": $filter.outerHeight()
 +
          }
 +
                          );
 +
      $win.scroll(function(){
 +
       
 +
        if(!$filter.hasClass('navbar-fixed-top')){
 +
          if($win.scrollTop() > $filter.offset().top){
 +
            $filter.before($filterSpacer);
 +
            $filter.addClass("navbar-fixed-top");
 +
          }
 +
        }
 +
        if ($filter.hasClass('navbar-fixed-top')){
 +
          if($win.scrollTop() < $filterSpacer.offset().top){
 +
            $filter.removeClass("navbar-fixed-top");
 +
            $filterSpacer.remove();
 +
          }
 +
        }
 +
       
 +
      }
 +
                );
 +
    }
 +
    );
 +
   
 +
  </script>
 +
 
 +
  <!--  -->
 +
 
 +
  <div class="header">
 +
    <div class="container">
 +
      <!--
 +
<div class="heading visible-tablet visible-desktop">
 +
<a href="https://2012.igem.org/Team:NTNU_Trondheim">
 +
Search and Destroy
 +
</a>
 +
</div>
 +
<div class="heading heading-small visible-phone">
 +
<a href="https://2012.igem.org/Team:NTNU_Trondheim">
 +
Search and Destroy
 +
</a>
 +
</div>
 +
-->
 +
    <div class="sub-heading visible-tablet visible-desktop" id="sub-heading1">
 +
      <span class="sub-heading-small">
 +
        IITM IS BACK
 +
      </span>
 +
    </div>
 +
    <!--
 +
<div class="sub-heading visible-desktop" id="sub-heading2">
 +
B
 +
<span class="sub-heading-small">
 +
acterial
 +
</span>
 +
A
 +
<span class="sub-heading-small">
 +
nti
 +
</span>
 +
-C
 +
<span class="sub-heading-small">
 +
ancer
 +
</span>
 +
-K
 +
<span class="sub-heading-small">
 +
amikaze
 +
</span>
 +
</div>
 +
-->
 +
   
 +
    <div class="pull-right" style="text-align:right;">
 +
      <table border="0">
 +
        <tr>
 +
          <td>
 +
            <a href="http://www.iitm.ac.in" target="_blank">
 +
              <img id="iitmlogo" src="http://www.ee.iitm.ac.in/~ani/2013/ee5390/style/iitm_logo.gif" style="max-height: 100px; max-width: 60;"/>
 +
            </a>
 +
          </td>
 +
          <td>
 +
            <a href="https://2013.igem.org/Main_Page" target="_blank">
 +
              <img id="igem-logo" src="https://static.igem.org/mediawiki/2012/c/cc/Igem_logo_scaled.png" />
 +
            </a>
 +
          </td>
 +
        </tr>
 +
      </table>
 +
     
 +
     
 +
    </div>
 +
  </div>
 +
  </div>
 +
  <div class="navbar navbar-default">
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
        <span class="icon-bar">
 +
        </span>
 +
        <span class="icon-bar">
 +
        </span>
 +
        <span class="icon-bar">
 +
        </span>
 +
      </button>
 +
      <a class="navbar-brand" href="#">
 +
        IIT Madras
 +
      </a>
 +
    </div>
 +
    <div class="navbar-collapse collapse">
 +
      <ul class="nav navbar-nav">
 +
       
 +
        <li>
 +
          <a href="#">
 +
            Home
 +
          </a>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
            Project
 +
            <b class="caret">
 +
            </b>
 +
          </a>
 +
          <ul class="dropdown-menu">
 +
            <li>
 +
              <a href="#">
 +
                Overview
 +
              </a>
 +
            </li>
 +
            <li>
 +
              <a href="#">
 +
                Introduction
 +
              </a>
 +
            </li>
 +
            <li>
 +
              <a href="#">
 +
                Facts and Statistics
 +
              </a>
 +
            </li>
 +
            <li>
 +
              <a href="#">
 +
                Motivation
 +
              </a>
 +
            </li>
 +
            <li class="divider">
 +
            </li>
 +
            <!--
 +
<li class="dropdown-header">
 +
Nav header
 +
</li>
 +
-->
 +
                <li>
 +
                  <a href="#">
 +
                    Wet lab
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">
 +
                    Dry lab
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">
 +
                    Safety
 +
                  </a>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
            <li>
 +
              <a href="#">
 +
                Human Practices
 +
              </a>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                Project
 +
                <b class="caret">
 +
                </b>
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
                <li>
 +
                  <a href="#">
 +
                    Bios
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">
 +
                    Gallery
 +
                  </a>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                Notebook
 +
                <b class="caret">
 +
                </b>
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
                <li>
 +
                  <a href="#">
 +
                    Overview
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">
 +
                    Protocols
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">
 +
                    Wet lab
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">
 +
                    Dry lab
 +
                  </a>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
            <li>
 +
              <a href="#">
 +
                IITM and iGEM
 +
              </a>
 +
            </li>
 +
          </ul>
 +
          <ul class="nav navbar-nav navbar-right">
 +
            <li>
 +
              <a href="https://www.facebook.com/iitmigem">
 +
                Facebook
 +
              </a>
 +
            </li>
 +
            <li>
 +
              <a href="https://twitter.com/junaid_babu">
 +
                Twitter
 +
              </a>
 +
            </li>
 +
          </ul>
 +
  </div>
 +
  <!--/.nav-collapse -->
 +
  </div>

Revision as of 17:33, 23 September 2013

IITM IS BACK
IIT Madras

Retrieved from "http://2013.igem.org/Team:IIT_Madras/Templates/Header"