Difference between revisions of "Team:UMaryland/Team"

(Undo revision 38208 by Notof (talk))
Line 1: Line 1:
−
{{UMaryland}}
+
{{Template_All_Teams}}
 +
 
 
<html>
 
<html>
  
−
<h4> Members! The bios are clearly incomplete! <a href="https://docs.google.com/document/d/1tZ1JyLvrJ-udhbIy47_w6_NipoJqNv3UZRfJNL4GoUQ/edit
+
<!--Getting rid of all the crap that comes before-->
−
">Click here</a>to fill out an accurate one! <p>Until then, these "bios" will function as placeholders.</p></h4>
+
−
<br>
+
−
_______________________________________________________________________________________________________________
+
−
<br>
+
−
<p>
+
−
<table style="width:75%">
+
  
 +
</div></div></div></div></div></div></div></div></div></div>
  
−
<!--omg Kara you took all the cool stuff out-->
+
<!-- OPERATION: CLEAN UP THIS CODE IS IN PROGRESS-->
  
  
−
<tr>
 
−
    <td><img src="https://static.igem.org/mediawiki/2015/9/99/Iowis.jpg" style="width:200px;height:200px;"></td>
 
−
    <td><h2>Iowis Zhu</h2>
 
−
<h4>President</h4>
 
  
−
<p>
+
<style type="text/css">
−
Iowis is a senior with majors in Biochemistry and Genetics, and minors in Statistics, Public Leadership, and Technology Entrepreneurship.  
+
/* COMPLICATED CSS. DON'T MESS WITH THIS SHIT UNLESS YOU KNOW WHAT YOU'RE DOING */
−
He greatly enjoys managing his financial portfolio as he has thousands of moneys in stocks.
+
−
This is his second year as UMaryland’s team president. He is a god at chemistry and related fields, and this team would be nothing without him.
+
body {
−
</p>
+
background-color: #FF0000;
−
</td>
+
}
−
  </tr>
+
  
  
−
<tr>
+
/* THIS CLASS IS ACTUALLY SHIT. WON'T EVEN TRY TO FIX */ #mainContainer { 
−
    <td><img src="https://static.igem.org/mediawiki/2015/3/3d/Steph.jpg" style="width:200px;height:200px;"></td>
+
width: 1350;
−
    <td><h2>Stephanie Sansbury</h2>
+
overflow:hidden;
−
<h4>Vice President</h4>
+
float:center;
−
<p>
+
margin-left:0px;
−
Stephanie is a senior CBMG and Arabic Studies major.
+
margin-bottom: 10px;
−
</p>
+
background-color: #fff;
−
</td>
+
border-bottom: 10px solid #000000;
−
  </tr>
+
border-right: 5px solid #000000;
 +
                                border-style:inset;
 +
border-left: 5px solid #000000;
 +
border-top: 10px solid #000000;
 +
font-family: Verdana, Geneva, sans-serif;
 +
}
  
 +
#fullofswag {
 +
margin: auto;
 +
width: 100%;
 +
  background-color: #ffffff;
 +
border:5px solid #000000;
 +
font-family: Verdana, Geneva, sans-serif;
 +
swag:infinity;
 +
}
 +
 +
#swagcontent {
 +
margin: auto;
 +
width: 80%;
 +
padding: 10px;
 +
overflow:hidden;
 +
  background-color: #ffffff;
 +
border:5px solid #000000;
 +
font-family: Verdana, Geneva, sans-serif;
 +
swag:3much3handle;
 +
}
 +
 +
/* Creates the container for the content */
 +
#contentContainer {
 +
 +
padding-top:20px;
 +
padding-right:20px;
 +
margin-bottom: 20px;
 +
width: 100% ;
 +
padding-left: 20px;
 +
float: left;
 +
background-color: #fff;
 +
border-top: 14px solid #000000;
 +
font-family: Verdana, Geneva, sans-serif;
 +
 +
} 
 +
  
−
<tr>
+
−
    <td><img src="https://static.igem.org/mediawiki/2015/a/ab/Kevin.jpg" style="width:200px;height:200px;"></td>
+
−
    <td><h2>Kevin Fan</h2>
+
−
<h4>Fundraising Chair</h4>
+
−
<p>
+
−
Kevin is a senior Neurobiology and Physiology, and Business Management double major, with a Technology Entrepreneurship minor.
+
−
Kevin enjoys boxing and parkour. He is our fundraising chair, as he enjoys making bank. In his spare time, he eats and gets swole.
+
−
</p>
+
−
</td>
+
−
  </tr>
