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

 
(234 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Global_Menubar}}
 
{{Global_Menubar}}
 
{{Team:BostonU_Hardware/CSS}}
 
{{Team:BostonU_Hardware/CSS}}
−
<!doctype html>
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 15: Line 14:
 
<!-- EXTRA STYLING -->
 
<!-- EXTRA STYLING -->
 
<style>
 
<style>
−
#Title{
+
.Title{
 
color: red;
 
color: red;
 
}
 
}
 
#page_background{
 
#page_background{
−
background-image: <!-- insert image here -->;
+
background-image: url("https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png");
−
}
+
background-size:100%;
−
#Profile_Pic{
+
−
width: 100%;
+
−
border-radius: 30%;
+
−
}
+
−
#Mentor_Pic{
+
−
float: left;
+
−
width: 30%;
+
−
height: 100%;
+
−
margin: 1.5%;
+
−
margin-top: 5%;
+
 
}
 
}
 
#Profile_Text{
 
#Profile_Text{
Line 38: Line 27:
 
height: 60%;
 
height: 60%;
 
}
 
}
−
#Member_Pic{
+
.Member_Pic{
 +
width: 80%;
 +
margin-left: 10%;
 +
}
 +
#BACKGROUND{
 +
width: 100%;
 +
position: absolute;
 +
}
 +
#MARS{
 +
/*width: 15%;*/
 +
/*width: 250px;*/
 +
/*position: absolute;*/
 +
/*margin-top: 102px;
 +
margin-left: 64px;*/
 +
}
 +
#TITLE{
 +
position: absolute;
 +
height: 100px;
 +
/*width: 70%;*/
 +
/*margin-left: 282px;
 +
margin-top: 141px;*/
 +
}
 +
.main{
 +
margin-top: 2%;
 +
}
 +
.Member_Pic{
 
float: left;
 
float: left;
 
border-radius: 30%;
 
border-radius: 30%;
 
margin-top: 5%;
 
margin-top: 5%;
 +
margin-bottom: 5%;
 +
}
 +
.text{
 +
 +
}
 +
#Doug_Pic{
 +
 
}
 
}
−
#Member_Text{
+
#Doug_Text{
 
text-align: center;
 
text-align: center;
 +
vertical-align: middle;
 
margin-top: 10%;
 
margin-top: 10%;
−
}
 
−
div.name{
 
−
margin-top:10%;
 
 
}
 
}
 
</style>
 
</style>
Line 61: Line 80:
  
 
<div class="wrapper" id="page_background">
 
<div class="wrapper" id="page_background">
−
<div class="header" style="background-image:url(chips/city.jpg)" id="Header_Pic"></div>
+
<div class="header" id="Header_Pic">
−
<div class="main main-raised">
+
<img src="https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png" id="BACKGROUND">
−
<div class="profile-content">
+
<div class="container" margin-top:"2%;">
−
<div class="container">
+
<div class="col-md-3">
−
<div class="row">
+
 
−
<div class="col-md-6">
+
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" width="100%" style="margin-top:-37%;">
−
<div class="avatar">
+
</div>
−
<center><img src="https://static.igem.org/mediawiki/2017/8/85/Dylan_Headshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Member_Pic"/></center>
+
<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 class="main main-raised" style="margin-top:2%;">
 +
<div class="profile-content container">
 +
<h1> Team Members </h1>
 +
<div class="col-md-4">
 +
<div class="avatar row">
 +
<center><img src="https://static.igem.org/mediawiki/2017/thumb/c/c4/Dylan.jpeg/675px-Dylan.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 
</div>
 
</div>
−
<div class="name">
+
<h3 class="text-center">Dylan Samperi</h3>
−
<h3 class="title text-center">Dylan Samperi</h3>
+
                                                                                                                      <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
−
<h6 class="text-center">Biomedical &#38 Computer Engineering</h6>
+
                    <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
 +
                                                                                                                        <br> Boston University 2019</h6>
 +
<div class="text-center">
 +
Favorite iGEM Experience: <br> Getting free food in CILSE
 +
 
 +
</div>
 +
</div>
 +
<div class="col-md-4">
 +
<div class="avatar row">
 +
<center><img src="https://static.igem.org/mediawiki/2017/thumb/d/db/Sarah.jpeg/675px-Sarah.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 +
</div>
 +
<h3 class="title text-center">Sarah Nemsick</h3>
 +
                                                                                                                                <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
 +
                                                                                                                                <br> Boston University 2020</h6>
 +
<div class="text-center">
 +
