Difference between revisions of "Team:British Columbia/Notebook/Protocols"

Line 1: Line 1:
 
{{:Team:British Columbia/Template/Fixednavbar}}
 
{{:Team:British Columbia/Template/Fixednavbar}}
 
<html lang="en">
 
<html lang="en">
−
   
+
  <style>
 +
.top{
 +
    position:relative;
 +
    margin-left:150px;
 +
width: 100px;
 +
height: 80px;
 +
}
 +
.button:before, .button:after{
 +
    position: absolute;
 +
    width:70%; height:50%;   
 +
content: ""; 
 +
    z-index:-1;
 +
}
 +
.top:before {
 +
    left:0; top:0;
 +
    -webkit-transform:skewX(-20deg);
 +
    -ms-transform:skewX(-20deg);
 +
    transform:skewX(-20deg);
 +
    background: #469BF9;
 +
    box-shadow: -5px 10px 0px -5px #104f96;
 +
    z-index:-2;
 +
}
 +
.top:after {
 +
    right:0; top:0;
 +
    -webkit-transform:skewX(20deg);
 +
    -ms-transform:skewX(20deg);
 +
    transform:skewX(20deg);
 +
    background: #469BF9;
 +
    box-shadow: 5px 10px 0px -5px #104f96;
 +
    z-index:-2;
 +
}
 +
.bottom:before{
 +
    left:0; top:50%;
 +
    -webkit-transform:skewX(20deg);
 +
    -ms-transform:skewX(20deg);
 +
    transform:skewX(20deg);
 +
    background: #1E80F7;
 +
    box-shadow: -4px 5px 0px 0px #104f96;
 +
}
 +
.bottom:after{
 +
    right:0; top:50%;
 +
    -webkit-transform:skewX(-20deg);
 +
    -ms-transform:skewX(-20deg);
 +
    transform:skewX(-20deg);
 +
    background: #1E80F7;
 +
    box-shadow: 4px 5px 0px 0px #104f96;
 +
}
 +
</style>
 
   <body>
 
   <body>
 
<div class="bod">
 
<div class="bod">
Line 29: Line 76:
 
                 <div class="tab-content col-md-9" style="width:1000px;">
 
                 <div class="tab-content col-md-9" style="width:1000px;">
  
−
<div class="tab-pane" id="a">Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</div>
+
<div class="tab-pane" id="a">
 +
 
 +
<a href="LINKHERE"><div class="button top"><div class="button bottom"><h4>Inducing Competence</h4></div></a>
 +
 
 +
<a href="LINKHERE"><div class="button top"><div class="button bottom"><h4>Inducing Competence</h4></div></a>
 +
 
 +
<a href="LINKHERE"><div class="button top"><div class="button bottom"><h4>Inducing Competence</h4></div></a>
 +
 
 +
</div></div>
  
  

Revision as of 21:58, 1 September 2015

UBC iGEM 2015

 

Protocols

 

Use the categories on the left to find the protocol you need:

<div class="button top">

Inducing Competence

</div> <div class="button top">

Inducing Competence

</div> <div class="button top">

Inducing Competence

</div>
Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.
hirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae.Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae.