Difference between revisions of "Team:BostonU HW/Team"

 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{BUHW2016}}
+
{{Template:BUHW2016_NavBar}}
 +
 
 +
 
 +
{{Template:BUHW2016_Bootstrap}}
 
<html>
 
<html>
 +
<head>
 +
<style>
  
−
<style type="text/css">
 
  
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
−
#myCarousel {
+
  #sideMenu, #top_title {display:none;}
−
align: center;
+
  #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
−
border-radius: 8px;
+
  body {background-color:white; }
−
border: 1px solid black;
+
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
 
 +
 
 +
@font-face {
 +
    font-family: openSans;
 +
    src: url(https://static.igem.org/mediawiki/2016/1/1e/T--BostonU_HW--openSansLight_rcwolf.ttf);
 
}
 
}
  
  
−
#myTeam{
+
html,body
−
     border: 5px ;
+
{
−
border-radius: 8px;
+
     width: 100%;
−
align: center;
+
    min-width: 100%;
 +
    height: 100%;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    overflow-x: hidden;  
 
}
 
}
  
−
.carousel {
+
 
−
    overflow-x: hidden;
+
body{
−
    overflow-y: hidden;
+
background-color: white;
−
    overflow-x: none;
+
−
    overflow-y: none;
+
−
    float: center;
+
−
    display: block;
+
−
    white-space: nowrap;
+
 
}
 
}
  
−
#myCarousel .picture {
+
* {
−
  margin-top:12px;
+
font-family: openSans !important;
−
margin-left:10px;
+
}
−
    width: 334px;
+
−
    height: 500px;
+
−
    float: left;
+
−
    display: inline;
+
  
 +
 +
.navbar {
 +
  background-color: black;
 +
  border-color: black;
 +
margin-top: 10px;
 +
 
 +
}
 +
 +
 +
 +
.navbar-default .navbar-header .navbar-brand,
 +
.navbar-default .navbar-header .navbar-brand:hover,
 +
.navbar-default .navbar-header .navbar-brand:focus {
 +
      color: white;
 +
  }
 +
  .navbar-default .nav > li > a,
 +
  .navbar-default .nav > li > a:focus {
 +
      color: white;
 +
      font-size: medium;
 +
  }
 +
  .navbar-default .nav > li > a:hover,
 +
  .navbar-default .nav > li > a:focus:hover {
 +
      color: white;
 +
      font-size: medium;
 +
  }
 +
  .navbar-default.affix {
 +
      background-color: white;
 +
      border-color: white;
 
   }
 
   }
  
−
#myCarousel .texts {
+
 
−
  margin-left:10px;
+
  /*  Animated Underlining For Menu Items  */
−
     width: 500px;
+
.dropbtn {
−
     height: 500px;
+
  display: inline-block;
−
     float: left;
+
  position: relative;
 +
  padding-bottom: 3px;
 +
}
 +
.dropbtn:after {
 +
  content: '';
 +
  display: block;
 +
  margin: auto;
 +
  height: 2px;
 +
  width: 0px;
 +
  background: transparent;
 +
  transition: width .5s ease, background-color .5s ease;
 +
}
 +
.sliding-middle-out:hover > .dropbtn:after {
 +
  width: 100%;
 +
  background: white;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*  Dropdown Menu Functionality  */
 +
/* Style The Dropdown Button */
 +
.dropbtn {
 +
     color: white;
 +
     border: none;
 +
     cursor: pointer;
 +
}
 +
 
 +
/* The container <div> - needed to position the dropdown content */
 +
.dropdown {
 +
    position: relative;
 
     display: inline-block;
 
     display: inline-block;
−
    margin: 14px;
 
−
    word-wrap: normal;
 
−
    word-break: normal;
 
−
    white-space: normal;
 
−
    overflow: auto;
 
 
}
 
}
  
−
.text-muted {
+
/* Dropdown Content (Hidden by Default) */
−
  padding-left: 15%;
+
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: rgba(249,249,249,0.4);
 +
    min-width: 160px;
 
}
 
}
  
−
body {
+
/* Links inside the dropdown */
−
     font: x-small sans-serif;
+
.dropdown-content a {
 +
    color: black;
 +
     font-size: 15px;
 +
    padding: 10px 16px;
 +
    text-decoration: none;
 +
    display: block;
 
}
 
}
  
