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

Line 1: Line 1:
 +
{{Template:BUHW2016_NavBar}}
  
{{BUHW2016}}
+
 
 +
{{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: 20px;
+
     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;
+
.navbar {
    display: inline;
+
  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;
 
}
 
}
  
.mentorname {
+
/* Links inside the dropdown */
  padding-left: 15%;
+
.dropdown-content a {
 +
    color: black;
 +
    font-size: 15px;
 +
    padding: 10px 16px;
 +
    text-decoration: none;
 +
    display: block;
 
}
 
}
  
body {
+
/* Change color of dropdown links on hover */
    font: x-small sans-serif;
+
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 
 +
/* Show the dropdown menu on hover */
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 
}
 
}
  
.myheader{
+
.paddedNav{
position: relative;
+
padding-left: 23px;
height: 150px;
+
padding-right: 23px;
width: 100%;
+
padding-bottom: 5px;
background-color: black;
+
 
}
 
}
 +
 +
 +
 +
  
  
 
</style>
 
</style>
  
<body>
 
  
<div class="services bg-primary myheader">
+
</head>
<div class="row text-center">
+
          <div class="col-lg-10 col-lg-offset-1">
+
        <div class="text-vertical-center" style="color: white;">
+
            <h1>Our Team!</h1>
+
</div> </div> </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/bb/T--BostonU_HW--TeamPic_rcwolf.jpg" 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>
 
  
  
<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">
 
  
  
    <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>
 
<br> <br>
 
        <h4><b>Major:</b> Computer Engineering </h4>
 
        <h4><b>Year:</b> Senior</h4>
 
<h4><b>Email:</b> rcwolf@bu.edu</h4>
 
<br>
 
        <h3>
 
      #Ayyyyyyyyyyyyy!
 
        </h3>
 
        <!-- For texts -->
 
      </div>
 
    </div>
 
  
    <div class="item" id="priya">
+
 
      <div class="picture">
+
<body>
        <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>
+
<header id="top" class="header">
      <div class="texts">
+
 
         <h2>Priya Kapadia</h2> <br> <br>
+
<nav class="navbar navbar-default navbar-fixed-top" style="max-height: 70px !important;">
         <h4><b>Major:</b> Computer Engineering</h4>
+
  <div class="container-fluid paddedNav">
  <h4><b>Year:</b> Junior </h4>
+
    <!-- Brand and toggle get grouped for better mobile display -->
<h4><b>Email:</b> priyak@bu.edu</h4>
+
    <div class="navbar-header">
<br>
+
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
      <h3>
+
        <span class="sr-only">Toggle navigation</span>
      #I'm scared!
+
        <span class="icon-bar"></span>
        </h3>
+
         <span class="icon-bar"></span>
        <!-- For texts -->
+
         <span class="icon-bar"></span>
      </div>
+
      </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>
 
     </div>
  
     <div class="item" id="kestas">
+
    <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="picture">
+
     <div class="collapse navbar-collapse " >
        <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="">  
+
      <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>
 
             </div>
      <div class="texts">
+
        </li>
         <h2>Kestas Subacius</h2>
+
        <li class="sliding-middle-out dropdown">
      <br> <br>
+
            <a href="#" class="dropbtn">PROJECT</a>
         <h4><b>Major:</b> Computer Engineering and Biomedical Engineering</h4>
+
            <div class="dropdown-content">
                     
+
                  <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a>
<h4><b>Year:</b> Junior</h4>
+
                  <a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Project Build</a>
<h4><b>Email:</b> kestas@bu.edu</h4>
+
                  <a href="https://2016.igem.org/Team:BostonU_HW/Proof">Application</a>
<br>
+
                  <a href="https://2016.igem.org/Team:BostonU_HW/Design">Documentation</a>
                          <h3>
+
            </div>
      #Coffee coffee coffee!
+
         </li>
        </h3>
+
        <li class="sliding-middle-out dropdown">
     <!-- For texts -->
+
            <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>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Engagement">Engagement</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/Hardware">Hardware</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Measurement">Measurement</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Model">Model</a>
 +
            </div>
 +
        </li>
 +
      </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
</body>
 +
 
 +
 
 +
 
 +
<html>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<html>
 +
 
 +
<style>
 +
 
 +
  html {
 +
    background-color: #D2D2D2;
 +
  }
 +
  body {
 +
    background-color: #D2D2D2;
 +
  }
 +
 +
#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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
     <br><br><br><br>
 +
   
 +
    <div class="row">
 +
      <div class="col-md-2"></div>
 +
 
 +
      <div class="col-md-3 advisorCard">
 +
        <div class="row">
 +
          <img src="https://static.igem.org/mediawiki/2016/1/1f/T--BostonU_HW--shaneProfile_rcwolf.jpg" width="100%" height="100%">
 +
        </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="johan">
+
 
      <div class="picture">
+
 
        <img src="https://static.igem.org/mediawiki/2016/2/2b/T--BostonU_HW--JohanProfile.png" height="500" alt="image not found" <="" img="">  
+
 
            </div>
+
     
      <div class="texts">
+
      <div class="col-md-2"></div>
        <h2>Johan Ospina</h2> <br> <br>
+
 
        <h4><b>Major:</b> Computer Engineering</h4>
+
      <div class="col-md-3 advisorCard">
  <h4><b>Year:</b> Senior </h4>
+
        <div class="row">
<h4><b>Email:</b> johanos@bu.edu</h4>
+
          <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BostonU_HW--beccaProfile_rcwolf.jpg" width="100%" height="100%">
<br>
+
        </div>
      <h3>
+
        <div class="row">
      #consider
+
          <img src="https://static.igem.org/mediawiki/2016/9/9e/T--BostonU_HW--GroverValveIcon_rcwolf.png" height="50" width="50" class="bioIcon">
         </h3>
+
        </div>
        <!-- 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>
+
          <img src="https://static.igem.org/mediawiki/2016/d/d2/T--BostonU_HW--priyaProfile_rcwolf.jpg" width="100%" height="100%">
                                <p>
+
        </div>
                                <h4><b>Major:</b> Computer Engineering and Biomedical Engineering</h4>
+
        <div class="row">
                       
+
          <img src="https://static.igem.org/mediawiki/2016/6/62/T--BostonU_HW--SerpMixerIcon_rcwolf.png" height="40" width="90" class="bioIcon">
<h4><b>Year:</b> Senior </h4>  
+
        </div>
<h4><b>Email:</b> aonanam@bu.edu</h4>
+
 
<br>                 
+
        <div class="row miniBio">
          <h3>
+
          <h2 style="color:#355E62;">Priya Kapadia</h2>
      #Shane fix!
+
          <h4>Computer Engineering</h4>
         </h3>
+
          <h4>Junior</h4>
        <!-- For texts -->
+
          <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="">  
+
          <img src="https://static.igem.org/mediawiki/2016/6/6e/T--BostonU_HW--zachProfile_rcwolf.jpg" width="100%" height="100%">
            </div>
+
        </div>
      <div class="texts">
+
        <div class="row">
        <h2>Zach Lasiuk</h2>
+
          <img src="https://static.igem.org/mediawiki/2016/f/fe/T--BostonU_HW--DiamondChamberIcon_rcwolf.png" height="50" width="70" class="bioIcon">
  <br> <br>
+
        </div>
        <h4><b>Major:</b> Electrical Engineering</h4>
+
        <div class="row miniBio">
               
+
          <h2 style="color:#355E62;">Zach Lasiuk</h2>
    <h4><b>Year:</b> Senior </h4>
+
          <h4>Electrical Engineering</h4>
<h4><b>Email:</b> lasiukza@bu.edu </h4>
+
          <h4>Senior</h4>
<br>
+
          <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>
                        <h3>
+
         </div>
      #Zach attack!
+
         </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>
+
          <img src="https://scontent.xx.fbcdn.net/v/t1.0-9/11255801_1080925508590405_3864845259714906495_n.jpg?oh=497ded542c7219487441e26a0be5e7cd&oe=5856FD99" width="100%" height="100%">
  <br> <br>
+
        </div>
        <h4><b>Major:</b> Computer Engineering</h4>
+
        <div class="row">
               
+
          <img src="https://static.igem.org/mediawiki/2016/9/92/T--BostonU_HW--ringIcon_rcwolf.png" height="50" width="50" class="bioIcon">
    <h4><b>Year:</b> Senior </h4>
+
        </div>
<h4><b>Email:</b> johanos@bu.edu </h4>
+
 
<br>
+
        <div class="row miniBio">
                        <h3>
+
          <h2 style="color:#355E62;">Kestas Subacius</h2>
      #Beb
+
          <h4>Computer & Biomedical Engineering</h4>
        </h3>
