Difference between revisions of "Team:Northwestern/HP"

 
(146 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>  
<link href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.3.0/balloon.css" rel="stylesheet">
 
 
 
<style>
 
<style>
 
.foo img:last-child{display:none}
 
.foo img:last-child{display:none}
 
.foo:hover img:first-child{display:none}
 
.foo:hover img:first-child{display:none}
 
.foo:hover img:last-child{display:inline-block}
 
.foo:hover img:last-child{display:inline-block}
 
figure:hover+span {
 
bottom: -36px;
 
opacity: 1;
 
 
}
 
}
  
h2 {
+
/*h2 {
margin: 60px 15px 0;
+
 
padding: 0;
 
padding: 0;
font-weight: 300;
+
font-weight: 300;*/
 
}
 
}
 
h2 span {
 
h2 span {
Line 28: Line 20:
 
}
 
}
 
</style>
 
</style>
 
<script>
 
$('#example1').tooltip();
 
</script>
 
</head>
 
  
  
 
<style>
 
<style>
p {padding-top: 10px; padding-right: 250px; padding-bottom: 10px; padding-left: 250px;}
+
p{ background-color: #f7f3ed;}
p {font-size: 300%;}
+
button{border: 0; background-color: #f7f3ed;}
p{margin: 0; background-color: #f7f3ed;}
+
figure { background-color: #f7f3ed;}
figure {margin: 0; background-color: #f7f3ed;}
+
h2{ background-color: #f7f3ed;}
h2{margin: 0; 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>
<figure>  
+
<br><br><br><br>
<center><img src="https://static.igem.org/mediawiki/2017/3/36/T--Northwestern--HPT.png" width="800px" border="0"></center>
+
<body style="height:100%;">
</figure>
+
<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>
</div>
+
  
 
<div>
 
<div>
<p style = "font-size:16px"> Synthetic biology is a field that 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. </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 class="">
 +
<div class="">
 +
<p style="padding-top: 5%; padding-left: 15%; padding-right: 15%;>
  
<button class="btn-link" data-balloon-length="large" data-balloon="Click here to learn more about our outreach events" data-balloon-pos="down">   
+
<button class="foo">   
<a class="foo" href="#Outreach">
+
<a style="text-decoration:none !important;" class="foo" href="#Outreach">
<img src="https://static.igem.org/mediawiki/2017/b/bd/T--Northwestern--Outreach.png" width="200px" />
+
<img src="https://static.igem.org/mediawiki/2017/5/58/T--Northwestern--Outreach1.png" width="150px" />
<img src="https://static.igem.org/mediawiki/2017/b/bd/T--Northwestern--Outreach.png" width="200px"/>
+
<img src="https://static.igem.org/mediawiki/2017/7/74/T--Northwestern--Outreach3.png" width="150px"/>
 
</a>
 
</a>
 
</button>
 
</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>
 +
</html>

Latest revision as of 01:59, 13 September 2017

Northwestern Template Northwestern Template





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.