−
.myheader{
+
/* Change color of dropdown links on hover */
−
position: relative;
+
.dropdown-content a:hover {background-color: #f1f1f1}
−
height: 150px;
+
 
−
width: 100%;
+
/* Show the dropdown menu on hover */
−
background-color: #026873;
+
.dropdown:hover .dropdown-content {
−
background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
+
    display: block;
−
linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
+
−
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
+
−
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
+
−
background-size: 13px, 29px, 37px, 53px;
+
 
}
 
}
 +
 +
.paddedNav{
 +
padding-left: 23px;
 +
padding-right: 23px;
 +
padding-bottom: 5px;
 +
}
 +
 +
 +
 +
  
  
 
</style>
 
</style>
 +
 +
 +
</head>
 +
 +
 +
 +
 +
 +
 +
 +
  
 
<body>
 
<body>
  
−
<div class="services bg-primary myheader">
+
<header id="top" class="header">
−
<div class="row text-center">
+
 
−
          <div class="col-lg-10 col-lg-offset-1">
+
<nav class="navbar navbar-default navbar-fixed-top" style="max-height: 70px !important;">
−
         <div class="text-vertical-center" style="color: white;">
+
  <div class="container-fluid paddedNav">
−
            <h1>Our Team!</h1>
+
    <!-- Brand and toggle get grouped for better mobile display -->
−
</div> </div> </div>
+
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 +
         <span class="sr-only">Toggle navigation</span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
     
 +
      <a class="navbar-brand" href="https://2016.igem.org/Team:BostonU_HW"><img src="https://static.igem.org/mediawiki/2016/9/97/T--BostonU_HW--NeptuneLogo_rcwolf.png" height="38" width="55" style="display: inline-block; padding-right: 17px; ">BU HW 2016</a>
 +
    </div>
 +
 
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse " >
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">TEAM </a>
 +
            <img src="https://static.igem.org/mediawiki/2016/5/58/T--BostonU_HW--indexTriangle_rcwolf.png" width="36" height="18" style="margin-bottom: 0 !important; margin-top: 0; padding-bottom: 0 !important; border: none; display: block; margin: 0 auto;">
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Team">Meet the Team </a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Attributions">Attributions</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Collaborations">Collaborations</a>
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">PROJECT</a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Demonstration</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Proof">Proof</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Design">Design</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Parts">Parts</a>
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">NOTEBOOK</a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Notebook">Timeline</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Experiments">Experiments</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Safety">Safety</a>
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="https://2016.igem.org/Team:BostonU_HW/Human_Practices" class="dropbtn">HUMAN PRACTICES</a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a>
 +
                 
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">AWARDS</a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a>
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">MEDAL CRITERIA </a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Bronze">Bronze</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Silver">Silver</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Gold">Gold</a>
 +
            </div>
 +
        </li>
 +
 
 +
      </ul>
 +
      </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
 +
 
 +
 
 
</div>
 
</div>
  
−
<br><br>
 
−
<div class="col-lg-10 col-lg-offset-1 text-vertical-center">
 
−
<h4 style="padding-left: 20px;"> Our team is comprised of many unique and diverse people who bring different skills to the table. We all have our own stories, and we'd love for you to get to know us a bit more! <br> <br> Please click on individual people to view their profiles and background. </h4>
 
−
<br><br>
 
  
−
<img id="myTeam" src="https://static.igem.org/mediawiki/2016/b/b7/BUHW2016_Team.jpeg" style="width: 900px;" usemap="#teamMap" />
 
−
<map name="teamMap" id="ImageMapsCom-image-maps-2016-07-06-070729">
 
−
<area id="ks" href="#myCarousel" data-slide-to="2" shape="rect" coords="127,63,203,145" style="outline:none;" />
 
−
<area id="sm"  href="#myCarousel" data-slide-to="3" shape="rect" coords="471,157,547,253" style="outline:none;" />
 
−
<area id="rw"  href="#myCarousel" data-slide-to="0" shape="rect" coords="357,215,416,285" style="outline:none;" />
 
−
<area id="pk" href="#myCarousel" data-slide-to="1" shape="rect" coords="589,228,653,310" style="outline:none;" />
 
−
</map>
 
  
 +
</body>
  
−
<br><br><br>
 
−
<div id="myCarousel" class="carousel slide" data-interval="false" style="width: 900px; height: 532px; overflow: hidden; margin-left: auto; margin-right: auto;">
 
  
−
  <!-- Wrapper for slides -->
 
−
  <div class="carousel-inner" role="listbox">
 
  
 +
<html>
  
−
    <div class="item active" id="rebecca">
+
 
−
      <div class="picture">
+
 
−
        <img src="https://scontent.xx.fbcdn.net/v/t1.0-9/13567428_1279263195418491_8212978786250428047_n.jpg?oh=a062fb5cda625f293c2895447e4c527f&oe=58577808" height="450" style="padding-top: 50px" alt="image not found" <="" img="">    
+
 
−
            </div>
+
 
−
            <div class="texts">
+
 
−
        <h2>Rebecca Wolf</h2>
+
<html>
−
<br> <br>
+
 
−
        <h4><b>Major:</b> Computer Engineering </h4>
+
<style>
−
        <h4><b>Year:</b> Senior</h4>
+
 
−
<h4><b>Email:</b> rcwolf@bu.edu</h4>
+
  html {
−
<br>
+
    background-color: #D2D2D2;
−
        <h3>
+
  }
−
      #Ayyyyyyyyyyyyy!
+
  body {
−
        </h3>
+
    background-color: #D2D2D2;
−
        <!-- For texts -->
+
  }
−
       </div>
+
 
 +
  #greyWrapper {
 +
    padding-top: 120px;
 +
    background-color: #D2D2D2;
 +
    margin: 0px 0px 40px 0px;
 +
    min-height: 1000px;
 +
  }
 +
  #pageTitle {
 +
    margin-left: 25px;
 +
    padding-bottom: 16px;
 +
  }
 +
  .pageBanner {
 +
    position: fixed;
 +
    color:black;
 +
    background-color:white;
 +
    width:100%;
 +
    top:70px;
 +
    z-index: 1;
 +
  }
 +
  .densmoreCard {
 +
    background-color: white;
 +
    padding:0;
 +
  }
 +
  .advisorCard {
 +
    background-color: white;
 +
  }
 +
  .miniBio {
 +
    padding-left: 20px;
 +
    padding-right:20px;
 +
    padding-bottom:30px;
 +
   }
 +
  .bioIcon {
 +
    border: none;
 +
    display: block;
 +
    margin-top: -24px;
 +
    margin-bottom: -20px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
</style>
 +
 
 +
 
 +
 
 +
<body>
 +
<!-- PAGE TITLE BANNER -->
 +
  <div id="greyWrapper">   
 +
    <div class="pageBanner">
 +
       <h3 id="pageTitle">MEET THE TEAM</h3>
 
     </div>
 
     </div>
  
−
     <div class="item" id="priya">
+
 
−
      <div class="picture">
+
 
−
         <img src="https://scontent.xx.fbcdn.net/v/t1.0-9/13428003_10157012333505716_7569775025852208677_n.jpg?oh=4db272bd287b919ed6ec190e2e48b926&oe=5814F50A" height="500" alt="image not found" <="" img="">  
+
 
−
            </div>
+
 
−
      <div class="texts">
+
 
−
        <h2>Priya Kapadia</h2> <br> <br>
+
    <br><br><br><br>
−
        <h4><b>Major:</b> Computer Engineering</h4>
+
   
−
  <h4><b>Year:</b> Junior </h4>
+
     <div class="row">
−
<h4><b>Email:</b> priyak@bu.edu</h4>
+
      <div class="col-md-2"></div>
−
<br>
+
 
−
      <h3>
+
      <div class="col-md-3 advisorCard">
−
      #I'm scared!
+
         <div class="row">
−
         </h3>
+
          <br><br>
−
        <!-- For texts -->
+
          <img src="https://static.igem.org/mediawiki/2016/e/e2/T--BostonU_HW--ShaneHeadShot.png" width="70%" height="100%" style="display: block; margin: 0 auto;">
 +
        </div>
 +
        <div class="row">
 +
          <img src="https://static.igem.org/mediawiki/2016/7/72/T--BostonU_HW--CellTrapIcon_rcwolf.png" height="40" width="50" class="bioIcon">
 +
        </div>
 +
        <div class="row miniBio">
 +
          <h2 style="color:#355E62;">Shane McCormack</h2>
 +
          <h4>Computer & Biomedical Engineering</h4>
 +
          <h4>Senior</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">aonanam@bu.edu</h4>
 +
         </div>
 
       </div>
 
       </div>
−
    </div>
 
  
−
    <div class="item" id="kestas">
+
 
−
  <div class="picture">
+
 
−
        <img src="https://scontent.xx.fbcdn.net/v/t1.0-9/11255801_1080925508590405_3864845259714906495_n.jpg?oh=497ded542c7219487441e26a0be5e7cd&oe=5856FD99" width="334" style="margin-top: 80px" alt="image not found" <="" img="">  
+
 
−
            </div>
+
     
−
      <div class="texts">
+
      <div class="col-md-2"></div>
−
        <h2>Kestas Subacius</h2>
+
 
−
      <br> <br>
+
      <div class="col-md-3 advisorCard">
−
        <h4><b>Major:</b> Computer Engineering and Biomedical Engineering</h4>
+
        <div class="row">
−
                     
+
          <br><br>
−
<h4><b>Year:</b> Junior</h4>
+
          <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BostonU_HW--beccaProfile_rcwolf.jpg" width="70%" height="100%" style="display: block; margin: 0 auto;">
−
<h4><b>Email:</b> kestas@bu.edu</h4>
+
        </div>
−
<br>
+
        <div class="row">
−
                          <h3>
+
          <img src="https://static.igem.org/mediawiki/2016/9/9e/T--BostonU_HW--GroverValveIcon_rcwolf.png" height="50" width="50" class="bioIcon">
−
      #Coffee coffee coffee!
+
        </div>
−
         </h3>
+
 
−
    <!-- For texts -->
+
        <div class="row miniBio">
 +
          <h2 style="color:#355E62;">Becca Wolf</h2>
 +
          <h4>Computer Engineering</h4>
 +
          <h4>Senior</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">rcwolf@bu.edu</h4>
 +
         </div>
 
       </div>
 
       </div>
 +
 +
 +
 +
 +
     
 +
      <div class="col-md-2"></div>
 
     </div>
 
     </div>
  
−
     <div class="item" id="shane">
+
    <br><br><br><br>
−
       <div class="picture">
+
   
−
         <img src="https://scontent.xx.fbcdn.net/v/t1.0-9/1622051_501674409942204_835453235_n.jpg?oh=f9b285a974198ec6302687b242c48926&oe=58141C8C" width="334" height="500" alt="image not found" <="" img="">  
+
     <div class="row">
−
            </div>
+
      <div class="col-md-2"></div>
−
      <div class="texts">
+
       <div class="col-md-3 advisorCard">
−
        <h2>Shane McCormack</h2>
+
         <div class="row">
−
<br> <br>
+
          <br><br>
−
                                <p>
+
          <img src="https://static.igem.org/mediawiki/2016/d/d2/T--BostonU_HW--priyaProfile_rcwolf.jpg" width="70%" height="100%" style="display: block; margin: 0 auto;">
−
                                <h4><b>Major:</b> Computer Engineering and Biomedical Engineering</h4>
+
        </div>
−
                       
+
        <div class="row">
−
<h4><b>Year:</b> Senior </h4>  
+
          <img src="https://static.igem.org/mediawiki/2016/6/62/T--BostonU_HW--SerpMixerIcon_rcwolf.png" height="40" width="90" class="bioIcon">
−
<h4><b>Email:</b> aonanam@bu.edu</h4>
+
        </div>
−
<br>                 
+
 
−
          <h3>
+
        <div class="row miniBio">
−
      #Shane fix!
+
          <h2 style="color:#355E62;">Priya Kapadia</h2>
−
         </h3>
+
          <h4>Computer Engineering</h4>
−
        <!-- For texts -->
+
          <h4>Junior</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">priyak@bu.edu</h4>
 +
         </div>
 
       </div>
 
       </div>
−
    </div>
+
      <div class="col-md-2"></div>
−
<div class="item" id="zach">
+
      <div class="col-md-3 advisorCard">
−
  <div class="picture">
+
        <div class="row">
−
        <img src="https://scontent.xx.fbcdn.net/v/t1.0-9/12961683_1245533885474033_8309303318891059815_n.jpg?oh=7a3e13a544d1d0f22c23eec4a4fbaed3&oe=5855AE51" style="padding-top: 50px" height="450" alt="image not found" <="" img="">  
+
          <br><br>
−
            </div>
+
          <img src="https://static.igem.org/mediawiki/2016/6/6e/T--BostonU_HW--zachProfile_rcwolf.jpg" width="70%" height="100%" style="display: block; margin: 0 auto;">
−
      <div class="texts">
+
        </div>
−
        <h2>Zach Lasiuk</h2>
+
        <div class="row">
−
  <br> <br>
+
          <img src="https://static.igem.org/mediawiki/2016/f/fe/T--BostonU_HW--DiamondChamberIcon_rcwolf.png" height="50" width="70" class="bioIcon">
−
        <h4><b>Major:</b> Electrical Engineering</h4>
+
        </div>
−
               
+
        <div class="row miniBio">
−
    <h4><b>Year:</b> Senior </h4>
+
          <h2 style="color:#355E62;">Zach Lasiuk</h2>
−
<h4><b>Email:</b> lasiukza@bu.edu </h4>
+
          <h4>Electrical Engineering</h4>
−
<br>
+
          <h4>Senior</h4>
−
                        <h3>
+
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">lasiukza@bu.edu</h4>
−
      #Zach attack!
+
         </div>
−
         </h3>
+
−
    <!-- For texts -->
+
 
       </div>
 
       </div>
 +
 +
 +
 +
 +
 +
 +
      <div class="col-md-2"></div>
 
     </div>
 
     </div>
  
−
<div class="item" id="johan">
+
    <br><br><br><br>
−
  <div class="picture">
+
 
−
         <img src="
+
        <div class="row">
−
https://scontent-yyz1-1.xx.fbcdn.net/v/t1.0-9/12642707_10156448122235716_5869419313903262477_n.jpg?oh=c2447f7078a634247010f87f4c38795d&oe=581D5D73" style="padding-top: 50px" height="450" alt="image not found" <="" img="">  
+
      <div class="col-md-2"></div>
−
            </div>
+
      <div class="col-md-3 advisorCard">
−
      <div class="texts">
+
         <div class="row">
−
        <h2>Johan Sebastian Ospina</h2>
+
          <br><br>
−
  <br> <br>
+
          <img src="https://static.igem.org/mediawiki/2016/c/c0/T--BostonU_HW--KestasHeadShot.jpg" width="70%" height="100%" style="display: block; margin: 0 auto;">
−
        <h4><b>Major:</b> Computer Engineering</h4>
+
        </div>
−
               
+
        <div class="row">
−
    <h4><b>Year:</b> Senior </h4>
+
          <img src="https://static.igem.org/mediawiki/2016/9/92/T--BostonU_HW--ringIcon_rcwolf.png" height="50" width="50" class="bioIcon">
−
<h4><b>Email:</b> johanos@bu.edu </h4>
+
        </div>
−
<br>
+
 
−
                        <h3>
+
        <div class="row miniBio">
−
      #Beb
+
          <h2 style="color:#355E62;">Kestas Subacius</h2>
−
        </h3>
+
          <h4>Computer & Biomedical Engineering</h4>
−
    <!-- For texts -->
+
          <h4>Junior</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">kestas@bu.edu</h4>
 +
        </div>
 +
      </div>  
 +
      <div class="col-md-2"></div>
 +
      <div class="col-md-3 advisorCard">
 +
        <div class="row">
 +
          <br><br>
 +
          <img src="https://static.igem.org/mediawiki/2016/2/2b/T--BostonU_HW--JohanProfile.png" width="70%" height="100%" style="display: block; margin: 0 auto;">
 +
        </div>
 +
        <div class="row">
 +
          <img src="https://static.igem.org/mediawiki/2016/5/5a/T--BostonU_HW--DropletGenIcon_rcwolf.png" height="50" width="50" class="bioIcon">
 +
        </div>
 +
        <div class="row miniBio">
 +
          <h2 style="color:#355E62;">Johan Ospina</h2>
 +
          <h4>Computer Engineering</h4>
 +
          <h4>Senior</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px"> johanos@bu.edu</h4>
 +
        </div>
 
       </div>
 
       </div>
 +
      <div class="col-md-2"></div>
 
     </div>
 
     </div>
  
 +
    <br><br><br><br>
  
  
−
<br>
 
−
<br>
 
  
−
  <!-- Left and right controls -->
 
−
    <a id="previous" class="left carousel-control" style="background: none;" href="#myCarousel" role="button" data-slide="prev">
 
−
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true">    </span>
 
−
    <span class="sr-only">Previous</span>
 
−
  </a>
 
−
<br> <br>
 
−
  <a id= "next" class="right carousel-control" style="background: none;" href="#myCarousel" role="button" data-slide="next">
 
−
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">    </span>
 
−
    <span class="sr-only">Next</span>
 
−
  </a>
 
  
−
</div>
+
    <br><br>
−
</div>
+
    <div class="row">
−
<br>
+
      <div class="col-md-1"></div>
−
<br>
+
      <div class="col-md-4" style="margin-top: 50px;">
  
−
<style>
+
        <div style="font-size: 3em;">TEAM</div><br>
−
div.img {
+
        <div style="font-size: 3em;">MENTORS</div>
−
    margin: 5px;
+
        <h3>Thank you for all of your help and support!</h3>
−
    border: 1px solid #ccc;
+
−
    float: left;
+
−
    width: 180px;
+
−
}
+
  
−
div.img:hover {
+
      </div>
−
    border: 1px solid #777;
+
      <div class="col-md-6 densmoreCard">
−
}
+
        <div>
 +
          <div class="col-md-6" style="padding:0;">
 +
            <img src="https://static.igem.org/mediawiki/2016/c/cb/DougSquare_rcwolf.png" height="300" width="300">
 +
          </div>
 +
          <div class="col-md-6">
 +
            <h2 style="color:#355E62;">Douglas Densmore</h2>
 +
            <h4>Boston University</h4>
 +
            <h4>Department of Electrical & Computer Engineering</h4>
 +
            <h4>Primary PI</h4>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-1"></div>
 +
    </div>
  
−
div.img img {
+
    <br><br><br><br>
−
     width: 100%;
+
      
−
    height: auto;
+
    <div class="row">
−
}
+
      <div class="col-md-2"></div>
 +
      <div class="col-md-3 advisorCard">
 +
        <div class="row" style="min-width:100%">
 +
          <br><br>
 +
          <img src="https://static.igem.org/mediawiki/2016/7/70/RyanSquare_rcwolf.png" width="70%" height="100%" style="display: block; margin: 0 auto;">
 +
        </div>
 +
        <div class="row">
 +
          <img src="https://static.igem.org/mediawiki/2016/9/97/T--BostonU_HW--pokeballicon_rcwolf.png" height="50" width="50" class="bioIcon">
 +
        </div>
  
−
div.desc {
+
        <div class="row miniBio">
−
    padding: 15px;
+
          <h2 style="color:#355E62;">Ryan Silva</h2>
−
    text-align: center;
+
          <h4>Electrical Engineering</h4>
−
}#
+
          <h4>Team Instructor</h4>
−
.col-sm-4 {
+
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">rjsilva@bu.edu</h4>
−
    min-width: 33.33333333%;
+
        </div>
−
}
+
      </div>
 +
      <div class="col-md-2"></div>
 +
      <div class="col-md-3 advisorCard">
 +
        <div class="row">
 +
          <br><br>
 +
          <img src="https://static.igem.org/mediawiki/2016/c/c4/KrishnaSquare_rcwolf.png" width="70%" height="100%" style="display: block; margin: 0 auto;">
 +
        </div>
 +
        <div class="row">
 +
          <img src="https://static.igem.org/mediawiki/2016/f/fe/T--BostonU_HW--DiamondChamberIcon_rcwolf.png" height="50" width="70" class="bioIcon">
 +
        </div>
 +
        <div class="row miniBio">
 +
          <h2 style="color:#355E62;">Radhakrishna Sanka</h2>
 +
          <h4>Electrical & Computer Engineering</h4>
 +
          <h4>Team Instructor</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">sanka@bu.edu</h4>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-2"></div>
 +
    </div>
  
 +
    <br><br><br><br>
 +
   
 +
    <div class="row">
 +
      <div class="col-md-2"></div>
 +
      <div class="col-md-3 advisorCard">
 +
        <div class="row">
 +
          <br><br>
 +
          <img src="https://static.igem.org/mediawiki/2016/b/b1/JoshSquare_rcwolf.png" width="70%" height="100%" style="display: block; margin: 0 auto;">
 +
        </div>
  
−
.header{
+
        <div class="row">
−
position: relative;
+
          <img src="https://static.igem.org/mediawiki/2016/2/24/T--BostonU_HW--CircleValveIcon_rcwolf.png" height="50" width="50" class="bioIcon">
−
background: url("https://static.igem.org/mediawiki/2016/b/b7/T--BostonU_HW--MFBackground_rcwolf.png");
+
        </div>
−
background-size: 100% 100%;
+
−
height: 150px;
+
−
width: 100%;
+
−
}
+
  
 +
        <div class="row miniBio">
 +
          <h2 style="color:#355E62;">Joshua Lippai</h2>
 +
          <h4>Electrical & Computer Engineering</h4>
 +
          <h4>Team Instructor</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">jlippai@bu.edu</h4>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-2"></div>
 +
      <div class="col-md-3 advisorCard">
 +
        <div class="row">
 +
          <br><br>
 +
          <img src="https://static.igem.org/mediawiki/2016/9/90/AliSquare_rcwolf.png" width="70%" height="100%" style="display: block; margin: 0 auto;">
 +
        </div>
 +
        <div class="row">
 +
          <img src="https://static.igem.org/mediawiki/2016/8/83/T--BostonU_HW--PolygonIcon_rcwolf.png" height="50" width="50" class="bioIcon">
 +
        </div>
  
−
</style>
+
        <div class="row miniBio">
 +
          <h2 style="color:#355E62;">Ali Lashkaripour</h2>
 +
          <h4>Biomedical Engineering</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">lashkari@bu.edu</h4>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-2"></div>
 +
    </div>
  
−
<br> <br>
+
    <br><br><br><br>
 +
   
 +
    <div class="row">
 +
      <div class="col-md-2"></div>
 +
      <div class="col-md-3 advisorCard">
 +
        <div class="row">
 +
          <br><br>
 +
          <img src="https://static.igem.org/mediawiki/2016/0/0e/LuisSquare_rcwolf.png" width="70%" height="100%" style="display: block; margin: 0 auto;">
 +
        </div>
  
−
<div align="center" class="row text-center">
+
        <div class="row">
−
                <div align="center" class="col-lg-10 col-lg-offset-1">
+
          <img src="https://static.igem.org/mediawiki/2016/d/db/T--BostonU_HW--TriangleIcon_rcwolf.png" height="45" width="55" class="bioIcon">
−
                    <h2>Our Advisor  </h2>
+
        </div>
−
<h4> Douglas Densmore: dougd@bu.edu </h4>
+
 
−
                        <br>
+
 
−
                        <img src="https://static.igem.org/mediawiki/2016/c/cb/DougSquare_rcwolf.png" width="200" height="200" class="img-responsive img-circle" alt="">
+
        <div class="row miniBio">
−
                      <br>
+
          <h2 style="color:#355E62;">Luis Ortiz</h2>
 +
          <h4>Molecular Biology, Cell Biology & Biochemistry (MCBB)</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">lortiz15@bu.edu</h4>
 +
        </div>
 
       </div>
 
       </div>
−
</div>
+
      <div class="col-md-2"></div>
 +
      <div class="col-md-3 advisorCard">
 +
        <div class="row">
 +
          <br><br>
 +
          <img src="https://static.igem.org/mediawiki/2016/e/eb/T--BostonU_HW--MaryHeadShot_rcwolf.png" width="70%" height="100%" style="display: block; margin: 0 auto;">
  
  
−
  <div align="center" class="row text-center">
 
−
                <div align="center" class="col-lg-10 col-lg-offset-1">
 
  
−
                    <h2>Our Mentors </h2>
+
        </div>
−
<br>
+
  
−
                <div class="col-sm-4">
 
−
                    <div class="team-member">
 
−
                        <img src="https://static.igem.org/mediawiki/2016/7/70/RyanSquare_rcwolf.png" width="200" height="200" class="img-responsive img-circle" alt="">
 
−
                      <br>
 
−
                        <p style="font-size: 20px;">Ryan Silva</p>
 
−
                        <p class="text-muted">Electrical Engineering</p>
 
−
<p class="text-muted">rjsilva@bu.edu</p>
 
−
         
 
−
                    </div>
 
−
                </div>
 
−
                <div class="col-sm-4">
 
−
                    <div class="team-member">
 
−
                        <img src="https://static.igem.org/mediawiki/2016/c/c4/KrishnaSquare_rcwolf.png" width="200" height="200" class="img-responsive img-circle" alt="">
 
−
                      <br>
 
−
                        <p style="font-size: 20px;">Radhakrishna Sanka</p>
 
−
                        <p class="text-muted"> Electrical and Computer Engineering </p>
 
−
<p class="text-muted">  sanka@bu.edu </p>
 
−
           
 
−
                    </div>
 
−
                </div>
 
−
<div class="col-sm-4">
 
−
                    <div class="team-member">
 
−
                        <img src="https://static.igem.org/mediawiki/2016/b/b1/JoshSquare_rcwolf.png" width="200" height="200" class="img-responsive img-circle" alt="">
 
−
                      <br>
 
−
                        <p style="font-size: 20px;">Joshua Lippai</p>
 
−
                        <p class="text-muted">Electrical and Computer Engineering</p>
 
−
        <p class="text-muted"> jlippai@bu.edu</p>
 
−
                   
 
−
                    </div>
 
−
                </div>
 
−
<br>
 
−
<br>
 
  
 +
        <div class="row">
 +
          <img src="https://static.igem.org/mediawiki/2016/f/f1/T--BostonU_HW--SyringeMeasureIcon_rcwolf.png" height="40" width="90" class="bioIcon">
 +
        </div>
  
−
<div class="col-sm-4">
 
−
                    <div class="team-member">
 
−
                        <img src="https://static.igem.org/mediawiki/2016/9/90/AliSquare_rcwolf.png"  height="200" class="img-responsive img-circle" alt="">
 
−
                      <br>
 
−
                        <p style="font-size: 20px;">Ali Lashkaripour</p>
 
−
                        <p class="text-muted">Biomedical Engineering</p>
 
−
<p class="text-muted"> lashkari@bu.edu</p>
 
−
               
 
−
                    </div>
 
−
                </div>
 
−
<div class="col-sm-4">
 
−
                    <div class="team-member">
 
−
                        <img src="https://static.igem.org/mediawiki/2016/0/0e/LuisSquare_rcwolf.png" width="200" height="200" class="img-responsive img-circle" alt="">
 
−
                      <br>
 
−
                        <p style="font-size: 20px;">Luis Ortiz</p>
 
−
                        <p class="text-muted">Molecular Biology, Cell Biology & Biochemistry (MCBB)</p>
 
−
<p class="text-muted"> lortiz15@bu.edu</p>
 
−
                       
 
−
                    </div>
 
−
                </div>
 
−
<div class="col-sm-4">
 
−
                    <div class="team-member">
 
−
                        <img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAWpAAAAJDczZmE5OTNlLWQwNTctNDNiNy05ZmZmLTkyMDlmNzdiNTgxYw.jpg" width="200" height="300" class="img-responsive img-circle" alt="">
 
−
                      <br>
 
−
                        <p style="font-size: 20px;">Marilene Pavan</p>
 
−
                        <p class="text-muted">Molecular and Synthetic Biologyy</p>
 
−
                        <p class="text-muted">mapavan@bu.edu</p>
 
−
                    </div>
 
−
                </div>
 
  
−
<br>
+
        <div class="row miniBio">
−
<br>
+
          <h2 style="color:#355E62;">Marilene Pavan</h2>
 +
          <h4>Molecular and Synthetic Biology</h4>
 +
          <h4><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">mapavan@bu.edu</h4>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-2"></div>
 +
    </div>
  
  
−
<div class="col-sm-4">
 
−
                    <div class="team-member">
 
−
                        <img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/p/8/005/053/3d8/311cead.jpg" width="200" height="300" class="img-responsive img-circle" alt="">
 
−
                      <br>
 
−
                        <p style="font-size: 20px;">Divya Israni</p>
 
−
                        <p class="text-muted">Biomedical Engineering with B.S. Bioengineering</p>
 
−
<p class="text-muted"> disrani@bu.edu</p>
 
−
                       
 
−
                    </div>
 
−
         
 
−
</div>
 
−
</div>
 
−
</div>
 
  
  
−
<br>
+
  </div>
−
<br>
+
  
 
</body>
 
</body>
  
 
</html>
 
</html>
−
 
−
{{BUHW2016Footer}}
 

Latest revision as of 03:10, 20 October 2016


MEET THE TEAM







Shane McCormack

Computer & Biomedical Engineering

Senior

aonanam@bu.edu



Becca Wolf

Computer Engineering

Senior

rcwolf@bu.edu







Priya Kapadia

Computer Engineering

Junior

priyak@bu.edu



Zach Lasiuk

Electrical Engineering

Senior

lasiukza@bu.edu







Kestas Subacius

Computer & Biomedical Engineering

Junior

kestas@bu.edu



Johan Ospina

Computer Engineering

Senior

johanos@bu.edu







TEAM

MENTORS

Thank you for all of your help and support!

Douglas Densmore

Boston University

Department of Electrical & Computer Engineering

Primary PI







Ryan Silva

Electrical Engineering

Team Instructor

rjsilva@bu.edu



Radhakrishna Sanka

Electrical & Computer Engineering

Team Instructor

sanka@bu.edu







Joshua Lippai

Electrical & Computer Engineering

Team Instructor

jlippai@bu.edu



Ali Lashkaripour

Biomedical Engineering

lashkari@bu.edu







Luis Ortiz

Molecular Biology, Cell Biology & Biochemistry (MCBB)

lortiz15@bu.edu



Marilene Pavan

Molecular and Synthetic Biology

mapavan@bu.edu