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

(Created page with "{{Birds_1}} <html lang="en"> <head> <title>Collaborations</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel...")
 
m
 
(43 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: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.10) 50%, rgba(0, 0, 0, 0) 100%),
−
   height: 100%; min-height: 100%;
+
url("https://static.igem.org/mediawiki/2016/5/53/T--British_Columbia--header-probably-a-palm-tree.JPG");
 +
  background-size: cover; background-repeat: no-repeat;
 
}
 
}
  
 +
@media screen and (min-width: 768px) {
 +
  .cover{
 +
    background-position: 0 0, 0 -220px;
 +
  }
 +
}
  
−
span.glyphicon-grain{
+
#vgemcollaboration {
−
    font-size: 2em;
+
background-image:url('https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png');
 +
/*position:absolute;
 +
top:0;
 +
left:0;*/
 +
background-size:180px 220px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/
 +
width:180px;
 +
height:220px;
 +
/*z-index:100;*/
 +
        margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px
 +
}
 +
 
 +
#vgemcollaboration:hover {
 +
background-image:url('https://static.igem.org/mediawiki/2016/a/a5/T--Virginia--collabclosed.png');
 +
}
 +
 
 +
#vgemcollaboration a {
 +
display:inline-block;
 +
width:100%;
 +
height:100%;
 +
}
 +
 
 +
#igemtodaycollaboration{
 +
  margin-top: 25px; margin-bottom: 25px;
 +
}
 +
 
 +
 
 +
 
 +
#igemtodaycollaboration a img{
 +
  height: 220px; width: auto;
 +
  display: table;
 +
  margin: 0 auto;
 
}
 
}
  
 
</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">Collaborations</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>
+
<div id="breadcrumbs">
−
            <ul class="dropdown-menu">
+
<strong>
−
              <li><a href="#">Overview</a></li>
+
<a href="https://2016.igem.org/Team:British_Columbia">Home</a> /  
−
              <li><a href="#">S-layer Engineering</a></li>
+
<a href="#">Achievements</a> /  
−
              <li><a href="#">Biosynthetic Pathways</a></li>
+
<a href="https://2016.igem.org/Team:British_Columbia/Achievements/Collaborations">Collaborations</a></strong>
−
              <li><a href="#">Consortia</a></li>
+
</div><!--#breadcrumbs-->
−
            </ul>
+
 
−
          </li>
+
<div class="content-wrap">
−
          <li><a href="#modelling">Modelling</a></li>
+
<h2 style="text-align: center; margin-bottom: 25px"><big>This year, we have collaborated with Virginia, EPFL, UC_Davies and Imperial_College iGEM teams! </big></h1>
−
          <li><a href="#policy-and-practices">Policy and Practices</a></li>
+
<p>
−
          <li class="dropdown">
+
First, we completed the biocontainment survey created by the Virginia iGEM 2016 team. They collected information about awareness of biocontainment within iGEM teams. Click on the badge below to get more information about the results! Second, we participated in the iGEM.today project, designed by the EPFL iGEM 2016 team as a part of their Human Practices. This platform presents iGEM teams and their projects through “news articles”, what makes it a great opportunity to learn more about other iGEM projects in fun and interactive ways. We were interviewed about our team, "Crescentium," our project, and our experience with iGEM. We also participated in the iGemMatch.org project, created by the UC_Davies team. This project is designed to easily find collaborators from the iGEM community relevant to your project or areas of expertise. </p>
−
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team
+
</div>  
−
        <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>
+
<div id="row">
 +
<div class="col-sm-3" style="padding: 15px">
 +
<div id="vgemcollaboration">
 +
<a href="https://2016.igem.org/Team:Virginia/Collaborations" target="_blank"></a>
 +
</div><!--#vgemcollaboration-->
 +
</div><!--.col-sm-3-->
  
−
</content>
+
<div class="col-sm-3" style="padding: 15px">
 +
<div id="igemtodaycollaboration">
 +
        <a href="http://igem.today/"><img src="https://static.igem.org/mediawiki/2016/6/63/T--British_Columbia--EPFL_Collaboration_Badge.JPG"></a>
 +
</div><!--#igemtodaycollaboration-->
 +
</div><!--.col-sm-3-->
 +
</div>
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 14:32, 18 October 2016

Main CSS Navbar CSS

Collaborations

Collaborations

This year, we have collaborated with Virginia, EPFL, UC_Davies and Imperial_College iGEM teams!

First, we completed the biocontainment survey created by the Virginia iGEM 2016 team. They collected information about awareness of biocontainment within iGEM teams. Click on the badge below to get more information about the results! Second, we participated in the iGEM.today project, designed by the EPFL iGEM 2016 team as a part of their Human Practices. This platform presents iGEM teams and their projects through “news articles”, what makes it a great opportunity to learn more about other iGEM projects in fun and interactive ways. We were interviewed about our team, "Crescentium," our project, and our experience with iGEM. We also participated in the iGemMatch.org project, created by the UC_Davies team. This project is designed to easily find collaborators from the iGEM community relevant to your project or areas of expertise.