+
  
 +
/*Set up height place holder for the banner*/
 +
#bannerContainer {
 +
      height:270;
 +
width:1000;
 +
margin:auto;
 +
text-align:center;
 +
color: #000000;
 +
}*/
  
−
<tr>
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
    <td><img src="https://static.igem.org/mediawiki/2015/e/ed/Hand.jpg" style="width:200px;height:200px;"></td>
+
−
    <td><h2>Robert Hand</h2>
+
−
<h4>Human Practices Chair</h4>
+
−
<p>
+
−
Robert is the Hand-iest man on our team. He is a junior Bioengineering major with an unknown future. Robert greatly enjoys scuba diving, reading.
+
−
</p>
+
−
</td>
+
−
  </tr>
+
  
 +
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-size: 13px;
 +
color: #000000;
 +
}
 +
 +
/*This changes the color and font family */
 +
#contentContainer h1, h2, h3, h4, h5, h6 {
 +
color: #000000;
 +
border-bottom: none;
 +
font-weight: bold;
 +
font-family: Verdana, Geneva, sans-serif;
 +
margin-top:10px;
 +
}
  
 +
/*Style of the links - links are different inside the menu */
 +
#contentContainer a {
 +
font-weight: bold;
 +
color: #000000;
 +
}
  
−
<tr>
+
  /* Styling links on hover- links are different inside the menu */
−
    <td><img src="https://static.igem.org/mediawiki/2015/1/1e/Kousei.jpg" style="width:200px;height:200px;"></td>
+
#contentContainer a:hover {
−
    <td><h2>Chun Mun Loke</h2>
+
color: #FFFFFF;
−
<h4>De Facto Wiki Chair</h4>
+
}
−
<p>
+
−
Chun Mun is a double major in Biochemistry and Genetics and he is minoring in Physics and Music. He thinks he's nice at piano. He is also Iowis's best kohai.
+
−
</p>
+
−
</td>
+
−
  </tr>
+
  
 +
/*Change the styling of tables */
 +
        #contentContainer table {
 +
    border: 1px solid #56;
 +
    border-collapse: collapse;
 +
    width: 100%
 +
    margin: auto;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 0px;
 +
    margin-left: 10px;
 +
    }
  
−
<tr>
+
/*Change the styling of table cells*/
−
    <td><img src="https://static.igem.org/mediawiki/2015/a/ad/Pavel.jpg" style="width:200px;height:200px;"></td>
+
    #contentContainer  td {
−
    <td><h2>Pavel Vlasov</h2>
+
    padding: 10px;
−
<h4>"Do you guys wanna hear a joke?"</h4>
+
    border: 1px solid #565656;
−
<p>
+
    border-collapse: collapse;
−
Pavel is a senior Biochemistry and CBMG double major. He likes telling his 'unique' jokes.
+
    vertical-align: text-top;
−
</p>
+
    }
−
</td>
+
−
  </tr>
+
  
 +
/*Change the styling of table headers */
 +
    #contentContainer th {
 +
    background-color: #E8E8E9;
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
  
  
−
<tr>
 
−
    <td><img src="https://static.igem.org/mediawiki/2015/8/89/Dylan.jpg" style="width:200px;height:200px;"></td>
 
−
    <td><h2>Dylan Taylor</h2>
 
−
<p>
 
−
Dylan is a sophomore Neurobiology/Physiology major. He likes Game of Thrones. He is of the agreeable opinion that Natalie Dormer is the sexiest woman on Earth.
 
−
</p>
 
−
</td>
 
−
  </tr>
 
  
 +
/* THIS IS WHAT WE CALL LOSS OF FUNCTION EVOLUTION "USE IT OR LOSE IT" -St. Leger */
  
−
<tr>
+
−
    <td><img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;"></td>
+
#menuContainer  {
−
     <td><h2>Dania Benalla</h2>
+
                                position:fixed;
−
<p>
+
float:left;
−
Dania is a Computer Science and Microbiology double major.
+
                                top:0px;
−
</p>
+
width: 100%;
−
</td>
+
padding: 20px 20px;
−
  </tr>
+
border-top: 0px solid #000000;
 +
background-color: #000000;
 +
}
 +
 +
  #menuContainer  ul{
 +
        padding: 0;
 +
        list-style: none;
 +
     }
 +
  #menuContainer ul li{
 +
        width: 100px;
 +
        display: inline-block;
 +
        position: relative;
 +
        text-align: center;
 +
        line-height: 21px;  }
 +
  
  
