Team:British Columbia/Templates/MainHeader

From 2014.igem.org

(Difference between revisions)
 
(193 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
{{:Team:British Columbia/Test/Custom CSS}}
<html>
<html>
-
  <head>
 
-
    <meta charset="utf-8">
 
-
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-
    <meta name="description" content="">
 
-
    <meta name="author" content="">
 
-
    <link rel="icon" href="../../favicon.ico">
 
-
    <title>2014 UBC iGEM</title>
+
<header>
-
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:British_Columbia/ubcigem2014.css?action=raw&ctype=text/css">
 
-
    <!-- Bootstrap core CSS -->
 
-
    <link href="https://2014.igem.org/Team:British_Columbia/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
 
-
    <!-- Custom styles for this template -->
+
</header>
-
    <link href="https://2014.igem.org/Team:British_Columbia/offcanvas.css?action=raw&ctype=text/css" rel="stylesheet">
+
-
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
-
    <!--[if lt IE 9]>
 
-
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
-
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
-
    <![endif]-->
 
-
      <style>
 
-
          .banner {
 
-
            width: 100%;
 
-
            height: 200px;
 
-
            margin: 0 auto;
 
-
          }
 
-
          .banner>img {
 
-
            max-height: 100%;
 
-
          }
 
-
          .navbar-inverse{
 
-
            background-color: #002145;
 
-
            border-color: #002145;
 
-
          }
 
-
 
-
          .navbar-inverse .navbar-nav>li>a:hover,
 
-
          .navbar-inverse .navbar-nav>li>a:focus,
 
-
          .navbar-inverse .navbar-nav>li>a:active,
 
-
          .navbar-inverse .navbar-nav>.active>a:hover{
 
-
            background-color: #4290D8;
 
-
          }
 
-
 
-
          .navbar-inverse .navbar-nav>li>a,
 
-
          .navbar-inverse .navbar-brand,
 
-
          .navbar-inverse .navbar-nav>.active>a {
 
-
            color: #fff;
 
-
            background-color: #002145;
 
-
          }
 
-
 
-
      </style>
 
-
 
-
  </head>
 
-
 
-
<body>
 
-
    <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 
-
 
-
    <div class="banner container">
 
-
        <!--<img src="images/logo/igem-logo.jpg" />-->
 
-
        <!--<img src="images/logo/ubcigem.jpeg" align="right"/>-->
 
-
        <!--<img src="images/logo/ubc_colour.jpg" align="right" />-->
 
-
    </div>
 
-
 
-
    <div class="container">
 
-
        <div class="navbar-header">
 
-
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
-
            <span class="sr-only">Toggle navigation</span>
 
-
            <span class="icon-bar"></span>
 
-
            <span class="icon-bar"></span>
 
-
            <span class="icon-bar"></span>
 
-
          </button>
 
-
 
-
          <a class="navbar-brand" href="index.html">2014 UBC iGEM</a>
 
-
        </div>
 
-
        <div class="collapse navbar-collapse">
 
-
          <ul class="nav navbar-nav">
 
-
            <li class="active"><a href="index.html">Home</a></li>
 
-
            <li class="dropdown">
 
-
                <a href="#introduction" class="dropdown-toggle" data-toggle="dropdown">
 
-
                    Introduction
 
-
                    <span class="caret"> </span>
 
-
                </a>
 
-
                <ul class="dropdown-menu" role="menu">
 
-
                    <li><a href="temp_team.html">The Team</a></li>
 
-
                    <li><a href="#">Attributions</a></li>
 
-
                </ul>
 
-
            </li>
 
-
            <li class="dropdown">
 
-
                <a href="#research" class="dropdown-toggle" data-toggle="dropdown">
 
-
                    Research
 
-
                    <span class="caret"></span>
 
-
                </a>
 
-
                <ul class="dropdown-menu" role="menu">
 
-
                    <li><a href="#">Current situation</a></li>
 
-
                    <li><a href="#">The fatal future</a></li>
 
-
                    <li><a href="#">The bright future</a></li>
 
-
                </ul>
 
-
            </li>
 
-
            <li class="dropdown">
 
-
                <a href="#project" class="dropdown-toggle" data-toggle="dropdown">
 
-
                    Project
 
-
                    <span class="caret"></span>
 
-
                </a>
 
-
                <ul class="dropdown-menu" role="menu">
 
-
                    <li><a href="#">Specifications</a></li>
 
-
                    <li><a href="#">System design</a></li>
 
-
                    <li><a href="#">Modelling</a></li>
 
-
                    <li><a href="#">Safety</a></li>
 
-
                    <li><a href="labjournal.html">Lab journal</a></li>
 
-
                    <li><a href="#">Helping others</a></li>
 
-
                    <li><a href="#">Human practices</a></li>
 
-
                    <li><a href="#">SOPs</a></li>
 
-
                </ul>
 
-
            </li>
 
-
            <li class="dropdown">
 
-
                <a href="#results" class="dropdown-toggle" data-toggle="dropdown">
 
-
                    Result
 
-
                    <span class="caret"></span>
 
-
                </a>
 
-
                <ul class="dropdown-menu" role="menu">
 
-
                    <li><a href="#">Cloning</a></li>
 
-
                    <li><a href="#">Expression Control</a></li>
 
-
                    <li><a href="#">Judging criteria</a></li>
 
-
                    <li><a href="#">Rubber results</a></li>
 
-
                    <li><a href="#">Submitted Parts</a></li>
 
-
                </ul>
 
-
            </li>
 
-
            <li class="dropdown">
 
-
                <a href="#evaluation" class="dropdown-toggle" data-toggle="dropdown">
 
-
                    Evaluation
 
-
                    <span class="caret"></span>
 
-
                </a>
 
-
                <ul class="dropdown-menu" role="menu">
 
-
                    <li><a href="#">Ethics</a></li>
 
-
                    <li><a href="#">North American Jamboree</a></li>
 
-
                    <li><a href="#">Next steps</a></li>
 
-
                    <li><a href="#">Reality in prospect</a></li>
 
-
                </ul>
 
-
            </li>
 
-
          </ul>
 
-
        </div><!-- /.nav-collapse -->
 
-
      </div><!-- /.container -->
 
-
    </div><!-- /.navbar -->
 
-
 
-
    <div class="container">
 
-
      <footer>
 
-
        <p>&copy; 2014 UBC iGEM</p>
 
-
      </footer>
 
-
    </div><!--/.container-->
 
-
 
-
 
-
 
-
    <!-- Bootstrap core JavaScript
 
-
    ================================================== -->
 
-
    <!-- Placed at the end of the document so the pages load faster -->
 
-
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
-
    <script src="https://2014.igem.org/Team:British_Columbia/bootstrap.js?action=raw&ctype=text/css"></script>
 
-
    <script src="offcanvas.js"></script>
 
-
  </body>
 
</html>
</html>
 +
{{:Team:British Columbia/Templates/Navbar2}}

Latest revision as of 03:11, 18 October 2014

2014 UBC iGEM