Difference between revisions of "Team:Michigan Software/Team"

 
Line 1: Line 1:
−
<!DOCTYPE html>
+
{{Michigan_Software}}
 
<html>
 
<html>
−
<head>
 
−
<style>
 
−
ul {
 
−
    list-style-type: none;
 
−
    margin: 0;
 
−
    padding: 0;
 
−
    overflow: hidden;
 
−
    background-color: #333;
 
−
}
 
  
−
li {
 
−
    float: left;
 
−
}
 
  
−
li a, .dropbtn {
 
−
    display: inline-block;
 
−
    color: white;
 
−
    text-align: center;
 
−
    padding: 14px 16px;
 
−
    text-decoration: none;
 
−
}
 
  
−
li a:hover, .dropdown:hover .dropbtn {
+
<div class="column full_size" >
−
    background-color: red;
+
−
}
+
  
−
li.dropdown {
+
<p>In this page you can introduce your team members, instructors, and advisors. </p>
−
    display: inline-block;
+
−
}
+
  
−
.dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: #f9f9f9;
 
−
    min-width: 160px;
 
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
−
}
 
  
−
.dropdown-content a {
+
</div>
−
    color: black;
+
−
    padding: 12px 16px;
+
−
    text-decoration: none;
+
−
    display: block;
+
−
    text-align: left;
+
−
}
+
  
−
.dropdown-content a:hover {background-color: #f1f1f1}
+
<div class="column half_size" >
 +
<h5>Inspiration</h5>
 +
<p>You can look at what other teams did to get some inspiration! <br />
 +
Here are a few examples:</p>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 +
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 +
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 +
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 +
</ul>
  
−
.dropdown:hover .dropdown-content {
+
</div>
−
    display: block;
+
−
}
+
−
</style>
+
−
</head>
+
−
<body>
+
  
 +
<div class="column half_size" >
 +
<h5>What should this page contain?</h5>
 
<ul>
 
<ul>
−
  <li><a class="active" href="#home">Home</a></li>
+
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
−
  <li><a href="#news">News</a></li>
+
<li>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.</li>
−
  <li class="dropdown">
+
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
−
    <a href="#" class="dropbtn">Dropdown</a>
+
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
−
    <div class="dropdown-content">
+
−
      <a href="#">Link 1</a>
+
−
      <a href="#">Link 2</a>
+
−
      <a href="#">Link 3</a>
+
−
    </div>
+
−
  </li>
+
 
</ul>
 
</ul>
 +
</div>
 +
 +
  
−
<h3>Dropdown Menu inside a Navigation Bar</h3>
 
−
<p>Hover over the "Dropdown" link to see the dropdown menu.</p>
 
  
−
</body>
 
 
</html>
 
</html>

Latest revision as of 23:06, 21 July 2016

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.