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

(Created page with "{{Global_Menubar}} {{Team:BostonU_Hardware/CSS}} <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="apple-touch-icon" sizes="76x76" href="assets/im...")
 
 
(27 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 10: Line 8:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
−
<title>Material Kit by Creative Tim</title>
+
<title>Silver Medal</title>
  
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
−
<style>
+
 
−
#Title{
+
<!-- EXTRA STYLING -->
 +
<style>
 +
.Title{
 
color: red;
 
color: red;
−
}
 
−
#main_text{
 
−
margin-bottom: 10%;
 
 
}
 
}
 
#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% ;
 +
    }
 +
#Header_Pic{
 +
height: 60%;
 
}
 
}
−
#Isolation{
+
#BACKGROUND{
−
float: left;
+
width: 100%;
−
width: 30%;
+
position: absolute;
−
height: 100%;
+
−
margin: 1%;
+
−
border: 3px solid #c00000;
+
 
}
 
}
−
#Modification{
+
#MARS{
−
float: left;
+
width: 15%;
−
width: 30%;
+
position: absolute;
−
height: 100%;
+
margin-top: 8%;
−
margin: 1%;
+
margin-left: 5%;
−
border: 3px solid #c00000;
+
 
}
 
}
−
#Quantification{
+
#TITLE{
−
float: left;
+
position: absolute;
−
width: 30%;
+
width: 70%;
−
height: 100%;
+
margin-left: 22%;
−
margin: 1%;
+
margin-top: 11%;
−
border: 3px solid #c00000;
+
 
}
 
}
−
.chip_pic{
+
#MEDAL{
−
float: top;
+
position: absolute;
−
width: auto;
+
z-index: 3;
−
height: 20%;
+
height: 18.6%;
−
margin-top: 20%;
+
margin-left: 75%;
−
border: 1px solid #226226
+
 
}
 
}
−
#Lysis,#antibiotic{
+
.main{
−
max-width: 100%;
+
margin-top: 2%;
−
max-height: 100%;
+
 
}
 
}
−
#Header_Pic{
+
.text_section{
−
height: 60%;
+
 
 +
}
 +
.text{
 +
 
 
}
 
}
 
</style>
 
</style>
Line 62: Line 59:
 
</head>
 
</head>
  
−
<body class="landing-page">
+
<body>
 +
<!-- *************THIS IS WHERE PAGE STARTS************* -->
 +
<div class="landing-page">
 +
<div class="wrapper" id="page_background">
 +
<div class="header" id="Header_Pic">
 +
<img src="https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png" id="BACKGROUND"> <div class="container" margin-top:"2%;">
 +
<div class="col-md-3">
  
−
<div id="page_background">
+
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" width="100%" style="margin-top:-37%;">
−
<div class="header" style="background-image:url(chips/city.jpg)" id="Header_Pic"></div>
+
</div>
−
<div class="main main-raised" id = "main_text">
+
<div class="col-md-9" style="color:#eef1f5; font-size:120px; font-family:Arial,Gadget,sans-serif; margin-top:1%;">
−
<div class="container">
+
Silver Medal
−
    <div class="section text-center section-landing">
+
</div>
−
                <div class="row">
+
</div>
−
<!-- This is the main text -->
+
</div>
−
                    <div>
+
<div class="main main-raised">
−
                        <h2 class="title" id="Title">Summer Pathways <img src="#" class="img-rounded" alt="Logo"/> </h2>
+
<img src="https://static.igem.org/mediawiki/2017/d/d0/MARSSilver.png" id="MEDAL">
−
                        <h5 class="description" id="Description">This is what we did for our Human Practices</h5>
+
<div class="container">
−
<p id= "Paragraph"> Description and pictures of what we did</p>
+
<h1 class="text-center">Silver Medal Requirements</h1>
−
                    </div>
+
 
−
</div>
+
<div class="row">
−
          </div>
+
<h2 style="margin-bottom:0% !important;">Validated Part / Validated Contribution</h2>
 +
<div class="text_section" style="margin-top:2%;">
 +
<div class="text">
 +
The end to end hardware system that we have created is documented throughout our Wiki. Navigate through the entire system comprised of:
 +
<ol>
 +
<br>
 +
<li>
 +
<a href="https://2017.igem.org/Team:BostonU_HW/IntrouF">
 +
<button class="btn btn-round btn-danger" style="margin:0% !important;">Microfluidics 101</button>
 +
</a>
 +
</li>
 +
<br>
 +
<li>
 +
<a href="https://2017.igem.org/Team:BostonU_HW/Demonstrate">
 +
<button class="btn btn-round btn-danger" style="margin:0% !important;">MARS Repository</button>
 +
</a>
 +
</li>
 +
<br>
 +
<li>
 +
<a href="https://2017.igem.org/Team:BostonU_HW/Model">
 +