−
<tr>
+
#menuContainer  li{
−
     <td><img src="https://static.igem.org/mediawiki/2015/3/37/Kimia.jpg" style="width:200px;height:200px;"></td>
+
        display: block;
−
    <td><h2>Kimia Abtahi</h2>
+
        padding: 5px 10px;
−
<p>
+
        color: 000000;
−
Kimia is a sophomore Neurobiology and Physiology major. She is a self proclaimed nutritionist and photographer.
+
        background: #FFFF00;
−
</p>
+
        text-decoration: none;
−
</td>
+
}
−
  </tr>
+
  #menuContainer  li:hover{
 +
        color: #000000;
 +
        background: ##FFFF00;
 +
}
 +
 +
 +
 +
#menuContainer  ul li a{
 +
        display: block;
 +
        padding: 5px 10px;
 +
        color: 000000;
 +
        background: #FFFF00;
 +
        text-decoration: none;
 +
}
 +
  #menuContainer  ul li a:hover{
 +
        color: #000000;
 +
        background: ##FFFF00;
 +
}
 +
 +
 +
 +
  #menuContainer ul li ul{
 +
        display: none;
 +
        position: absolute;
 +
        z-index: 999;
 +
        left: 0;
 +
     }
 +
  #menuContainer  ul li:hover ul{
 +
        display: block; /* display the dropdown */
 +
    }
 +
 +
/*swagmaster Chun Mun finally got the menu to work reasonably*/
 +
/* UPDATE: There is no end to his swag, for a new swag class has taken the place of this inferior one */
 +
 +
/*menu links */
 +
#menuContainer a {
 +
color: #000000;
 +
}
 +
#menuContainer a:hover {
 +
font-weight: bold;
 +
color: #FFFFFF;
 +
}
 +
 +
 +
#menuContainer ul li a:hover {
 +
font-weight: bold;
 +
color: #FFFFFF;
 +
}
 +
#menuContainer ul li a {
 +
color: #000000;
 +
}
 +
 +
 +
  
 +
/*CLASSES */
  
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
  
−
<tr>
 
−
    <td><img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;"></td>
 
−
    <td><h2>Kara Huie</h2>
 
−
<p>
 
−
Kara is a sophomore Bioengineering major.
 
−
</p>
 
−
</td>
 
−
  </tr>
 
  
−
<tr>
+
/* highlight box for special messages */
−
    <td><img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;"></td>
+
    .highlightBox {
−
    <td><h2>Samiha Ahmed</h2>
+
        width:500px;  
−
<p>
+
        margin:auto;  
−
Samiha is a sophomore Neurobiology/Physiology major.
+
        background-color: #E8E8E9;
−
</p>
+
margin-bottom: 15px;
−
</td>
+
margin-top: 15px;
−
  </tr>
+
padding: 15px;
 +
padding-top: 5px;
 +
    }
  
  
−
<tr>
+
/* BEHOLD THE SWAG */
−
    <td><img src="https://static.igem.org/mediawiki/2015/3/32/Juhye.jpg" style="width:200px;height:200px;"></td>
+
−
    <td><h2>Juhye Kang</h2>
+
−
<p>
+
−
Juhye is a sophomore Neurobiology/Physiology and Nutritional Science double major.
+
−
</p>
+
−
</td>
+
−
  </tr>
+
  
 +
#swagmenu ul,#swagmenu li,#swagmenu span,#swagmenu a {
 +
  margin: 0;
 +
  padding: 0;
 +
  position: relative;
  
 +
}
 +
#swagmenu {
 +
  line-height: 1;
 +
  border-radius: 5px 5px 0 0;
 +
  -moz-border-radius: 5px 5px 0 0;
 +
  -webkit-border-radius: 5px 5px 0 0;
 +
  background: #000000;
 +
  background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
 +
  background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -o-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: linear-gradient(to bottom, #333333 0%, #000000 100%);
 +
  border-bottom: 2px solid #ffFF00;
 +
  width: auto;
 +
  swag: maximum;
 +
}
 +
#swagmenu:after,#swagmenu ul:after {
 +
  content: '';
 +
  display: block;
 +
  clear: both;
 +
  swag: one hundred thousand;
 +
}
 +
#swagmenu a {
 +
  background: #000000;
 +
  background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
 +
  background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -o-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: linear-gradient(to bottom, #333333 0%, #000000 100%);
 +
  color: #ffffff;
 +
  display: block;
 +
  font-family: Helvetica, Arial, Verdana, sans-serif;
 +
  padding: 19px 20px;
 +
  text-decoration: none;
 +
  swag: one hundred trillion;
 +
}
 +
#swagmenu ul {
 +
  list-style: none;
 +
  swag: off the charts;
 +
 
 +
}
 +
#swagmenu > ul > li {
 +
  display: inline-block;
 +
  float: left;
 +
  margin: 0;
 +
  fact: swag is off the charts
 +
}
 +
#swagmenu.align-center {
 +
  text-align: center;
 +
  swag: 420
 +
}
 +
#swagmenu.align-center > ul > li {
 +
  float: none;
 +
  swag: quatre vingt
 +
}
 +
#swagmenu.align-center ul ul {
 +
  text-align: left;
 +
  swag: quatre cent vingt
 +
}
 +
#swagmenu.align-right > ul {
 +
  float: right;
 +
}
 +
#swagmenu.align-right ul ul {
 +
  text-align: right;
 +
}
 +
#swagmenu > ul > li > a {
 +
  color: #ffffff;
 +
  font-size: 12px;
 +
}
 +
#swagmenu > ul > li:hover:after {
 +
  content: '';
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  position: absolute;
 +
  left: 50%;
 +
  bottom: 0;
 +
  border-left: 10px solid transparent;
 +
  border-right: 10px solid transparent;
 +
  border-bottom: 10px solid #FFFF00;
 +
  margin-left: -10px;
 +
  font-weight: bold;
 +
}
 +
#swagmenu > ul > li:first-child > a {
 +
  border-radius: 5px 0 0 0;
 +
  -moz-border-radius: 5px 0 0 0;
 +
  -webkit-border-radius: 5px 0 0 0;
 +
}
 +
#swagmenu.align-right > ul > li:first-child > a,#swagmenu.align-center > ul > li:first-child > a {
 +
  border-radius: 0;
 +
  -moz-border-radius: 0;
 +
  -webkit-border-radius: 0;
 +
}
 +
#swagmenu.align-right > ul > li:last-child > a {
 +
  border-radius: 0 5px 0 0;
 +
  -moz-border-radius: 0 5px 0 0;
 +
  -webkit-border-radius: 0 5px 0 0;
 +
}
 +
#swagmenu > ul > li.active > a,#swagmenu > ul > li:hover > a {
 +
  color: #ffffff;
 +
  box-shadow: inset 0 0 3px #000000;
 +
  -moz-box-shadow: inset 0 0 3px #000000;
 +
  -webkit-box-shadow: inset 0 0 3px #000000;
 +
  background: #000000
 +
  background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
 +
  background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -o-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: linear-gradient(to bottom, #262626 0%, #070707 100%);
 +
}
 +
#swagmenu .has-sub {
 +
  z-index: 1;
 +
}
 +
#swagmenu .has-sub:hover > ul {
 +
  display: block;
 +
  font-weight: bold;
 +
}
 +
#swagmenu .has-sub ul {
 +
  display: none;
 +
  position: absolute;
 +
  width: 200px;
 +
  top: 100%;
 +
  left: 0;
 +
}
 +
#swagmenu.align-right .has-sub ul {
 +
  left: auto;
 +
  right: 0;
 +
}
 +
#swagmenu .has-sub ul li {
 +
  *margin-bottom: -1px;
 +
}
 +
#swagmenu .has-sub ul li a {
 +
  background: #000000
 +
  border-bottom: 1px dotted #FFFF00;
 +
  font-size: 11px;
 +
  filter: none;
 +
  display: block;
 +
  line-height: 120%;
 +
  padding: 10px;
 +
  color: #ffffff
 +
}
 +
#swagmenu .has-sub ul li:hover a {
 +
  background: #FFFF00;
 +
  font-weight: bold;
 +
  color: #000000
 +
}
 +
#swagmenu ul ul li:hover > a {
 +
  color: #000000
 +
  font-weight: bold;
 +
}
 +
#swagmenu .has-sub .has-sub:hover > ul {
 +
  display: block;
  
−
<tr>
+
}
−
    <td><img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;"></td>
+
#swagmenu .has-sub .has-sub ul {
−
    <td><h2>Adam Wahab</h2>
+
  display: none;
−
<p>
+
  position: absolute;