Favorite iGEM Experience: <br>Photoshopping the mentors as a boyband
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="col-md-4">
−
<div class="col-md-6" id="Member_Text">
+
<div class="avatar row">
−
<p>Description of Member<p>
+
<center><img src="https://static.igem.org/mediawiki/2017/thumb/0/08/Dinithi.jpeg/675px-Dinithi.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
−
</div>
+
</div>
−
</div>
+
<h3 class="title text-center">Dinithi Samarasekera</h3>
−
<div class="row">
+
                                                                                                                                <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
−
<div class="col-md-6">
+
                    <a href="mailto:dinithi@bu.edu">
−
<div class="avatar">
+
                        <button class="btn btn-round btn-default">dinithi@bu.edu<i class="material-icons">email</i></button>
−
<center><img src="https://static.igem.org/mediawiki/2017/c/c4/Sarah_Headshot.jpg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Member_Pic"/></center>
+
                    </a></h4>
 +
<h6 class="text-center">Biomedical Engineering
 +
                                                                                                                                <br>Boston University 2020</h6>
 +
<div class="text-center">
 +
Favorite iGEM Experience: <br>Starring as a hand model in tutorial videos
 +
 
 +
</div>
 
</div>
 
</div>
−
<div class="name">
+
</div>
−
<h3 class="title text-center">Sarah Nemsick</h3>
+
<div class="profile-content container">
−
<h6 class="text-center">Biomedical Engineering</h6>
+
<h1> Team Mentors & Advisors </h1>
−
</div>
+
<div class="col-md-2" style="margin-right:30px; padding:0px; text-align:center; margin-left:30px;">
−
</div>
+
<div class="avatar row">
−
<div class="col-md-6" id="Member_Text">
+
<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>
−
<p>Description of Member<p>
+
</div>
−
</div>
+
<h3 class="title text-center">Ali <br>Lashkaripour</h3>
 +
                    <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>
 +
 
 +
</div>
 +
<div class="col-md-2" style="margin-right:30px; padding:0px; text-align:center;">
 +
<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>
 
</div>
 
</div>
−
<div class="row">
+
<h3 class="title text-center">Radhakrishna Sanka</h3>
−
<div class="col-md-6">
+
<h4 class="text-center">
−
<div class="avatar">
+
<div style="text-align:center; margin:auto; vertical-align:middle;" >
−
<center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Member_Pic"/></center>
+
                    <a href="mailto:sanka@bu.edu">
−
</div>
+
                        <button class="btn btn-round btn-default">sanka@bu.edu<i class="material-icons">email</i></button>
−
<div class="name">
+
</a>
−
<h3 class="title text-center">Dinithi Samarasekera</h3>
+
                    </h4>
−
<h6 class="text-center">Biomedical Engineering</h6>
+
<h6 class="text-center">Computer Engineering</h6>
−
</div>
+
 
−
</div>
+
</div>
−
<div class="col-md-6" id="Member_Text">
+
<div class="col-md-2" style="margin-right:30px; padding:0px; text-align:center;">
−
<p>Description of Member<p>
+
<div class="avatar row">
−
</div>
+
<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>
 +
    <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <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 class="col-md-2" style="margin-right:30px; padding:0px; text-align:center;">
 +
<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>
 +
</div>
 +
<h3 class="title text-center">Ryan <br>Silva</h3>
 +
                                <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>
 +
</div>
 +
<div class="col-md-2" style="padding:0px; text-align:center;">
 +
<div class="avatar row">
 +
<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>
 +
<h3 class="title text-center">Shane <br> McCormack</h3>
 +
                                                                                <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>
 +
 +
</div>
 +
 +
</div>
 +
<div class="profile-content container">
 +
<h1> Special Thanks to the following members of the Biological Design Center </h1>
 +
<div class="col-md-2 col-md-offset-3" style="margin-right:50px; padding:0px; margin-left:250px;">
 +
<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>
 +
</div>
 +
<h3 class="title text-center">Luis <br>Ortiz</h3>
 +
                                                                <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>
 +
 
</div>
 
</div>
 +
<div class="col-md-2" style="margin-right:50px; padding:0px;">
 +
<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>
 
</div>
 
</div>
 +
<h3 class="title text-center">Marilene Pavan Rodrigues</h3>
 +
                                                                                <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>
  
 
</div>
 
