Difference between revisions of "Team:BostonU/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{BostonU}}
 
 
<html>
 
<html>
 +
<head>
 +
<style>
  
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 +
body {
 +
margin: 0px 0px 0px 0px;
 +
}
  
−
<div class="column full_size" >
+
#ulist {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    font-size:125%;
 +
    background-color: rgb(73, 127, 218);
 +
}
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
#lists {
 +
    float: right;
 +
}
  
 +
.dropbtn {
 +
    display: inline-block;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
    width:125px;
 +
}
  
−
</div>
 
  
−
<div class="column half_size" >
+
.dropdown:hover .dropbtn {
−
<h5>Inspiration</h5>
+
    background-color: white;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
    color: rgb(73, 127, 218);
−
Here are a few examples:</p>
+
    width:125px;
−
<ul>
+
    text-decoration: none;
−
<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.dropdown {
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
    display: inline-block;
 +
}
 +
 
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: white;
 +
    width: 157px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
 +
 
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 
 +
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
#kam-sec {
 +
margin: 0px 150px 0px 150px;
 +
background-color:white;
 +
color:rgb(73, 127, 218);
 +
font-size:130%;
 +
}
 +
 
 +
#kam-pic {
 +
position:relative;
 +
width: 20%;
 +
float:left;
 +
}
 +
 
 +
#jeff-sec {
 +
margin: 0px 150px 0px 150px;
 +
background-color:white;
 +
color:rgb(73, 127, 218);
 +
font-size:130%;
 +
}
 +
 
 +
#jeff-pic {
 +
position:relative;
 +
left: 5%;
 +
width: 250px;
 +
float:left;
 +
}
 +
 
 +
#rach-sec {
 +
margin: 0px 150px 0px 150px;
 +
background-color:white;
 +
color:rgb(73, 127, 218);
 +
font-size:130%;
 +
position:relative;
 +
top:10%;
 +
}
 +
 
 +
#rach-pic {
 +
position:relative;
 +
left: 5%;
 +
width: 300px;
 +
height:300px;
 +
float:left;
 +
}
 +
 
 +
#mar-sec {
 +
margin: 0px 150px 0px 150px;
 +
background-color:white;
 +
color:rgb(73, 127, 218);
 +
font-size:130%;
 +
}
 +
 
 +
#mar-pic {
 +
position:relative;
 +
left: 5%;
 +
width: 250px;
 +
height: 500px;
 +
float:left;
 +
}
 +
 
 +
#will-sec {
 +
margin: 0px 150px 0px 150px;
 +
background-color:white;
 +
color:rgb(73, 127, 218);
 +
font-size:130%;
 +
}
 +
 
 +
#will-pic {
 +
position:relative;
 +
left: 5%;
 +
width: 250px;
 +
hight: 500px;
 +
float:left;
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
</head>
 +
 
 +
<body style = "background-color: rgb(73, 127, 218);">
 +
 
 +
<ul id = "ulist">
 +
    <li id = "lists" class="dropdown">
 +
    <a href="#" class="dropbtn">Human Practices</a>
 +
    <div class="dropdown-content">
 +
      <a style = "color:rgb(73, 127, 218); width:140px;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Overview</a>
 +
      <a style = "color:rgb(73, 127, 218); width:140px;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Methods</a>
 +
      <a style = "color:rgb(73, 127, 218); width:140px;" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Results</a>
 +
    </div>
 +
  </li>
 +
    <li id = "lists" class="dropdown">
 +
    <a href="#" class="dropbtn">Team</a>
 +
    <div class="dropdown-content">
 +
      <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Members</a>
 +
      <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Collaboration</a>
 +
      <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Mentors</a>
 +
    </div>
 +
  </li>
 +
  <li id = "lists" class="dropdown">
 +
    <a href="#" class="dropbtn">Project</a>
 +
    <div class="dropdown-content">
 +
      <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Overview</a>
 +
      <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Methods</a>
 +
      <a style = "color:rgb(73, 127, 218);" href="file:///C:/Users/William/Desktop/Wiki%20Stuff/Bio_page.htm">Results</a>
 +
    </div>
 +
  </li>
 
</ul>
 
</ul>
 +
<img style = "margin: 0% 5% 0% 5%; padding: 0px;" src = "https://static.igem.org/mediawiki/2016/8/88/T--BostonU--Mammalian_SynBio_Workshop3_Team_pic_1.jpg" align = "middle" width = "90%">
  
 +
<p style = "font-size:350%; background-color:rgb(73, 127, 218); color:white; text-align:center; margin:0px; padding:0px">Our members</p>
 +
 +
<div id = "kam-sec">
 +
<br><br>
 +
<img id = "kam-pic" src="https://static.igem.org/mediawiki/2016/3/38/T--BostonU--Kami_2.jpg">
 +
<p style = "font-size:150%;>
 +
Kami</p>
 +
words words words
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
−
<h5>What should this page contain?</h5>
+
 
−
<ul>
+
 
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<div id = "jeff-sec">
−
<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>
+
<br>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<img id = "jeff-pic" src="Jeff.jpg">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
<p style = "font-size:150%; position:relative; left:10%">
−
</ul>
+
Jeffery</p>
 +
<br><p style = "position:relative; left:10%">words words words
 
</div>
 
</div>
  
 +
<div id = "rach-sec">
 +
<br>
 +
<img id = "rach-pic" src="rach.jpg">
 +
<p style = "font-size:150%; position:relative; left:10%">
 +
Rachel</p>
 +
<br><p style = "position:relative; left:10%">words words words
 +
</div>
  
 +
<div id = "mar-sec">
 +
<br>
 +
<img id = "mar-pic" src="pic">
 +
<p style = "font-size:150%; position:relative; left:10%">
 +
Marissa</p>
 +
<br><p style = "position:relative; left:10%">words words words
 +
</div>
  
 +
<div id = "will-sec">
 +
<br>
 +
<img id = "will-pic" src="Kami_Bio_Pic.jpg">
 +
<p style = "font-size:150%; position:relative; left:10%">
 +
Will</p>
 +
<br><p style = "position:relative; left:10%">words words words
 +
</div>
  
−
</html>
+
</body>

Revision as of 14:38, 14 July 2016

Our members




Jeffery


words words words


Rachel


words words words


Marissa


words words words


Will


words words words