−
Adam is a senior neurophysiology major.
+
  left: 100%;
−
</p>
+
  top: 0;
−
</td>  
+
}
−
   </tr>
+
#swagmenu.align-right .has-sub .has-sub ul,#swagmenu.align-right ul ul ul {
 +
  left: auto;
 +
  right: 100%;
 +
}
 +
#swagmenu .has-sub .has-sub ul li a {
 +
  background: #FFFF00
 +
  border-bottom: 1px dotted #FFFF00;
 +
}
 +
#swagmenu .has-sub .has-sub ul li a:hover {
 +
  background: #ffff00
 +
}
 +
#swagmenu ul ul li.last > a,#swagmenu ul ul li:last-child > a,#swagmenu ul ul ul li.last > a,#swagmenu ul ul ul li:last-child > a,#swagmenu .has-sub ul li:last-child > a,#swagmenu .has-sub ul li.last > a {
 +
   border-bottom: 0;
 +
}
 +
 +
  
 +
 +
</style>
  
 +
<!--WOW SUCH STYLE MUCH FANCY-->
  
 +
<!--LESGO BOYS-->
  
 +
<div id ="fullofswag">
  
 +
<img src="https://static.igem.org/mediawiki/2015/8/87/Banner.png" 
 +
style="height:100%;
 +
width:100%">
 +
<!--  Iowis senpai notice me -->
 +
 +
 +
 +
 +
<div id='swagmenu'>
 +
<ul>
 +
  <li class='active'><a href="https://2015.igem.org/Team:UMaryland"><span>HOME</span></a></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Team"><span>TEAM</span></a></li>
 +
 
 +
  <li class='has-sub'><a href="#"><span>PROJECT</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Description"><span>Description</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Design"><span>Design</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Experiments"><span>Experiments &amp; Protocols</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Results"><span>Results</span></a></li>
 +
</ul></span></a>
 +
      </li>
 +
 
 +
    <li class='has-sub'><a href="#"><span>PARTS</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Parts"><span>Team Parts</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Basic_Part"><span>New Parts</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Composite_Part"><span>Improved Parts</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Part_Collection"><span>All Parts</span></a></li>
 +
</ul></span></a>
 +
      </li>
 +
 
 +
    <li class='has-sub'><a href="#"><span>NOTEBOOK</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Notebook"><span>Lab Notebook</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/journal"><span>Journal</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Safety"><span>Safety</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/gallery"><span>Gallery</span></a></li>
 +
</ul>
 +
</span></a></li>
  
−
</table>
+
  <li class='has-sub'><a href="#"><span>OUTREACH</a>
−
</p>
+
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Practices"><span>HUMAN PRACTICES</span></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Collaborations"><span>COLLABORATIONS</span></a></li>
 +
</ul>
 +
</span></a></li>
  
 +
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Modeling"><span>MODELING</span></a></li>
 +
 
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Attributions"><span>ATTRIBUTIONS</span></a></li>
 +
 +
  <li class='last'><a href='https://2015.igem.org/Main_Page'><span>iGEM</span></a></li>
 +
</ul>
 
</div>
 
</div>
 +
 +
</div>
 +
 +
<!--TOP STUFF ENDS LMAO -->
 +
 +
{{UMaryland}}
 +
<html>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<style type="text/css">
 +
 +
#teamies {
 +
overflow: hidden;
 +
margin: auto;
 +
width: 90%;
 +
border-radius: 25px;
 +
border:5px solid #000000;
 +
padding: 10px;
 +
background-color: #ffffff;
 +
swag: maximum;
 +
}
 +
 +
#swagtotheleft {
 +
width: 48%;
 +
padding: 5px;
 +
float: left;
 +
overflow: hidden;
 +
}
 +
 +
#swagtotheright {
 +
width: 48%;
 +
padding: 5px;
 +
float: right;
 +
overflow: hidden;
 +
}
 +
 +
#person {
 +
overflow: hidden;
 +
background-color:#F4FA58;
 +
border-radius: 10px;
 +
height: 220px;
 +
margin:20px;
 +
}
 +
 +
#pictureL {
 +
border-radius: 10px;
 +
border:2px solid #000000;
 +
background-color:#ffffff;
 +
height: 200px;
 +
float: left;
 +
width:25%;
 +
margin:10px;
 +
overflow:hidden;
 +
}
 +
 +
#bioL {
 +
float: left;
 +
width: 70%;
 +
}
 +
 +
#bioR {
 +
