Difference between revisions of "Team:USP-EEL-Brazil/Team"

Line 1: Line 1:
 
{{USP-EEL-Brazil}}
 
{{USP-EEL-Brazil}}
 
<html>
 
<html>
 +
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<style>
 +
.container {
 +
  position: relative;
 +
  width: 50%;
 +
}
 +
 +
.image {
 +
  display: block;
 +
  width: 100%;
 +
  height: auto;
 +
}
 +
 +
.overlay {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  opacity: 0;
 +
  transition: .5s ease;
 +
  background-color: #008CBA;
 +
}
 +
 +
.container:hover .overlay {
 +
  opacity: 1;
 +
}
 +
 +
.text {
 +
  color: white;
 +
  font-size: 20px;
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%);
 +
  text-align: center;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 +
<h2>Fade in Overlay</h2>
 +
<p>Hover over the image to see the effect.</p>
 +
 +
<div class="container">
 +
  <img src="img_avatar.png" alt="Avatar" class="image">
 +
  <div class="overlay">
 +
    <div class="text">Hello World</div>
 +
  </div>
 +
</div>
 +
 +
</body>
  
 
<p>Teste</p>
 
<p>Teste</p>

Revision as of 17:12, 8 June 2018

Fade in Overlay

Hover over the image to see the effect.

Avatar
Hello World

Teste

Members

Cibele Zolnier

Our Team Leader ...

pessoa aleatoria

Time Igem-EEL-Brazil - 2018

Somos o segundo time da Escola de Engenharia de Lorena a participar do Igem.

Gostariamos de agradecer ao time USP-EEL-Brazil que abriu caminho e mostrou que é possível realizar biologia sintética em Lorena.

Também gostariamos de agradecer ao Clube de Biologia Sintética por nos ensinar o básico sobre o assunto para podermos criarmos nosso projeto e por nos apoiar nos momentos difíceis

Team Members

Texto do membro

Imagem da Pessoa

Texto do membro

Imagem da Pessoa

Texto do membro

Imagem da Pessoa

Texto do membro

Imagem da Pessoa

Texto do membro

Imagem da Pessoa

Texto do membro

Imagem da Pessoa