+
          <h4>Junior</h4>
    <!-- For texts -->
+
          <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">
 +
          <img src="https://scontent-yyz1-1.xx.fbcdn.net/v/t1.0-9/12642707_10156448122235716_5869419313903262477_n.jpg?oh=c2447f7078a634247010f87f4c38795d&oe=581D5D73" width="100%" height="100%">
 +
        </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>
 +
</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">
 +
          <img src="https://static.igem.org/mediawiki/2016/7/70/RyanSquare_rcwolf.png" width="100%" height="100%">
 +
        </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><img src="https://static.igem.org/mediawiki/2016/e/ea/T--BostonU_HW--blackOutlineMail_rcwolf.png" style="padding-right: 8px">rjsilva@bu.edu</h4>
.col-sm-4 {
+
        </div>
    min-width: 33.33333333%;
+
</div>
}
+
<div class="col-md-2"></div>
 +
<div class="col-md-3 advisorCard">
 +
        <div class="row">
 +
          <img src="https://static.igem.org/mediawiki/2016/c/c4/KrishnaSquare_rcwolf.png" width="100%" height="100%">
 +
        </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><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">
 +
          <img src="https://static.igem.org/mediawiki/2016/b/b1/JoshSquare_rcwolf.png" width="100%" height="100%">
 +
        </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><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">
 +
          <img src="https://static.igem.org/mediawiki/2016/9/90/AliSquare_rcwolf.png" width="100%" height="100%">
 +
        </div>
  
</style>
 
  
<br> <br>
+
        <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>
  
<div align="center" class="row text-center">
+
        <div class="row miniBio">
                <div align="center" class="col-lg-10 col-lg-offset-1">
+
          <h2 style="color:#355E62;">Ali Lashkaripour</h2>
                    <h2>Our Advisor  </h2>
+
          <h4>Biomedical Engineering</h4>
<h4> Douglas Densmore: dougd@bu.edu </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>
                        <br>
+
        </div>
                        <img src="https://static.igem.org/mediawiki/2016/c/cb/DougSquare_rcwolf.png" width="200" height="200" class="img-responsive img-circle" alt="">
+
                      <br>
+
 
       </div>
 
       </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">
 +
          <img src="https://static.igem.org/mediawiki/2016/0/0e/LuisSquare_rcwolf.png" width="100%" height="100%">
 +
        </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">
 +
        </div>
  
                    <h2>Our Mentors </h2>
 
<br>
 
  
                <div class="col-sm-4">
+
        <div class="row miniBio">
                    <div class="team-member">
+
          <h2 style="color:#355E62;">Luis Ortiz</h2>
                        <img src="https://static.igem.org/mediawiki/2016/7/70/RyanSquare_rcwolf.png" width="200" height="200" class="img-responsive img-circle" alt="">
+
          <h4>Molecular Biology, Cell Biology & Biochemistry (MCBB)</h4>
                      <br>
+
          <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>
                        <p style="font-size: 20px;" class="mentorname">Ryan Silva</p>
+
        </div>
                        <p class="text-muted">Electrical Engineering</p>
+
      </div>
<p class="text-muted">rjsilva@bu.edu</p>
+
      <div class="col-md-2"></div>
         
+
      <div class="col-md-3 advisorCard">
                    </div>
+
        <div class="row">
                </div>
+
          <img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAWpAAAAJDczZmE5OTNlLWQwNTctNDNiNy05ZmZmLTkyMDlmNzdiNTgxYw.jpg" width="100%" height="100%">
                <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;" class="mentorname">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;" class="mentorname">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="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;" class="mentorname">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;" class="mentorname">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;" class="mentorname">Marilene Pavan</p>
 
                        <p class="text-muted">Molecular and Synthetic Biologyy</p>
 
                        <p class="text-muted">mapavan@bu.edu</p>
 
                    </div>
 
                </div>
 
  
<br>
+
          <!-- MARY NEEDS AN UPLOADED PICTURE -->
<br>
+
  
  
<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;" class="mentorname">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>
 
  
 +
        </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="row miniBio">
 +
          <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>
  
 
</body>
 
</body>
  
 
</html>
 
</html>
 
{{BUHW2016Footer}}
 

Revision as of 02:13, 13 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





Ryan Silva

Electrical Engineering

rjsilva@bu.edu

Radhakrishna Sanka

Electrical & Computer Engineering

sanka@bu.edu





Joshua Lippai

Electrical & Computer Engineering

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