float: left;
 +
width:70%;
 +
}
 +
 +
#pictureR {
 +
border-radius: 10px;
 +
border:2px solid #000000;
 +
background-color:#ffffff;
 +
height: 200px;
 +
float: right;
 +
width:25%;
 +
margin:10px;
 +
overflow:hidden;
 +
}
 +
 +
</style>
 +
 +
<!--_________________________________________________________-->
 +
 +
<div id=teamies>
 +
<div id=swagtotheleft>
 +
<div id=person>
 +
<div id=pictureL>
 +
<img src="https://static.igem.org/mediawiki/2015/9/99/Iowis.jpg" style="width:200px;height:200px;">
 +
</div>
 +
<div id=bioL>
 +
<h2>IOWIS</h2>
 +
<h4>Fearless Leader</h4>
 +
Iowis is a senior with majors in Biochemistry and Genetics, and minors in Statistics, Public Leadership, and Technology Entrepreneurship.
 +
He greatly enjoys managing his financial portfolio as he has thousands of moneys in stocks.
 +
This is his second year as UMaryland’s team president. He is a god at chemistry and related fields, and this team would be nothing without him.
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=pictureL>
 +
<img src="https://static.igem.org/mediawiki/2015/a/ab/Kevin.jpg" style="width:200px;height:200px;">
 +
</div>
 +
<div id=bioL>
 +
<h2>KEVIN</h2>
 +
<h4>Bank maker</h4>
 +
Kevin is a senior Neurobiology and Physiology, and Business Management double major, with a Technology Entrepreneurship minor.
 +
Kevin enjoys boxing and parkour. He is our fundraising chair, as he enjoys making bank. In his spare time, he eats and gets swole.
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=pictureL>
 +
<img src="https://static.igem.org/mediawiki/2015/1/1e/Kousei.jpg" style="width:200px;height:200px;">
 +
</div>
 +
<div id=bioL>
 +
<h2>Iowis's favourite kohai</h2>
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=pictureL>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
<div id=bioL>
 +
<h2>OTHER PEOPLE</h2>
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=pictureL>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
<div id=bioL>
 +
<h2>OTHER PEOPLE</h2>
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=pictureL>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
<div id=bioL>
 +
<h2>OTHER PEOPLE</h2>
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=pictureL>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
<div id=bioL>
 +
<h2>OTHER PEOPLE</h2>
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=pictureL>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
<div id=bioL>
 +
<h2>OTHER PEOPLE</h2>
 +
</div>
 +
</div>
 +
 +
 +
</div>
 +
 +
<!--________________________________________________________________________________-->
 +
 +
<div id=swagtotheright>
 +
<div id=person>
 +
<div id=bioR>
 +
<h2 align="right">STEPH</h2>
 +
<h4 align="right">Vice Fearless Leader</h4>
 +
</div>
 +
<div id=pictureR>
 +
<img src="https://static.igem.org/mediawiki/2015/3/3d/Steph.jpg" style="width:200px;height:200px;">
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=bioR>
 +
<h2 align="right">Robert Hand</h2>
 +
<h4 align="right">Handyman</h4>
 +
</div>
 +
<div id=pictureR>
 +
<img src="https://static.igem.org/mediawiki/2015/e/ed/Hand.jpg" style="width:200px;height:200px;">
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=bioR>
 +
<h2 align="right">OTHER PEOPLE</h2>
 +
</div>
 +
<div id=pictureR>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=bioR>
 +
<h2 align="right">OTHER PEOPLE</h2>
 +
</div>
 +
<div id=pictureR>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=bioR>
 +
<h2 align="right">OTHER PEOPLE</h2>
 +
</div>
 +
<div id=pictureR>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=bioR>
 +
<h2 align="right">OTHER PEOPLE</h2>
 +
</div>
 +
<div id=pictureR>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=bioR>
 +
<h2 align="right">OTHER PEOPLE</h2>
 +
</div>
 +
<div id=pictureR>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
</div>
 +
 +
<div id=person>
 +
<div id=bioR>
 +
<h2 align="right">OTHER PEOPLE</h2>
 +
</div>
 +
<div id=pictureR>
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/Blank.jpg" style="width:200px;height:200px;">
 +
</div>
 +
</div>
 +
 +
 +
</div>
 +
 +
<!--_________________________________________________________-->
 +
 +
</div>
 +
</div>
 +
</div>
 +
 
</html>
 
</html>

Revision as of 18:50, 7 July 2015