Difference between revisions of "Team:British Columbia/Team/Sponsors"

m
m
 
(45 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Birds_1}}
+
{{British_Columbia_2}}
 
+
{{British_Columbia_Navbar}}
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 +
  <title>Sponsors</title>
 
   <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>
img{
+
.cover{
   max-height: 200px; width: auto; padding-top: 25px;
+
   background: url("https://static.igem.org/mediawiki/2016/e/e7/T--British_Columbia--header-leaves-2.JPG");
 +
  background-size: cover; background-repeat: no-repeat;
 
}
 
}
 +
 +
@media screen and (min-width: 768px) {
 +
  .cover{
 +
    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/e/e7/T--British_Columbia--header-leaves-2.JPG");
 +
    background-size: cover; background-repeat: no-repeat;
 +
    background-position: 0 0, 0 -220px;
 +
  }
 +
}
 +
 +
.content-wrap img{
 +
  max-height: 300px; width: auto;
 +
}
 +
 +
/*important to set the position of these images such that the figcaption below the background image is visible*/
 +
#previous img{
 +
  width: 100%; min-width: 100%; height: auto;
 +
  transition: all 1s ease;
 +
  left: -50px;
 +
}
 +
 +
#next img{
 +
  width: 100%; min-width: 100%; height: auto;
 +
  transition: all 1s ease; bottom: 0;
 +
}
 +
 +
 
</style>
 
</style>
 
</head>
 
</head>
<header>
 
  <nav class="navbar navbar-default navbar-fixed-top">
 
    <div class="container-fluid">
 
      <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 page-scroll" href="#page-top"><span class="glyphicon glyphicon-grain"></span></a>
 
      </div>
 
      <div class="collapse navbar-collapse">
 
        <ul class="nav navbar-nav navbar-right">
 
          <li class="dropdown">
 
            <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Project">Project
 
        <span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Overview">Overview</a></li>
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer">S-layer Engineering</a></li>
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Bio-Pathways">Biosynthetic Pathways</a></li>
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Consortia">Consortia</a></li>
 
            </ul>
 
          </li>
 
          <li><a href="https://2016.igem.org/Team:British_Columbia/Model">Modelling</a></li>
 
          <li><a href="https://2016.igem.org/Team:British_Columbia/Human_Practices">Human Practices</a></li>
 
          <li class="dropdown">
 
            <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Team">Team
 
        <span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Bios">Bios</a></li>
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Attributions">Attributions</a></li>
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Sponsors">Sponsors</a></li>
 
            </ul>
 
          </li>
 
          <li><a href="https://2016.igem.org/Team:British_Columbia/Notebook">Notebook</a></li>
 
          <li class="dropdown">
 
            <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Achievements">Achievements
 
        <span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Collaborations">Collaborations</a></li>
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Medal_Criteria">Medal Criteria</a></li>
 
              <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Parts">Parts</a></li>
 
            </ul>
 
          </li>
 
        </ul>
 
      </div>
 
      <!--collapse navbar-collapse -->
 
    </div>
 
    <!-- container-fluid -->
 
  </nav>
 
</header>
 
 
<body>
 
<body>
<h1 class="page-header">Sponsors</h1>
+
<div class="cover">
<img src="https://static.igem.org/mediawiki/2016/1/1e/T--British_Columbia--Michael_Smith_Labs.jpg">
+
  <div class="container-fluid">
<img src="https://static.igem.org/mediawiki/2016/2/21/T--British_Columbia--Clean_Tech_Accelerator.png">
+
    <div class="row" id="title">
<img src="https://static.igem.org/mediawiki/2016/e/eb/T--British_Columbia--Genome_BC.jpg">
+
      <div class="col-sm-12">
<img src="https://static.igem.org/mediawiki/2016/f/f5/T--British_Columbia--Evok_Innovations.png">
+
        <strong><p style="font-size: 3em">Sponsors</p></strong>
 +
      </div>
 +
    </div><!--title-->
 +
  </div><!--container-fluid-->
 +
</div><!--cover-->
 +
 
 +
