Difference between revisions of "Team:Northwestern/HP"

 
(170 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{ Northwestern Page Head }}  
+
{{Northwestern_Page_Head_temp}}  
−
{{ Navbar }}
+
{{Navbar_temp}}
  
 
<html>
 
<html>
 
<head>  
 
<head>  
−
<meta charset="UTF-8">
 
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
    <title>Home</title>
 
−
    <!-- Bootstrap -->
 
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Northwestern/css/bootstrap?action=raw&ctype=text/css">
 
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Northwestern/css/bootstrap-theme?action=raw&ctype=text/css">
 
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Northwestern/css/home?action=raw&ctype=text/css">
 
−
        <script type="text/javascript" src="https://2016.igem.org/Team:Northwestern/libraries/jquery?action=raw&ctype=text/javascript"></script>
 
−
        <script type="text/javascript" src="https://2016.igem.org/Team:Northwestern/libraries/bootstrap?action=raw&ctype=text/javascript"></script>
 
−
        <script type="text/javascript" src="http://use.edgefonts.net/josefin-sans:n1,n4:default;poiret-one:n4:default;raleway:n4:default.js?action=raw&ctype=text/javascript"></script>
 
−
</head>
 
 
<style>
 
<style>
−
p {padding-top: 10px; padding-right: 250px; padding-bottom: 10px; padding-left: 250px;}
+
.foo img:last-child{display:none}
−
p {font-size: 300%;}
+
.foo:hover img:first-child{display:none}
−
p{margin: 0; background-color: #f7f3ed;}
+
.foo:hover img:last-child{display:inline-block}
−
figure {margin: 0; background-color: #f7f3ed;}
+
}
−
h2{margin: 0; background-color: #f7f3ed;}
+
 
 +
/*h2 {
 +
padding: 0;
 +
font-weight: 300;*/
 +
}
 +
h2 span {
 +
margin-left: 1em;
 +
color: #aaa;
 +
font-size: 85%;
 +
}
 +
</style>
 +
 
 +
 
 +
<style>
 +
p{ background-color: #f7f3ed;}
 +
button{border: 0; background-color: #f7f3ed;}
 +
figure { background-color: #f7f3ed;}
 +
h2{ background-color: #f7f3ed;}
 
h2{background-color: #f7f3ed;}
 
h2{background-color: #f7f3ed;}
 
body{background-color: #f7f3ed;}
 
body{background-color: #f7f3ed;}
 
</style>
 
</style>
 
</head>
 
</head>
 +
  
  
 
<body>
 
<body>
−
<div>
+
<br><br><br><br>
−
<figure>  
+
<body style="height:100%;">
−
<center><img src="https://static.igem.org/mediawiki/2017/3/36/T--Northwestern--HPT.png" width="800px" border="0"></center>
+
<p style="padding-top: 5%; text-align: center;"><img style="text-align: center;" src="https://static.igem.org/mediawiki/2017/3/36/T--Northwestern--HPT.png" width="800px" border="0"></p>
−
</figure>
+
−
</div>
+
  
 
<div>
 
<div>
−
<p style = "font-size:14px"> Although synthetic biology is a field that seems like it would be confined to science, it permeates throughout various sectors of society. Early on in our project, we knew we had to get the input of experts to tailor our project. We did our best to integrate these professionals’ knowledge into our project to make it more meaningful and useful. Listed below are the summaries of the interviews we conducted and the take away in relation to our project. </p>
+
<p style="padding-top:2%; padding-right: 15%; padding-left:15%; font-size:14px;"> Synthetic biology is a field that permeates through various sectors of society. With a scientific goal in mind, it is crucial to take the time and understand how this objective can make changes socially, politically, economically and of course scientifically. It is also important to assess the overarching goal of this research and its future impact.  
 +
 
 +
By participating in outreach, collaborating with other iGEM teams around the globe and reflecting on the bigger issue of antibiotic resistance, our team reevaluated our solution to come one step closer to reaching our goal.</p>
 
</div>
 
</div>
  
−
<div>
+
<div class="">
−
<figure>  
+
<div class="">
−
<img src="https://static.igem.org/mediawiki/2017/b/bd/T--Northwestern--Outreach.png" width="200px">
+
<p style="padding-top: 5%; padding-left: 15%; padding-right: 15%;>
−
<img src="https://static.igem.org/mediawiki/2017/b/bd/T--Northwestern--Outreach.png" width="200px" style="float:left"/>
+
 
−
<img src="https://static.igem.org/mediawiki/2017/b/bd/T--Northwestern--Outreach.png" width="200px" style="float:left"/>
+
<button class="foo"> 
−
</figure>
+
<a style="text-decoration:none !important;" class="foo" href="#Outreach">
 +
<img src="https://static.igem.org/mediawiki/2017/5/58/T--Northwestern--Outreach1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/7/74/T--Northwestern--Outreach3.png" width="150px"/>
 +
</a>
 +
</button>
 +
 
 +
<button class="foo" > 
 +
<a style="text-decoration:none !important;" class="foo" href="#Guide to the future">
 +
<img src="https://static.igem.org/mediawiki/2017/1/1d/T--Northwestern--GF1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/3/39/T--Northwestern--GF2.png" width="150px"/>
 +
</a>
 +
</button>
 +
 
 +
<button class="foo"> 
 +
<a style="text-decoration:none !important;" class="foo" href="https://2017.igem.org/Team:Northwestern/Interviews">
 +
<img src="https://static.igem.org/mediawiki/2017/2/27/T--Northwestern--EI1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/e/ed/T--Northwestern--EI2.png" width="150px"/>
 +
</a>
 +
</button>
 +
 
 +
 
 +
<button class="foo"> 
 +
<a style="text-decoration:none !important;" class="foo" href="https://2017.igem.org/Team:Northwestern/CollaborationsTest">
 +
<img src="https://static.igem.org/mediawiki/2017/4/4e/T--Northwestern--C4.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/7/7e/T--Northwestern--C5.png" width="150px" //>
 +
</a>
 +
</button>
 +
 
 +
 
 +
<button class="foo"> 
 +
<a style="text-decoration:none !important;" class="foo" href="">
 +
<img src="https://static.igem.org/mediawiki/2017/1/1c/T--Northwestern--IP1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/c/c1/T--Northwestern--IP2.png" width="150px"/>
 +
</a>
 +
</button>
 +
 
 +
 
 +
<button class="foo"> 
 +
<a style="text-decoration:none !important;" class="foo" href="#Risk Assessment">
 +
<img src="https://static.igem.org/mediawiki/2017/7/75/T--Northwestern--RA1.png" width="150px" />
 +
<img src="https://static.igem.org/mediawiki/2017/5/5b/T--Northwestern--RA2.png" width="150px"/>
 +
</a>
 +
</button>
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/e/e4/T--Northwestern--bubbles3.png" width="200px"/>
 +
 
 +
</p>
 +
</div>
 
</div>
 
</div>
 +
</html>

Latest revision as of 01:59, 13 September 2017

Northwestern Template Northwestern Template

Overview Silver Gold Collaborations Engagement
Overview
Experiments Modeling Results Notebook Safety Interlab
Description Design Medal Criteria
About Us Attributions





Synthetic biology is a field that permeates through various sectors of society. With a scientific goal in mind, it is crucial to take the time and understand how this objective can make changes socially, politically, economically and of course scientifically. It is also important to assess the overarching goal of this research and its future impact. By participating in outreach, collaborating with other iGEM teams around the globe and reflecting on the bigger issue of antibiotic resistance, our team reevaluated our solution to come one step closer to reaching our goal.