Difference between revisions of "Team:Purdue/Team"

 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Purdue}}
 
{{Purdue}}
 
<html>
 
<html>
−
<head>
+
  <head>
−
<style type="text/css">
+
    <style type="text/css">
−
h2{
+
      h2{
−
  font-size: 250%;
+
        font-size: 250%;
 +
      }
 +
      h3{
 +
        padding-left: 40px;
 +
      }
 +
      img{
 +
        padding: 20px;
 +
      }
 +
      #mark{
 +
        display: none;
 +
        position: fixed;
 +
        top: 30px;
 +
        right: 5px;
 +
      }
 +
      #markFace: hover + #mark {
 +
        display: inline;
 +
      }
 +
      img.member{
 +
        border: 10px;
 +
        color: blue;
 +
      }
 +
      /*THUMBNAIL HOVERPOPUPS*/
 +
 
 +
.thumbnail  {
 +
position: relative;
 +
float: left;
 +
padding: 5px;
 +
/*z-index: 0;*/
 
}
 
}
−
h3{
+
 
−
  padding-left: 40px;
+
.thumbnail:hover {
 +
background-color: #e9e9e2;
 +
/*z-index: 50;*/
 +
color: #335500;
 +
text-decoration: none;
 
}
 
}
−
img{
+
 
−
  padding-left: 50px;
+
.thumbnail span { /*CSS for enlarged image*/
 +
position: absolute;
 +
background-color: #e5e5e5;
 +
padding: 5px;
 +
/*left: -1000px;*/
 +
border: 1px solid #666;
 +
visibility: hidden;
 +
color: black;
 +
text-decoration: none;
 
}
 
}
−
</style>
 
−
</head>
 
  
−
<body>
+
.thumbnail span img { /*CSS for enlarged image*/
−
<h1>Team</h1>
+
border-width: 0px;
 +
/*padding: 2px;*/
 +
}
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
.thumbnail:hover span { /*CSS for enlarged image on hover*/
 +
visibility: visible;
 +
width: 200px;
 +
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
 +
left: 300px;/*position where enlarged image should offset horizontally */
 +
}
  
−
<h2>Executive Board</h2>
+
    </style>
−
<h3>Mark Aronson</h3>
+
  </head>
−
<h3>Hailey Edmondson</h3>
+
  <body>
−
<h3>James Welch</h3>
+
    <h1>Team</h1>
−
<h3>Casey Martin</h3>
+
    <h2>Members</h2>
−
<h3>Arren Liu</h3>
+
   
−
<h3>Tianyu Tan (Tony)</h3>
+
    <div id = "firstRow">
−
<h3>Sriram Boppana</h3>
+
      <img class = "member" id = "markFace" src = "https://static.igem.org/mediawiki/2015/thumb/f/f3/Team_Purdue_Mark.jpg/600px-Team_Purdue_Mark.jpg" hspace = "10" height = "150">
−
<h3>Helena Lysandrou</h3>
+
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/8/86/Team_Purdue_Hailey.jpg" hspace = "10" height = "150">
−
<h3>Melissa Robins</h3>
+
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/thumb/1/1a/Team_Purdue_Tony_Tan.jpg/424px-Team_Purdue_Tony_Tan.jpg" hspace = "10" height = "150">
−
<h3>Hana Kubo</h3>
+
    </div>
−
<h3>Sean Magill</h3>
+
    <div id = "secondRow">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/thumb/6/6e/Suraj.jpg/600px-Suraj.jpg" hspace = "10" height = "150">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/thumb/9/90/Team_Purdue_Arren.jpg/509px-Team_Purdue_Arren.jpg" hspace = "10" height = "150">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/thumb/6/64/Team_Purdue_James.jpg/450px-Team_Purdue_James.jpg" hspace = "10" height = "150">
  
−
<h2>Science Interns</h2>
+
    </div>
−
<h3>Bowman Clark</h3>
+
−
<img src="https://scontent-ord1-1.xx.fbcdn.net/hphotos-xtf1/t31.0-8/s960x960/10550152_10204579166707816_8878075029518451250_o.jpg" hspace= "10" height = "150" >
+
−
<h3>Erich Leazer</h3>
+
−
<h3>Suraj Mohan</h3>
+
−
<h3>Jill Osterhus</h3>
+
−
<h3>Lexi Petrucciani</h3>
+
−
<h3>Melissa Robins</h3>
+
  
 +
    <div id = "thirdRow">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
    </div>
 +
    <div id = "fourthRow">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
    </div>
 +
<div id="mark">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/1/1a/Team_Purdue_Tony_Tan.jpg/424px-Team_Purdue_Tony_Tan.jpg">
 +
</div>
 +
<div>
 +
<h2>Tony Tan</h2>
 +
<p>Sup?</p>
 +
</div>
  
 +
</div>
 +
    <h2>Advisors</h2>
 +
      <p>In this page you can introduce your team members, instructors, and advisors. </p>
  
 
<h4>Inspiration</h4>
 
<h4>Inspiration</h4>
Line 62: Line 123:
 
</ul>
 
</ul>
 
<a href= "https://www.youtube.com/watch?v=dQw4w9WgXcQ">TOP SECRET INFORMATION</a>
 
<a href= "https://www.youtube.com/watch?v=dQw4w9WgXcQ">TOP SECRET INFORMATION</a>
 +
 +
<a class="thumbnail" href="introduction.php">
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/f/f3/Team_Purdue_Mark.jpg/600px-Team_Purdue_Mark.jpg" alt="Mark" width="50px" height="50px" border="0"><span><img src="https://static.igem.org/mediawiki/2015/thumb/f/f3/Team_Purdue_Mark.jpg/600px-Team_Purdue_Mark.jpg" alt="Mark"><br> Mark&nbsp;Aronson</span></a>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 17:56, 3 June 2015

Team Banner

Team

Members

Tony Tan

Sup?

Advisors

In this page you can introduce your team members, instructors, and advisors.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.
TOP SECRET INFORMATION MarkMark
Mark Aronson