Difference between revisions of "Team:LambertGA/Team"

Line 284: Line 284:
 
/*Begin page specific styling*/
 
/*Begin page specific styling*/
  
 +
a.Neha {
 +
 +
width: 400px;
 +
height: 295px;
 +
content:url(https://static.igem.org/mediawiki/2016/d/d5/T--LambertGA--GroupImage_Neha.JPG);
 +
opacity:1.0;
 +
transition:opacity 0.5s ease-in-out;
 +
}
 +
a.Neha:hover {
 +
width: 400px;
 +
height: 295px;
 +
opacity:0.5;
 +
}
  
 
a.Alyssa {
 
a.Alyssa {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 292: Line 304:
 
}
 
}
 
a.Alyssa:hover {
 
a.Alyssa:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 301: Line 312:
  
 
a.Arjun {
 
a.Arjun {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 307: Line 317:
 
}
 
}
 
a.Arjun:hover {
 
a.Arjun:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 316: Line 325:
  
 
a.Elynna {
 
a.Elynna {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 322: Line 330:
 
}
 
}
 
a.Elynna:hover {
 
a.Elynna:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 328: Line 335:
 
}
 
}
 
a.Jack {
 
a.Jack {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 334: Line 340:
 
}
 
}
 
a.Jack:hover {
 
a.Jack:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 341: Line 346:
  
 
a.Jackson {
 
a.Jackson {
padding: 50px;
+
padding: 50pxwidth: 400px;
width: 400px;
+
 
height: 295px;
 
height: 295px;
 
content:url(https://static.igem.org/mediawiki/2016/5/54/T--LambertGA--GroupImage_Jackson.JPG);
 
content:url(https://static.igem.org/mediawiki/2016/5/54/T--LambertGA--GroupImage_Jackson.JPG);
 
}
 
}
 
a.Jackson:hover {
 
a.Jackson:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 354: Line 357:
  
 
a.Julia {
 
a.Julia {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 360: Line 362:
 
}
 
}
 
a.Julia:hover {
 
a.Julia:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 366: Line 367:
 
}
 
}
 
a.Kevin {
 
a.Kevin {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 372: Line 372:
 
}
 
}
 
a.Kevin:hover {
 
a.Kevin:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 378: Line 377:
 
}
 
}
 
a.Lauren {
 
a.Lauren {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 384: Line 382:
 
}
 
}
 
a.Lauren:hover {
 
a.Lauren:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 391: Line 388:
  
 
a.Lubna {
 
a.Lubna {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 397: Line 393:
 
}
 
}
 
a.Lubna:hover {
 
a.Lubna:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 405: Line 400:
  
 
a.Natalie {
 
a.Natalie {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 411: Line 405:
 
}
 
}
 
a.Natalie:hover {
 
a.Natalie:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 418: Line 411:
  
  
a.Neha {
+
 
padding: 50px;
+
width: 400px;
+
height: 295px;
+
content:url(https://static.igem.org/mediawiki/2016/d/d5/T--LambertGA--GroupImage_Neha.JPG);
+
}
+
a.Neha:hover {
+
padding: 50px;
+
width: 400px;
+
height: 295px;
+
content:url();
+
}
+
  
  
 
a.Nivi {
 
a.Nivi {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 439: Line 420:
 
}
 
}
 
a.Nivi:hover {
 
a.Nivi:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 447: Line 427:
  
 
a.Noora {
 
a.Noora {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 453: Line 432:
 
}
 
}
 
a.Noora:hover {
 
a.Noora:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 460: Line 438:
  
  
a.Sarah {
+
a.Sara {
padding: 50px;
+
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
 
content:url(https://static.igem.org/mediawiki/2016/0/06/T--LambertGA--GroupImage_Sarah.JPG);
 
content:url(https://static.igem.org/mediawiki/2016/0/06/T--LambertGA--GroupImage_Sarah.JPG);
 
}
 
}
a.Sarah:hover {
+
a.Sara:hover {
padding: 50px;
+
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 474: Line 450:
  
 
a.David {
 
a.David {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 480: Line 455:
 
}
 
}
 
a.David:hover {
 
a.David:hover {
padding: 50px;
 
 
width: 400px;
 
width: 400px;
 
height: 295px;
 
height: 295px;
Line 486: Line 460:
 
}
 
}
  
 +
.divimage {
 +
padding:50px;
 +
width: 400px;
 +
height: 295px;
 +
position:relative;
 +
display:inline-block;
 +
padding-bottom:200px;
 +
}
  
 +
.blurb {
 +
width: 400px;
 +
background-color: lavender;
 +
font-size:20px;
 +
color:dimgrey;
 +
position: absolute;
 +
top:345px;
 +
left:50px;
 +
}
  
 
</style>
 
</style>
Line 569: Line 560:
 
<div>
 
<div>
 
<center>
 
<center>
<a class="Alyssa"><p>Blurb Goes here</p></a>
+
<div class="divimage">
 +
<a class="Neha"></a>
 +
<div class="blurb"><br>Neha Balachandran<br>The blurb stuff and whatever</div>
 +
</div><!--
 +
--><div class="divimage">
 
<a class="Arjun"></a>
 
<a class="Arjun"></a>
<a class="Elynna"></a>
+
<div class="blurb"><br>Arjun Bhatt<br>The blurb stuff and whatever</div>
</center>
+
</div><!--
 +
--><div class="divimage">
 +
<a class="Noora"></a>
 +
<div class="blurb"><br>Noora Chandasir<br>The blurb stuff and whatever</div>
 
</div>
 
</div>
  
 
<div>
 
<div>
 
<center>
 
<center>
<a class="Jack"></a>
+
<div class="divimage">
<a class="Jackson"></a>
+
<a class="Elynna"></a>
<a class="Julia"></a>
+
<div class="blurb"><br>Elynna Chang<br>The blurb stuff and whatever</div>
 +
</div><!--
 +
--><div class="divimage">
 +
<a class="Sara"></a>
 +
<div class="blurb"><br>Sara Cleland<br>The blurb stuff and whatever</div>
 +
</div><!--
 +
-->
 +
<div class="divimage">
 +
<a class="Alyssa"></a>
 +
<div class="blurb"><br>Alyssa Franklin<br>The blurb stuff and whatever</div>
 +
</div>
 
</center>
 
</center>
 
</div>
 
</div>
Line 585: Line 593:
 
<div>
 
<div>
 
<center>
 
<center>
<a class="Kevin"></a>
+
<div class="divimage">
 +
<a class="Jackson"></a>
 +
<div class="blurb" style="width:415px;"><br>Jackson Harris<br>The blurb stuff and whatever</div>
 +
</div><!--
 +
--><div class="divimage">
 
<a class="Lauren"></a>
 
<a class="Lauren"></a>
<a class="Lubna"></a>
+
<div class="blurb"><br>Lauren Hong<br>The blurb stuff and whatever</div>
 +
</div><!--
 +
-->
 +
<div class="divimage">
 +
<a class="Jack"></a>
 +
<div class="blurb"><br>Jack Kwon<br>The blurb stuff and whatever</div>
 +
</div>
 
</center>
 
</center>
 
</div
 
</div
Line 593: Line 611:
 
<div>
 
<div>
 
<center>
 
<center>
<a class="Natalie"></a>
+
<div class="divimage">
<a class="Neha"></a>
+
<a class="Julia"></a>
 +
<div class="blurb"><br>Julia Leveille<br>The blurb stuff and whatever</div>
 +
</div><!--
 +
--><div class="divimage">
 
<a class="Nivi"></a>
 
<a class="Nivi"></a>
 +
<div class="blurb"><br>Nivi Minjur<br>The blurb stuff and whatever</div>
 +
</div><!--
 +
--><div class="divimage">
 +
<a class="Lubna"></a>
 +
<div class="blurb"><br>Nivi Minjur<br>The blurb stuff and whatever</div>
 +
</div>
 
</center>
 
</center>
 
</div>
 
</div>

Revision as of 02:22, 15 October 2016


Meet The Squad


Neha Balachandran
The blurb stuff and whatever

Arjun Bhatt
The blurb stuff and whatever

Noora Chandasir
The blurb stuff and whatever

Elynna Chang
The blurb stuff and whatever

Sara Cleland
The blurb stuff and whatever

Alyssa Franklin
The blurb stuff and whatever

Jackson Harris
The blurb stuff and whatever

Lauren Hong
The blurb stuff and whatever

Jack Kwon
The blurb stuff and whatever

Julia Leveille
The blurb stuff and whatever

Nivi Minjur
The blurb stuff and whatever

Nivi Minjur
The blurb stuff and whatever