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

Line 1: Line 1:
−
{{British_Columbia}}
+
{{British_Columbia_2}}
 +
{{British_Columbia_Navbar}}
 +
<html lang="en">
 +
<head>
 +
  <title>Proof</title>
 +
<style>
 +
.cover{
 +
  background: url("https://static.igem.org/mediawiki/2016/9/9e/T--British_Columbia--header-frontpage.JPG");
 +
  background-size: cover; background-repeat: no-repeat;
 +
}
  
−
<html>
+
@media screen and (min-width: 768px) {
 +
  .cover{
 +
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/9/9e/T--British_Columbia--header-frontpage.JPG");
 +
    background-size: cover; background-repeat: no-repeat;
 +
    background-position: 0 0, 0 -220px;
 +
  }
 +
}
  
 +
.content-wrap p{
 +
  margin-bottom: 25px;
 +
}
  
 +
/*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>
 +
</head>
 +
<body>
 +
<div class="cover">
 +
  <div class="container-fluid">
 +
    <div class="row" id="title">
 +
      <div class="col-sm-12">
 +
        <strong><p style="font-size: 3em">Proof</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/Proof">Project - Proof</a></strong>
 +
</div><!--#breadcrumbs-->
  
 +
<div class="content-wrap">
  
−
<div class="column full_size">
+
</div><!--.content-wrap-->
 +
</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">
  
−
<p>
+
<div class="col-sm-6" id="previous">
−
iGEM teams are great at making things work! We value teams not only doing an incredible job with theoretical models and experiments, but also in taking the first steps to make their project real.
+
<a href="https://2016.igem.org/Team:British_Columbia/Team/Bios">
−
</p>
+
<img src="https://static.igem.org/mediawiki/2016/1/19/T--British_Columbia--Team.jpg"></a>
−
 
+
<a href="https://2016.igem.org/Team:British_Columbia/Team/Bios">
−
 
+
<strong><figcaption>Bios</figcaption></strong></a>
−
<h4> What should we do for our proof of concept? </h4>
+
−
<p>
+
−
You can assemble a device from BioBricks and show it works. You could build some equipment if you're competing for the hardware award. You can create a working model of your software for the software award. Please note that this not an exhaustive list of activities you can do to fulfill the gold medal criterion. As always, your aim is to impress the judges!
+
−
</p>
+
−
 
+
 
</div>
 
</div>
  
−
 
+
<div class="col-sm-6" id="next">
−
 
+
<a href="https://2016.igem.org/Team:British_Columbia/team/Attributions">
 +
<img src="https://static.igem.org/mediawiki/2016/4/4e/T--British_Columbia--header-leaves.JPG"></a>
 +
<a href="https://2016.igem.org/Team:British_Columbia/team/Attributions">
 +
<strong><figcaption>Attributions</figcaption></strong></a></div>
 
</div>
 
</div>
  
 
</html>
 
</html>

Revision as of 02:23, 20 October 2016

Main CSS Navbar CSS

Proof

Proof

Check out other parts of our project below!