Difference between revisions of "Team:Toronto/WetLab"

Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
−
.teamBanner{
+
.grid-container {
−
position: relative;
+
  display: grid;
−
text-align: center;
+
  grid-template-columns: auto auto auto;
−
padding-top:100px;
+
  grid-gap: 20px;
−
padding-bottom:100px;
+
  background-color: rgba(255, 255, 255, 1.0);
−
list-style: none;
+
  border-radius: 425px;
−
font-family: "Impact", "Charcoal", sans-serif;
+
  padding: 10px;
−
margin-top: 0px;
+
padding-top: 30px;
−
font-size:44px;
+
−
width:100%;
+
−
background-color:#0B75AF;
+
−
color:#FFF;
+
−
background-image: linear-gradient(to right, black , #0B75AF);
+
 
}
 
}
−
.teamBanner .content{
+
.grid-container > div {
−
position: absolute;
+
  background-color: rgba(255, 255, 255, 1.0);
−
z-index:5;
+
  border-style: solid;
−
text-align: center;
+
border-radius: 425px;
−
width: 100%;
+
  text-align: center;
 +
  padding: 20px 0;
 +
  font-size: 30px;
 
}
 
}
−
.teamBanner::after{
+
 
−
content: "";
+
.textArial{
−
  position: absolute;
+
font-family: 'Arial Black', Gadget, sans-serif;  
−
  top: 0px;
+
font-size: 40px;
−
  left: 0px;
+
line-height: 40px;  
−
  width: 100%;
+
color: black;
−
  height: 100%;
+
−
  z-index:6;
+
−
  background-image: url(https://i.stack.imgur.com/Hp53k.jpg);
+
−
  background-size: cover;
+
−
  opacity: 0.2;
+
 
}
 
}
  
−
.blackBackround{
+
.textArial a {
−
background-color: #000;
+
    color: #000000;
 +
    text-decoration: none;
 
}
 
}
 +
 +
#bodyContent h1, #bodyContent h2{
 +
  margin-bottom: 0px;
 +
}
 +
 
</style>
 
</style>
  
 
<body>
 
<body>
−
<div class="blackBackround">
+
<div style="width:100%;color:white;text-align: center;padding-top:550px;padding-bottom:0px;background-image:url('https://static.igem.org/mediawiki/2018/5/54/T--Toronto--2018_wetlabheader.png'); background-color:rgba(0,0,0,0.0); background-repeat: no-repeat; background-size: cover;">
−
<h1 class="teamBanner">Wet Lab</h1>  
+
<div style="width:100%; margin:0 auto; background-color:rgba(0,0,0,0.7); padding-top: 30px; padding-bottom: 50px">
 +
<h1 style="background-color:rgba(0,0,0,0.0); color:white;font: bold 40px/80px Helvetica, Sans-Serif; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: black; font-size: 90px;">WetLab</h1>
 +
</div>
 +
</div>
 +
<div class="grid-container" style="padding-left: 100px; padding-right:100px; margin-left: auto; margin-right: auto;">
 +
  <div class="item1">
 +
<h1 class="textArial" style="text-align: center;"><a style="color:black; margin-bottom: 0px;"
 +
href="https://2018.igem.org/Team:Toronto/WetLab/ExperimentProtocols">
 +
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Toronto--_Testing_in_Progress.gif" alt="icon1" style="width:300px;"> </br>
 +
Protocols </a></h1>
 +
<p style="text-align: center;">
 +
How to replicate our experiments</br>
 +
</p>
 +
</div>
 +
  <div class="item2">
 +
<h1 class="textArial" style="text-align: center;"><a style="color:black;"
 +
href="https://2018.igem.org/Team:Toronto/WetLab/Notebook">
 +
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Toronto--_Testing_in_Progress.gif" alt="icon1" style="width:300px;"> </br>
 +
Notebook</a></h1>
 +
<p style="text-align: center;">
 +
The log of day to day activities
 +
</p>
 +
</div>
 +
<div class="item3">
 +
<h1 class="textArial" style="text-align: center;"><a style="color:black;"
 +
href="https://2018.igem.org/Team:Toronto/WetLab/Results">
 +
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Toronto--_Testing_in_Progress.gif" alt="icon1" style="width:300px;"> </br>
 +
Results</a></h1>
 +
<p style="text-align: center;">
 +
Final conclusions
 +
</p>
 
</div>
 
</div>
−
<div>
+
</div>
−
<h1><a href="https://2018.igem.org/Team:Toronto/WetLab/ExperimentProtocols">Experiments & Protocols</a></h1>  
+
<div class="grid-container" style="padding-left: 100px; padding-right:100px; margin-left: auto; margin-right: auto; grid-template-columns: auto auto;">
−
<h1><a href="https://2018.igem.org/Team:Toronto/WetLab/Notebook">Notebook</a></h1>
+
  <div class="item1">
−
<h1><a href="https://2018.igem.org/Team:Toronto/WetLab/Results">Results</a></h1>  
+
<h1 class="textArial" style="text-align: center;"><a style="color:black; margin-bottom: 0px;"  
−
<h1><a href="https://2018.igem.org/Team:Toronto/WetLab/Parts">Parts</a></h1>  
+
href="https://2018.igem.org/Team:Toronto/WetLab/Parts">
−
<h1><a href="https://2018.igem.org/Team:Toronto/WetLab/InterLab">interlab</a></h1>  
+
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Toronto--_Testing_in_Progress.gif" alt="icon1" style="width:300px;"> </br>
−
+
Parts </a></h1>
 +
<p style="text-align: center;">
 +
they did something here.</br>
 +
</p>
 
</div>
 
</div>
 +
  <div class="item2">
 +
<h1 class="textArial" style="text-align: center;"><a style="color:black;"
 +
href="https://2018.igem.org/Team:Toronto/WetLab/InterLab">
 +
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Toronto--_Testing_in_Progress.gif" alt="icon1" style="width:300px;"> </br>
 +
Interlab</a></h1>
 +
<p style="text-align: center;">
 +
they did something here.
 +
</p>
 +
</div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:03, 14 September 2018

WetLab

icon1
Protocols

How to replicate our experiments

icon1
Notebook

The log of day to day activities

icon1
Results

Final conclusions

icon1
Parts

they did something here.

icon1
Interlab

they did something here.