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

 
(46 intermediate revisions by 3 users not shown)
Line 18: Line 18:
 
}
 
}
 
#page_background{
 
#page_background{
background-image: url("https://static.igem.org/mediawiki/2017/0/04/MARS_General_Background.png");
+
background-image: url("https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png");
 +
background-size:100%;
 
}
 
}
 
#Profile_Text{
 
#Profile_Text{
Line 35: Line 36:
 
}
 
}
 
#MARS{
 
#MARS{
width: 15%;
+
/*width: 15%;*/
position: absolute;
+
/*width: 250px;*/
margin-top: 8%;
+
/*position: absolute;*/
margin-left: 5%;
+
/*margin-top: 102px;
 +
margin-left: 64px;*/
 
}
 
}
 
#TITLE{
 
#TITLE{
 
position: absolute;
 
position: absolute;
width: 70%;
+
height: 100px;
margin-left: 22%;
+
/*width: 70%;*/
margin-top: 11%;
+
/*margin-left: 282px;
 +
margin-top: 141px;*/
 
}
 
}
 
.main{
 
.main{
Line 78: Line 81:
 
<div class="wrapper" id="page_background">
 
<div class="wrapper" id="page_background">
 
<div class="header" id="Header_Pic">
 
<div class="header" id="Header_Pic">
<img src="https://static.igem.org/mediawiki/2017/1/13/MARS_Header_Background.png" id="BACKGROUND">
+
<img src="https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png" id="BACKGROUND">
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" id="MARS">
+
<div class="container" margin-top:"2%;">
<img src="https://static.igem.org/mediawiki/2017/9/94/MARS_Team.png" id="TITLE">
+
<div class="col-md-3">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" width="100%" style="margin-top:-37%;">
 +
</div>
 +
<div class="col-md-9" style="color:#eef1f5; font-size:100px; font-family:Arial,Gadget,sans-serif; margin-top:1%;">
 +
Meet the Team
 +
</div>
 +
</div>
 
</div>
 
</div>
<div class="main main-raised">
+
<div class="main main-raised" style="margin-top:2%;">
 
<div class="profile-content container">
 
<div class="profile-content container">
 
<h1> Team Members </h1>
 
<h1> Team Members </h1>
Line 90: Line 100:
 
</div>
 
</div>
 
<h3 class="text-center">Dylan Samperi</h3>
 
<h3 class="text-center">Dylan Samperi</h3>
                                                                                                                       <h4 class="text-center"> <a href="mailto:samperid@bu.edu">samperid@bu.edu</a></h4>
+
                                                                                                                       <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:samperid@bu.edu">
 +
                        <button class="btn btn-round btn-default">samperid@bu.edu<i class="material-icons">email</i></button>
 +
                    </a>
 +
                </div></h4>
 
<h6 class="text-center">Biomedical and Computer Engineering
 
<h6 class="text-center">Biomedical and Computer Engineering
 
                                                                                                                         <br> Boston University 2019</h6>
 
                                                                                                                         <br> Boston University 2019</h6>
<div class="text">
+
<div class="text-center">
Favorite iGEM Experiences:
+
Favorite iGEM Experience: <br> Getting free food in CILSE
  
 
</div>
 
</div>
Line 103: Line 117:
 
</div>
 
</div>
 
<h3 class="title text-center">Sarah Nemsick</h3>
 
<h3 class="title text-center">Sarah Nemsick</h3>
                                                                                                                                 <h4 class="text-center"> <a href="mailto:sarahnem@bu.edu">sarahnem@bu.edu</a></h4>
+
                                                                                                                                 <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:sarahnem@bu.edu">
 +
                        <button class="btn btn-round btn-default">sarahnem@bu.edu<i class="material-icons">email</i></button>
 +
                    </a></h4>
 
<h6 class="text-center">Biomedical Engineering
 
<h6 class="text-center">Biomedical Engineering
 
                                                                                                                                 <br> Boston University 2020</h6>
 
                                                                                                                                 <br> Boston University 2020</h6>
<div class="text">
+
<div class="text-center">
Favorite iGEM Experience: Photoshopping the mentors as a boyband
+
Favorite iGEM Experience: <br>Photoshopping the mentors as a boyband
 
</div>
 
</div>
 
</div>
 
</div>
Line 115: Line 132:
 
</div>
 
</div>
 
<h3 class="title text-center">Dinithi Samarasekera</h3>
 
<h3 class="title text-center">Dinithi Samarasekera</h3>
                                                                                                                                 <h4 class="text-center"> <a href="mailto:dinithi@bu.edu">dinithi@bu.edu</a></h4>
+
                                                                                                                                 <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:dinithi@bu.edu">
 +
                        <button class="btn btn-round btn-default">dinithi@bu.edu<i class="material-icons">email</i></button>
 +
                    </a></h4>
 
<h6 class="text-center">Biomedical Engineering
 
<h6 class="text-center">Biomedical Engineering
 
                                                                                                                                 <br>Boston University 2020</h6>
 
                                                                                                                                 <br>Boston University 2020</h6>
<div class="text">
+
<div class="text-center">
Favorite iGEM Experiences: Starring as a hand model in tutorial videos and transferring synbio protocols onto microfluidic devices
+
Favorite iGEM Experience: <br>Starring as a hand model in tutorial videos
  
 
</div>
 
</div>
Line 126: Line 146:
 
<div class="profile-content container">
 
<div class="profile-content container">
 
<h1> Team Mentors & Advisors </h1>
 
<h1> Team Mentors & Advisors </h1>
<div class="col-md-2 col-md-offset-1">
+
<div class="col-md-2" style="margin-right:30px; padding:0px; text-align:center; margin-left:30px;">
 
<div class="avatar row">
 
<div class="avatar row">
 
<center><img src="https://static.igem.org/mediawiki/2017/d/da/Ali.jpg" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/d/da/Ali.jpg" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
<h3 class="title text-center">Ali Lashkaripour</h3>
+
<h3 class="title text-center">Ali <br>Lashkaripour</h3>
                                                                <h4 class="text-center"> <a href="mailto:lashkari@bu.edu">lashkari@bu.edu</a></h4>
+
                    <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:lashkari@bu.edu">
 +
                        <button class="btn btn-round btn-default">lashkari@bu.edu<i class="material-icons">email</i></button>
 +
</a>
 +
                    </h4>
 
<h6 class="text-center">Biomedical Engineering</h6>
 
<h6 class="text-center">Biomedical Engineering</h6>
  
 
</div>
 
</div>
<div class="col-md-2">
+
<div class="col-md-2" style="margin-right:30px; padding:0px; text-align:center;">
 
<div class="avatar row">
 
<div class="avatar row">
 
<center><img src="https://static.igem.org/mediawiki/2017/3/32/Krishna.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/3/32/Krishna.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
 
<h3 class="title text-center">Radhakrishna Sanka</h3>
 
<h3 class="title text-center">Radhakrishna Sanka</h3>
                                                                                <h4 class="text-center"> <a href="mailto:sanka@bu.edu">sanka@bu.edu</a></h4>
+
<h4 class="text-center">
<h6 class="text-center">Electrical Engineering</h6>
+
<div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:sanka@bu.edu">
 +
                        <button class="btn btn-round btn-default">sanka@bu.edu<i class="material-icons">email</i></button>
 +
</a>
 +
                    </h4>
 +
<h6 class="text-center">Computer Engineering</h6>
  
 
</div>
 
</div>
<div class="col-md-2">
+
<div class="col-md-2" style="margin-right:30px; padding:0px; text-align:center;">
 
<div class="avatar row">
 
<div class="avatar row">
 
<center><img src="https://static.igem.org/mediawiki/2017/5/54/Josh.jpg" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/5/54/Josh.jpg" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
 
<h3 class="title text-center">Joshua <br>Lippai</h3>
 
<h3 class="title text-center">Joshua <br>Lippai</h3>
                                                                              <h4 class="text-center"> <a href="mailto:jlippai@bu.edu ">jlippai@bu.edu </a></h4>
+
    <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
<h6 class="text-center">Electrical Engineering</h6>
+
                    <a href="mailto:jlippai@bu.edu">
 +
                        <button class="btn btn-round btn-default">jlippai@bu.edu <i class="material-icons">email</i></button>
 +
                    </a> </h4>
 +
<h6 class="text-center">Computer Engineering</h6>
  
  
 
</div>
 
</div>
<div class="col-md-2">
+
<div class="col-md-2" style="margin-right:30px; padding:0px; text-align:center;">
 
<div class="avatar row">
 
<div class="avatar row">
 
<center><img src="https://static.igem.org/mediawiki/2017/8/88/Ryan.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/8/88/Ryan.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
 
<h3 class="title text-center">Ryan <br>Silva</h3>
 
<h3 class="title text-center">Ryan <br>Silva</h3>
                                <h4 class="text-center"> <a href="mailto:rjsilva@bu.edu">rjsilva@bu.edu</a></h4>
+
                                <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:rjsilva@bu.edu">
 +
                        <button class="btn btn-round btn-default">rjsilva@bu.edu<i class="material-icons">email</i></button>
 +
                    </a> </h4>
 
<h6 class="text-center">Electrical Engineering</h6>
 
<h6 class="text-center">Electrical Engineering</h6>
 
</div>
 
</div>
<div class="col-md-2">
+
<div class="col-md-2" style="padding:0px; text-align:center;">
 
<div class="avatar row">
 
<div class="avatar row">
<center><img src="https://static.igem.org/mediawiki/2017/archive/8/8b/20171030230151%21Shane.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
+
<center><img src="https://static.igem.org/mediawiki/2017/8/8b/Shane.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
 
<h3 class="title text-center">Shane <br> McCormack</h3>
 
<h3 class="title text-center">Shane <br> McCormack</h3>
                                                                                 <h4 class="text-center"> <a href="mailto:aonanam@bu.edu ">aonanam@bu.edu </a></h4>
+
                                                                                 <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:aonanam@bu.edu">
 +
                        <button class="btn btn-round btn-default">aonanam@bu.edu<i class="material-icons">email</i></button>
 +
                    </a></h4>
 
<h6 class="text-center">Computer <br> Engineering</h6>
 
<h6 class="text-center">Computer <br> Engineering</h6>
  
Line 175: Line 213:
 
<div class="profile-content container">
 
<div class="profile-content container">
 
<h1> Special Thanks to the following members of the Biological Design Center </h1>
 
<h1> Special Thanks to the following members of the Biological Design Center </h1>
<div class="col-md-2 col-md-offset-3">
+
<div class="col-md-2 col-md-offset-3" style="margin-right:50px; padding:0px; margin-left:250px;">
 
<div class="avatar row">
 
<div class="avatar row">
 
<center><img src="https://static.igem.org/mediawiki/2017/d/d0/Luis.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/d/d0/Luis.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
 
<h3 class="title text-center">Luis <br>Ortiz</h3>
 
<h3 class="title text-center">Luis <br>Ortiz</h3>
                                                                 <h4 class="text-center"> <a href="mailto:lortiz15@bu.edu">lortiz15@bu.edu</a></h4>
+
                                                                 <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:lortiz15@bu.edu">
 +
                        <button class="btn btn-round btn-default">lortiz15@bu.edu<i class="material-icons">email</i></button>
 +
                    </a> </h4>
 
<h6 class="text-center">Molecular Biology, Cell Biology & Biochemistry (MCBB)</h6>
 
<h6 class="text-center">Molecular Biology, Cell Biology & Biochemistry (MCBB)</h6>
  
 
</div>
 
</div>
<div class="col-md-2">
+
<div class="col-md-2" style="margin-right:50px; padding:0px;">
 
<div class="avatar row">
 
<div class="avatar row">
 
<center><img src="https://static.igem.org/mediawiki/2017/1/12/Mary_%281%29.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/1/12/Mary_%281%29.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
 
<h3 class="title text-center">Marilene Pavan Rodrigues</h3>
 
<h3 class="title text-center">Marilene Pavan Rodrigues</h3>
                                                                                 <h4 class="text-center"> <a href="mailto:mapavan@bu.edu">mapavan@bu.edu</a></h4>
+
                                                                                 <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:mapavan@bu.edu">
 +
                        <button class="btn btn-round btn-default">mapavan@bu.edu<i class="material-icons">email</i></button>
 +
                    </a>
 +
                  </h4>
 
<h6 class="text-center">Synthetic Biology and Automation</h6>
 
<h6 class="text-center">Synthetic Biology and Automation</h6>
  
 
</div>
 
</div>
<div class="col-md-2">
+
<div class="col-md-2" style="margin-right:50px; padding:0px;">
 
<div class="avatar row">
 
<div class="avatar row">
 
<center><img src="https://static.igem.org/mediawiki/2017/e/e0/Manu.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
<center><img src="https://static.igem.org/mediawiki/2017/e/e0/Manu.png" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
 
<h3 class="title text-center">Manuel<br>Giménez</h3>
 
<h3 class="title text-center">Manuel<br>Giménez</h3>
                                                                                 <h4 class="text-center"> <a href="mailto:mgimenez@bu.edu">mgimenez@bu.edu</a></h4>
+
                                                                                 <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <a href="mailto:mgimenez@bu.edu">
 +
                        <button class="btn btn-round btn-default">mgimenez@bu.edu<i class="material-icons">email</i></button>
 +
                    </a> </h4>
 
<h6 class="text-center">Computer Science and Synthetic Biology</h6>
 
<h6 class="text-center">Computer Science and Synthetic Biology</h6>
  
Line 204: Line 252:
 
</div>
 
</div>
 
<div class="profile-content container">
 
<div class="profile-content container">
<h1> Principle Investigator </h1>
+
<h1> Principal Investigator </h1>
 
<div class="col-md-4">
 
<div class="col-md-4">
 
<div class="avatar row">
 
<div class="avatar row">
Line 210: Line 258:
 
</div>
 
</div>
 
<h3 class="title text-center">Doug Densmore</h3>
 
<h3 class="title text-center">Doug Densmore</h3>
                                                         <h4 class="text-center"> <a href="mailto:dougd@bu.edu ">dougd@bu.edu </a></h4>
+
                                                         <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
<h6 class="text-center">Computer/Computer Engineering</h6>
+
                    <a href="mailto:dougd@bu.edu">
 +
                        <button class="btn btn-round btn-default">dougd@bu.edu<i class="material-icons">email</i></button>
 +
                    </a></h4>
 +
<h6 class="text-center">Electrical/Computer Engineering</h6>
 
</div>
 
</div>
 
<div class="col-md-8">
 
<div class="col-md-8">

Latest revision as of 16:10, 30 November 2017

BostonU_HW

Team
Meet the Team

Team Members

Circle Image

Dylan Samperi

Biomedical and Computer Engineering
Boston University 2019
Favorite iGEM Experience:
Getting free food in CILSE
Circle Image

Sarah Nemsick

Biomedical Engineering
Boston University 2020
Favorite iGEM Experience:
Photoshopping the mentors as a boyband
Circle Image

Dinithi Samarasekera

Biomedical Engineering
Boston University 2020
Favorite iGEM Experience:
Starring as a hand model in tutorial videos

Team Mentors & Advisors

Circle Image

Ali
Lashkaripour

Biomedical Engineering
Circle Image

Radhakrishna Sanka

Computer Engineering
Circle Image

Joshua
Lippai

Computer Engineering
Circle Image

Ryan
Silva

Electrical Engineering
Circle Image

Shane
McCormack

Computer
Engineering

Special Thanks to the following members of the Biological Design Center

Circle Image

Luis
Ortiz

Molecular Biology, Cell Biology & Biochemistry (MCBB)
Circle Image

Marilene Pavan Rodrigues

Synthetic Biology and Automation
Circle Image

Manuel
Giménez

Computer Science and Synthetic Biology

Principal Investigator

Circle Image

Doug Densmore

Electrical/Computer Engineering
Douglas Densmore is an Associate Professor in the Department of Electrical and Computer Engineering at Boston University. His research focuses on the development of tools for the specification, design, and assembly of synthetic biological systems, he aims to raise the level of abstraction in synthetic biology by leveraging his experience in Electronic Design Automation (EDA).