Difference between revisions of "Team:Toronto/DryLab"

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 , yellow);
+
 
}
 
}
−
.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(http://casasidesign.ro/wp-content/uploads/2017/01/Website-background-black-honeycombe1.jpg);
+
.textArial a {
−
  background-size: cover;
+
    color: #000000;
−
  opacity: 0.2;
+
    text-decoration: none;
 
}
 
}
  
−
.blackBackround{
+
#bodyContent h1, #bodyContent h2{
−
background-color: #000;
+
  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/0/05/T--Toronto--2018_drylabheader.png'); background-color:rgba(0,0,0,0.0); background-repeat: no-repeat; background-size: cover;">
−
<h1 class="teamBanner">Dry 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;">Policy and Practices</h1>
 
</div>
 
</div>
−
<div>
+
</div>
−
<h1><a href="https://2018.igem.org/Team:Toronto/DryLab/Equations">Equations </a></h1>
+
<div class="grid-container" style="padding-left: 100px; padding-right:100px;">
−
                <h1><a href="https://2018.igem.org/Team:Toronto/DryLab/Model">Model </a></h1>
+
  <div class="item1">
 +
<h1 class="textArial" style="text-align: center;"><a style="color:black; margin-bottom: 0px;"
 +
href="https://2018.igem.org/Team:Toronto/DryLab/Equations">
 +
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Toronto--_Testing_in_Progress.gif" alt="icon1" style="width:300px;"> </br>
 +
Equations </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/DryLab/Model">
 +
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Toronto--_Testing_in_Progress.gif" alt="icon1" style="width:300px;"> </br>
 +
Model</a></h1>
 +
<p style="text-align: center;">
 +
they did something here.
 +
</p>
 +
</div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:42, 14 September 2018

Policy and Practices

icon1
Equations

they did something here.

icon1
Model

they did something here.