Difference between revisions of "Team:Purdue/Team"

(Prototype team page)
 
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Purdue}}
 
{{Purdue}}
 
<html>
 
<html>
 +
  <head>
 +
    <style type="text/css">
 +
      h2{
 +
        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*/
  
−
<h2>Team</h2>
+
.thumbnail  {
 +
position: relative;
 +
float: left;
 +
padding: 5px;
 +
/*z-index: 0;*/
 +
}
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
.thumbnail:hover {
 +
background-color: #e9e9e2;
 +
/*z-index: 50;*/
 +
color: #335500;
 +
text-decoration: none;
 +
}
  
 +
.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;
 +
}
  
 +
.thumbnail span img { /*CSS for enlarged image*/
 +
border-width: 0px;
 +
/*padding: 2px;*/
 +
}
  
 +
.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 */
 +
}
  
 +
    </style>
 +
  </head>
 +
  <body>
 +
    <h1>Team</h1>
 +
    <h2>Members</h2>
 +
   
 +
    <div id = "firstRow">
 +
      <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">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/8/86/Team_Purdue_Hailey.jpg" hspace = "10" height = "150">
 +
      <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">
 +
    </div>
 +
    <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">
 +
 +
    </div>
 +
 +
    <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 27: Line 122:
 
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
</ul>
 
</ul>
 +
<a href= "https://www.youtube.com/watch?v=dQw4w9WgXcQ">TOP SECRET INFORMATION</a>
  
−
 
+
<a class="thumbnail" href="introduction.php">
−
</div>
+
<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>
 
</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