Team:BIOSINT Mexico/safety

From 2014.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:BIOSINT_Mexico/Header2}}
{{:Team:BIOSINT_Mexico/Header2}}
 +
[[File:BSMexSafety.png|800px|center]]
<html>  
<html>  
<style>
<style>
blockquote {
blockquote {
-
margin: 1em 80px;
+
margin: 1em 100px;
padding-left: 200px;
padding-left: 200px;
background: transparent url(quote.gif) no-repeat; }
background: transparent url(quote.gif) no-repeat; }
-
</style>
+
@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
-
</html>
+
button {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  -webkit-transform: translate(-50%, -50%);
 +
  -moz-transform: translate(-50%, -50%);
 +
  -o-transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%);
 +
  transform: translate(-50%, -50%);
 +
  background: #1c222a;
 +
  border: 0;
 +
  line-height: 40px;
 +
  padding: 0px 40px;
 +
  -webkit-border-radius: 20px;
 +
  border-radius: 20px;
 +
  cursor: pointer;
 +
  -webkit-transition: all 0.3s ease;
 +
  -moz-transition: all 0.3s ease;
 +
  -o-transition: all 0.3s ease;
 +
  -ms-transition: all 0.3s ease;
 +
  transition: all 0.3s ease;
 +
  overflow: hidden;
 +
  outline: none;
 +
  font-family: 'Montserrat', sans-serif;
 +
  font-weight: 700;
 +
  text-transform: uppercase;
 +
  font-size: 14px;
 +
  color: #72d2ff;
 +
}
 +
button:hover:after {
 +
  content: '';
 +
  position: absolute;
 +
  width: 200px;
 +
  left: -200px;
 +
  -webkit-transform: skewX(-20deg);
 +
  -moz-transform: skewX(-20deg);
 +
  -o-transform: skewX(-20deg);
 +
  -ms-transform: skewX(-20deg);
 +
  transform: skewX(-20deg);
 +
  background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent);
 +
  background-image: -moz-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent);
 +
  background-image: -o-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent);
 +
  background-image: -ms-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent);
 +
  background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);
 +
  height: 50px;
 +
  -webkit-animation: shine 0.7s ease;
 +
  -moz-animation: shine 0.7s ease;
 +
  -o-animation: shine 0.7s ease;
 +
  -ms-animation: shine 0.7s ease;
 +
  animation: shine 0.7s ease;
 +
}
 +
@-moz-keyframes shine {
 +
  100% {
 +
    left: 200px;
 +
  }
 +
}
 +
@-webkit-keyframes shine {
 +
  100% {
 +
    left: 200px;
 +
  }
 +
}
 +
@-o-keyframes shine {
 +
  100% {
 +
    left: 200px;
 +
  }
 +
}
 +
@-ms-keyframes shine {
 +
  100% {
 +
    left: 200px;
 +
  }
 +
}
 +
@keyframes shine {
 +
  100% {
 +
    left: 200px;
 +
  }
 +
}
-
[[File:BSMexSafety.png|800px|center]]
+
</style>
 +
<body>
<h1><center>SAFETY</center></h1>
<h1><center>SAFETY</center></h1>
 +
<p>The important of safety in this project is prevent the risk of the modified organism could cause some damage in the environment where is applied. In this way, safety took hand to the evolution of the research in all the steps, starting with the theoretical investigation, through lab work and finally with the possible applications.</p>
 +
 +
<div>
 +
<center><a href="https://2014.igem.org/Team:BIOSINT_Mexico/protocols"><button style="position:relative; top:20px; left: 0px;">Safety form</button></a></center>
 +
<center><a href="https://2014.igem.org/Team:BIOSINT_Mexico/protocols"><button style="position:relative; top:-20px; left: 200px;">Garden</button></a></center>
 +
</div>
 +
</body></html>

Latest revision as of 03:25, 18 October 2014

BSMexSafety.png

SAFETY

The important of safety in this project is prevent the risk of the modified organism could cause some damage in the environment where is applied. In this way, safety took hand to the evolution of the research in all the steps, starting with the theoretical investigation, through lab work and finally with the possible applications.