<div id="breadcrumbs">
 +
<strong>
 +
<a href="https://2016.igem.org/Team:British_Columbia">Home</a> /
 +
<a href="https://2016.igem.org/Team:British_Columbia/Team/Sponsors">Team - Sponsors</a></strong>
 +
</div><!--#breadcrumbs-->
 +
 
 +
<div class="content-wrap">
 +
<h2 style="text-align:center"> PLATINUM SPONSORS </h2>
 +
<div class="row">
 +
<div class="col-sm-12">
 +
<img class="img-center img-responsive" style="display: table; margin: 0 auto" src="https://static.igem.org/mediawiki/2016/8/8e/T--British_Columbia--ECOSCOPE_logo.png">
 +
</div><!--.col-sm-12-->
 +
</div><!--.row-->
 +
 
 +
 
 +
 
 +
<h2 style="text-align:center"> GOLD SPONSORS </h2>
 +
<div class="row">
 +
<div class="col-sm-12">
 +
<img class="img-center img-responsive" style="display: table; margin: 0 auto" src="https://static.igem.org/mediawiki/2016/8/8a/T--British_Columbia--goldgap.png">
 +
</div><!--.col-sm-12-->
 +
</div><!--.row-->
 +
 
 +
 
 +
 
 +
 
 +
<h2 style="text-align:center"> SILVER SPONSORS </h2>
 +
<div class="row">
 +
<div class="col-sm-12">
 +
<img class="img-center img-responsive" style="display: table; margin: 0 auto" src="https://static.igem.org/mediawiki/2016/e/e1/T--British_Columbia--SilverAll.png">
 +
</div><!--.col-sm-12-->
 +
</div><!--.row-->
 +
 
 +
<h2 style="text-align:center"> BRONZE SPONSORS </h2>
 +
<div class="row">
 +
<div class="col-sm-12">
 +
<img class="img-center img-responsive" style="display: table; margin: 0 auto" src="https://static.igem.org/mediawiki/2016/b/b2/T--British_Columbia--biochem.png">
 +
</div><!--.col-sm-12-->
 +
</div><!--.row-->
 +
</div><!--.content-wrap-->
  
<img src="https://static.igem.org/mediawiki/2016/8/8e/T--British_Columbia--ECOSCOPE_logo.png">
 
<img src="https://static.igem.org/mediawiki/2016/c/cb/T--British_Columbia--AbCellera_Logo.jpg">
 
<img src="https://static.igem.org/mediawiki/2016/9/9b/T--British_Columbia--UBC_Microbiology.png">
 
<img src="">
 
</div>
 
 
</body>
 
</body>
 +
 +
<p id="read-more"><strong>Check out other parts of our project below!</strong></p>
 +
<div id="up-next">
 +
<div class="row" style="max-width: 100%; margin: 0">
 +
 +
<div class="col-sm-6" id="previous">
 +
<a href="https://2016.igem.org/Team:British Columbia/Notebook">
 +
<img src="https://static.igem.org/mediawiki/2016/8/89/T--British_Columbia--header-leaves-3.JPG"></a>
 +
<a href="https://2016.igem.org/Team:British Columbia/Notebook">
 +
<strong><figcaption>Notebook</figcaption></strong></a>
 +
</div>
 +
 +
<div class="col-sm-6" id="next">
 +
<a href="https://2016.igem.org/Team:British_Columbia/Collaborations">
 +
<img src="https://static.igem.org/mediawiki/2016/5/53/T--British_Columbia--header-probably-a-palm-tree.JPG"></a>
 +
<a href="https://2016.igem.org/Team:British_Columbia/Collaborations">
 +
<strong><figcaption>Collaborations</figcaption></strong></a></div>
 +
</div>
 +
 +
</div></div>
 +
 
</html>
 
</html>

Latest revision as of 11:36, 19 October 2016

Main CSS Navbar CSS

Sponsors

Sponsors

PLATINUM SPONSORS

GOLD SPONSORS

SILVER SPONSORS

BRONZE SPONSORS

Check out other parts of our project below!