</div>
−
<div class="header" style="background-image:url(chips/city.jpg)" id="Header_Pic"></div>
+
<div class="col-md-2" style="margin-right:50px; padding:0px;">
−
<div class="main main-raised">
+
<div class="avatar row">
−
<div class="profile-content">
+
<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 class="container">
+
</div>
−
<div class="row">
+
<h3 class="title text-center">Manuel<br>Giménez</h3>
−
<div class="col-md-6">
+
                                                                                <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
−
<div class="avatar">
+
                    <a href="mailto:mgimenez@bu.edu">
−
<center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Member_Pic"/></center>
+
                        <button class="btn btn-round btn-default">mgimenez@bu.edu<i class="material-icons">email</i></button>
−
</div>
+
                    </a> </h4>
−
<div class="name">
+
<h6 class="text-center">Computer Science and Synthetic Biology</h6>
−
<h3 class="title text-center">Douglas Densmore</h3>
+
 
−
<h6 class="text-center">PI</h6>
+
</div>
−
</div>
+
</div>
−
</div>
+
<div class="profile-content container">
−
<div class="col-md-6" id="Member_Text">
+
<h1> Principal Investigator </h1>
−
<p>Hi I'm Prof. Densmore<p>
+
<div class="col-md-4">
−
</div>
+
<div class="avatar row">
 +
<center><img src="https://static.igem.org/mediawiki/2017/e/e6/Doug.jpg" alt="Circle Image" class="img-circle img-responsive img-raised Member_Pic"/></center>
 +
</div>
 +
<h3 class="title text-center">Doug Densmore</h3>
 +
                                                        <h4 class="text-center"> <div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
                    <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 class="col-md-8">
 +
<div class="text" id="Doug_Text">
 +
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).
 
</div>
 
</div>
−
<div class="row">
+
</div>
−
<div class="col-md-6" id="Mentor_Pic">
+
</div>
−
<div class="avatar">
+
</div>
−
<center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Profile_Pic"/></center>
+
−
</div>
+
−
<div class="name">
+
−
<h3 class="title text-center">Josh</h3>
+
−
<h6 class="text-center">Head Mentor</h6>
+
−
<p id="Profile_Text">Hi I'm Josh<p>
+
−
<br>
+
−
</br>
+
−
<p>(Email Symbol)</p>
+
−
<br>
+
−
</br>
+
−
<p>(Linkedin Symbol)</p>
+
−
</div>
+
 
</div>
 
</div>
−
<div class="col-md-6" id="Mentor_Pic">
+
<div class="wrapper" style="background:#1c1f1f; margin-top:0px;margin-right:0px !important; margin-left:0px !important;" id="Footer">
−
<div>
+
  <div class="container" style="text-align:center !important">
−
<center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Profile_Pic"/></center>
+
 
−
</div>
+
    <div class="col-md-2" style="color:white; margin-bottom:30px; margin-top:5px;">
−
<div class="name">
+
      <h3>CONTACT US</h3>
−
<h3 class="title text-center">Ali</h3>
+
    <div style="text-align:center;">
−
<h6 class="text-center">Mentor</h6>
+
      <a href="mailto:igembuhw@gmail.com">
−
<p>Hi I'm Ali</p>
+
      <img src="https://static.igem.org/mediawiki/2017/7/74/MARS_WHITEEmail.png" style="height:60px; margin-top:20px;">
−
</div>
+
      </a>
−
</div>
+
        <a href="https://www.instagram.com/buigemhardware/?hl=en">
−
<div class="col-md-6" id="Mentor_Pic">
+
        <img src="https://static.igem.org/mediawiki/2017/9/93/MARS_Final_insta.png" style="height:60px; margin-top:20px;">
−
<div>
+
      </a>
−
<center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Profile_Pic"/></center>
+
          <a href="https://twitter.com/igemhwbu">
−
</div>
+
          <img src="https://static.igem.org/mediawiki/2017/b/b6/MARS_Twitter_White.png" style="height:60px; margin-top:20px;">
−
<div class="name">
+
          </a>
−
<h3 class="title text-center">Krishna</h3>
+
      </div>
−
<h6 class="text-center">Mentor</h6>
+
      </div>
−
<p>Hi I'm Krishna</p>
+
      <div class="col-md-10" style="margin-bottom:30px;">
−
</div>
+
        <img src="https://static.igem.org/mediawiki/2017/0/0e/MARS_SponsorsFinal.png" style="width:100%; margin-top:30px;" usemap="#image-map">
 +
    </div>
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
</div>
 
  
−
</div>
 
 
</div>
 
</div>
 
</div>
 
</div>
−
 
  
 
</body>
 
</body>

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).