Difference between revisions of "Team:British Columbia/Achievements/Parts"

(Created page with "{{Birds_1}} <html lang="en"> <head> <title>Parts</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesh...")
 
m
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Birds_1}}
+
{{British_Columbia_2}}
 +
{{British_Columbia_Navbar}}
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 5: Line 6:
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
−
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
−
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
 
 
<style>
 
<style>
−
<style>
+
.cover{
−
html, body{
+
   background: url("https://static.igem.org/mediawiki/2016/1/1d/T--British_Columbia--header-wispy-mountains.JPG");
−
   height: 100%; min-height: 100%;
+
  background-size: cover; background-repeat: no-repeat;
 
}
 
}
  
−
 
+
@media screen and (min-width: 768px) {
−
span.glyphicon-grain{
+
  .cover{
−
     font-size: 2em;
+
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/1/1d/T--British_Columbia--header-wispy-mountains.JPG");
 +
    background-size: cover; background-repeat: no-repeat;
 +
    background-position: 0 0, 0 -220px;
 +
  }
 
}
 
}
−
 
 
</style>
 
</style>
 
</head>
 
</head>
−
<header>
+
<body>
−
  <nav class="navbar navbar-default navbar-fixed-top">
+
<div class="cover">
−
    <div class="container-fluid">
+
  <div class="container-fluid">
−
      <div class="navbar-header">
+
    <div class="row" id="title">
−
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
      <div class="col-sm-12">
−
        <span class="icon-bar"></span>
+
         <strong><p style="font-size: 3em">Parts</p></strong>
−
        <span class="icon-bar"></span>
+
−
         <span class="icon-bar"></span>
+
−
      </button>
+
−
        <a class="navbar-brand page-scroll" href="#page-top"><span class="glyphicon glyphicon-grain"></span></a>
+
 
       </div>
 
       </div>
−
      <div class="collapse navbar-collapse">
+
    </div><!--title-->
−
        <ul class="nav navbar-nav navbar-right">
+
  </div><!--container-fluid-->
−
          <li class="dropdown">
+
</div><!--cover-->
−
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project
+
−
        <span class="caret"></span></a>
+
−
            <ul class="dropdown-menu">
+
−
              <li><a href="#">Overview</a></li>
+
−
              <li><a href="#">S-layer Engineering</a></li>
+
−
              <li><a href="#">Biosynthetic Pathways</a></li>
+
−
              <li><a href="#">Consortia</a></li>
+
−
            </ul>
+
−
          </li>
+
−
          <li><a href="#modelling">Modelling</a></li>
+
−
          <li><a href="#policy-and-practices">Policy and Practices</a></li>
+
−
          <li class="dropdown">
+
−
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team
+
−
        <span class="caret"></span></a>
+
−
            <ul class="dropdown-menu">
+
−
              <li><a href="#">Bios</a></li>
+
−
              <li><a href="#">Attributions</a></li>
+
−
              <li><a href="#">Sponsors</a></li>
+
−
            </ul>
+
−
          </li>
+
−
          <li><a href="#notebook">Notebook</a></li>
+
−
          <li class="dropdown">
+
−
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Achievements
+
−
        <span class="caret"></span></a>
+
−
            <ul class="dropdown-menu">
+
−
              <li><a href="#">Collaborations</a></li>
+
−
              <li><a href="#">Medal Criteria</a></li>
+
−
              <li><a href="#">Parts</a></li>
+
−
            </ul>
+
−
          </li>
+
−
        </ul>
+
−
      </div>
+
−
      <!--collapse navbar-collapse -->
+
−
    </div>
+
−
    <!-- container-fluid -->
+
−
  </nav>
+
−
</header>
+
−
<content>
+
−
 
+
−
<p>Write things here</p>
+
  
−
</content>
+
<div id="breadcrumbs">
 +
<strong>
 +
<a href="https://2016.igem.org/Team:British_Columbia">Home</a> /
 +
<a href="#">Achievements</a> /
 +
<a href="https://2016.igem.org/Team:British Columbia/Achievements/Parts">Parts</a></strong>
 +
</div><!--#breadcrumbs-->
  
 +
</body>
 
</html>
 
</html>
 +
<center>
 +
<groupparts>igem2016 British_Columbia</groupparts>
 +
</center>

Latest revision as of 00:54, 17 October 2016

Main CSS Navbar CSS

Parts

Parts

<groupparts>igem2016 British_Columbia</groupparts>