<button class="btn btn-round btn-danger" style="margin:0% !important;">Fluid Functionality</button>
 +
</a>
 +
</li>
 +
</ol>
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
 +
<div class="row">
 +
<h2 style="margin-bottom:0% !important;">Collaboration</h2>
 +
<div class="text_section" style="margin-top:2%;">
 +
<div class="text">
 +
Our team engaged in collaborations with three other iGEM Teams: the BostonU Wetlab Team, the Harvard iGEM Team and the Worcester Polytechnic Institute (WPI) Team. <br> <br> Please refer to our Collaboration wiki page for a full write up on each of these collaborations:
 +
<a href="https://2017.igem.org/Team:BostonU_HW/Collaborations">
 +
<button class="btn btn-round btn-danger" style="margin:0% !important;">Collaborations</button>
 +
</a>
 
</div>
 
</div>
−
        <div class="main main-raised" id = "main_text">
+
</div>
−
        <div class="container">
+
</div>
−
            <div class="section text-center section-landing">
+
 
−
                    <div class="row">
+
<div class="row">
−
                      <!-- This is the main text -->
+
<h2 style="margin-bottom:0% !important;">Human Practices</h2>
−
                        <div>
+
<div class="text_section" style="margin-top:2%; margin-bottom:3%;">
−
                            <h2 class="title" id="Title">Lab Visit <img src="#" class="img-rounded" alt="Fronhaufer"/> </h2>
+
<div class="text">
−
                            <h5 class="description" id="Description">This is what we did for our Human Practices</h5>
+
During our iGEM project we made sure to include and integrate human practices every step of the way. <br> <br>For a full write up of our human practices activities refer to our wiki page:
−
                            <p id= "Paragraph"> Description and pictures of what we did</p>
+
<a href="https://2017.igem.org/Team:BostonU_HW/HP/Silver">
−
                        </div>
+
<button class="btn btn-round btn-danger" style="margin:0% !important;">Human Practices</button>
−
                      </div>
+
</a>
−
              </div>
+
</div>
−
          </div>
+
</div>
−
          </div>
+
</div>
−
          <div class="main main-raised" id = "main_text">
+
 
−
          <div class="container">
+
 
−
              <div class="section text-center section-landing">
+
</div>
−
                      <div class="row">
+
</div>
−
                        <!-- This is the main text -->
+
</div>
−
                          <div>
+
 
−
                              <h2 class="title" id="Title">BosLab <img src="#" class="img-rounded" alt="BosLab"/> </h2>
+
<!-- THIS IS FOOTER -->
−
                              <h5 class="description" id="Description">This is what we did for our Human Practices</h5>
+
<div class="wrapper" style="background:#1c1f1f; margin-top:0px;margin-right:0px !important; margin-left:0px !important;" id="Footer">
−
                              <p id= "Paragraph"> Descriptions and pictures of what we did</p>
+
<div class="container" style="text-align:center !important">
−
                          </div>
+
 
−
                        </div>
+
<div class="col-md-2" style="color:white; margin-bottom:30px; margin-top:5px;">
−
                </div>
+
<h3>CONTACT US</h3>
−
            </div>
+
<div style="text-align:center;">
−
            </div>
+
<a href="mailto:igembuhw@gmail.com">
−
  </div>
+
<img src="https://static.igem.org/mediawiki/2017/7/74/MARS_WHITEEmail.png" style="height:60px; margin-top:20px;">
 +
</a>
 +
<a href="https://www.instagram.com/buigemhardware/?hl=en">
 +
<img src="https://static.igem.org/mediawiki/2017/9/93/MARS_Final_insta.png" style="height:60px; margin-top:20px;">
 +
</a>
 +
<a href="https://twitter.com/igemhwbu">
 +
<img src="https://static.igem.org/mediawiki/2017/b/b6/MARS_Twitter_White.png" style="height:60px; margin-top:20px;">
 +
</a>
 +
</div>
 +
</div>
 +
<div class="col-md-10" style="margin-bottom:30px;">
 +
<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>
 
</body>
 
</body>
  
−
</html
+
</html>
  
 
{{Team:BostonU_Hardware/Javascript}}
 
{{Team:BostonU_Hardware/Javascript}}

Latest revision as of 02:27, 31 October 2017

BostonU_HW

Silver Medal
Silver Medal

Silver Medal Requirements

Validated Part / Validated Contribution

The end to end hardware system that we have created is documented throughout our Wiki. Navigate through the entire system comprised of:



Collaboration

Our team engaged in collaborations with three other iGEM Teams: the BostonU Wetlab Team, the Harvard iGEM Team and the Worcester Polytechnic Institute (WPI) Team.

Please refer to our Collaboration wiki page for a full write up on each of these collaborations:

Human Practices

During our iGEM project we made sure to include and integrate human practices every step of the way.

For a full write up of our human practices activities refer to our wiki page: