Team:Northwestern

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
 +
{{:Team:Northwestern/Templates/Reset}}
 +
{{:Team:Northwestern/Templates/Escape}}
 +
<html>
 +
<!DOCTYPE HTML>
 +
<!--
 +
Escape Velocity 2.5 by HTML5 UP
 +
html5up.net | @n33co
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
-->
<html>
<html>
 +
<head>
 +
<title>iGEM Northwestern 2014</title>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<meta name="description" content="" />
 +
<meta name="keywords" content="" />
 +
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900" rel="stylesheet" />
 +
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
 +
<script src="js/jquery.min.js"></script>
 +
<script src="js/jquery.dropotron.min.js"></script>
 +
<script src="js/config.js"></script>
 +
<script src="js/skel.min.js"></script>
 +
<script src="js/skel-panels.min.js"></script>
 +
<noscript>
 +
<link rel="stylesheet" href="css/skel-noscript.css" />
 +
<link rel="stylesheet" href="css/style.css" />
 +
<link rel="stylesheet" href="css/style-desktop.css" />
 +
</noscript>
 +
</head>
 +
<body class="homepage">
 +
 +
<!-- Header Wrapper -->
 +
<div id="header-wrapper" class="wrapper">
 +
<div class="container">
 +
<div class="row">
 +
<div class="12u">
 +
 +
<!-- Header -->
 +
<div id="header">
 +
 +
<!-- Logo -->
 +
<div id="logo">
 +
<h1><a href="#">Our Project: Outermembrane Vesicles</a></h1> <!-- can link to "project" -->
 +
<span class="byline">One line description of project</span>
 +
</div>
 +
<!-- /Logo -->
 +
 +
<!-- Nav -->
 +
<nav id="nav">
 +
                                          <a href ="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/archive/f/f0/20120817084834!IGEM_logo.png" id="igemlogo"/></a>
 +
<ul>
 +
                                               
 +
<li class="current_page_item"><a href="index.html">Home</a></li>
 +
<li>
 +
                                       
 +
<span>Project</span>
 +
<ul>
 +
<li><a href="project.html">Overview</a></li>
 +
<li><a href="#">Parts</a></li>
 +
<li><a href="#">Modeling</a></li>
 +
<li>
 +
<span>Other information</span>
 +
<ul>
 +
<li><a href="#">Possible list item 1</a></li>
 +
<li><a href="#">Possible list item 2</a></li>
 +
<li><a href="#">Possible list item 3</a></li>
 +
<li><a href="#">Possible list item 4</a></li>
 +
<li><a href="#">Possible list item 5</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Even more information</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="right-sidebar.html">Official team profile</a></li>
 +
<li><a href="left-sidebar.html">Notebook</a></li>
 +
                                                <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
 +
                                                <li><a href="https://2014.igem.org/Team:Northwestern/Attributions">Attributions</a></li>
 +
</ul>
 +
</nav>
 +
<!-- /Nav -->
 +
 +
</div>
 +
<!-- /Header -->
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /Header Wrapper -->
 +
 +
<!-- Intro Wrapper -->
 +
<div id="intro-wrapper" class="wrapper wrapper-style1">
 +
<div class="title">The Introduction</div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="12u">
 +
 +
<!-- Intro -->
 +
<section id="intro">
 +
<p class="style1">Antibacterial resistance has caused various problems...</p>
 +
<p class="style2">
 +
and in our project we experimented with a nouvel solution of this problem
 +
 +
</p>
 +
<p class="style3">the outermembrane vesicle idea came from blah blah blah nutella sandwiches are great hazelnut skim milk Combination of roasted hazelnuts, skim milk and cocoa Has a hint of that roasted nut flavor A deliciously unique spread <strong>OH YEAH</strong>Perfectly delicious on a wide variety of breads If you like peanut butter, you will surely like Nutella</p>
 +
<!--
 +
<p class="style3">Mauris tellus lacus, tincidunt eget mattis at, laoreet vel velit.
 +
Aliquam diam ante, aliquet sit amet vulputate lorem at placerat at nisl.
 +
Maecenas et gravida ligula sed lacus euismod tincidunt nullam eget justo orci.</p>
 +
-->
 +
<ul class="actions">
 +
<li><a href="https://2014.igem.org/Team:Northwestern/Project" class="button button-style3 button-big">Learn More</a></li>
 +
</ul>
 +
</section>
 +
<!-- /Intro -->
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /Intro Wrapper -->
 +
 +
<!-- Main Wrapper -->
 +
<div class="wrapper wrapper-style2">
 +
<div class="title">The Details</div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="12u">
 +
 +
<!-- Main -->
 +
<div id="main">
 +
 +
<!-- Image -->
 +
<a href="http://fav.me/d5pjw3g" class="image image-featured">
 +
<img src="" alt="" />
 +
</a>
 +
<!-- /Image -->
 +
 +
<!-- Features -->
 +
<section id="features">
 +
<header class="style1">
 +
<h2>We can put some highlights in this section</h2>
 +
<p class="byline">or can just take this section out, do more paragraphs of literature review</p>
 +
</header>
 +
<div class="feature-list">
 +
<div>
 +
<div class="row">
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-comment"><a href="link">what we can use it for</a></h3>
 +
<p>this new technology can be developed into this and this in the near future</p>
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-refresh"><a href="link">Community Impact</a></h3>
 +
<p>if we were doing the wasteware treatment this would be more relevant</p>
 +
</section>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-picture-o"><a href="link">Adding to the Parts Registry</a></h3>
 +
<p>This summer we added a total of __ parts!</p>
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-cog"><a href="link">Outreach</a></h3>
 +
<p> A community outreach can be going to organizations in your community and talking about their project. </p>
 +
</section>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-wrench"><a href="link">Collaboration with Uchicago</a></h3>
 +
<p>They are awesome, we are awesome, together even more awesome</p>
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-check"><a href="link">some other important link</a></h3>
 +
<p>a one-two line description of what this links to</p>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--<ul class="actions actions-centered">
 +
<li><a href="#" class="button button-style1 button-big">Get Started</a></li>
 +
<li><a href="#" class="button button-style2 button-big">More Info</a></li>
 +
</ul>-->
 +
</section>
 +
<!-- /Features -->
 +
 +
</div>
 +
<!-- /Main -->
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /Main Wrapper -->
 +
 +
<!-- Highlights Wrapper -->
 +
<div class="wrapper wrapper-style3">
 +
<div class="title">Thank you! Sponsors!</div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="12u">
 +
 +
<!-- Highlights -->
 +
<!--<div id="highlights">
 +
<div>
 +
<div class="row">
 +
<div class="4u">
 +
<section class="highlight highlight-one">
 +
<a href="http://fav.me/d59i3b3" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
 +
 +
<ul class="actions">
 +
<li><a href="#" class="button button-style1">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="4u">
 +
<section class="highlight highlight-two">
 +
<a href="http://fav.me/d4tqyby" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
 +
<h3><a href="#">Nisl adipiscing sed lorem</a></h3>
 +
<p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
 +
<ul class="actions">
 +
<li><a href="#" class="button button-style1">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="4u">
 +
<section class="highlight highlight-three">
 +
<a href="http://fav.me/d5w2dot" class="image image-full"><img src="images/pic04.jpg" alt="" /></a>
 +
<h3><a href="#">Mattis tempus lorem</a></h3>
 +
<p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
 +
<ul class="actions">
 +
<li><a href="#" class="button button-style1">Learn More</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /Highlights --> -->
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /Highlights Wrapper -->
 +
 +
<!-- Footer Wrapper -->
 +
<div id="footer-wrapper" class="wrapper">
 +
<div class="title">Get in touch!</div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="12u">
 +
 +
<!-- Footer -->
 +
<div id="footer">
 +
<!--<header class="style1">
 +
<h2>Ipsum sapien elementum portitor?</h2>
 +
<p class="byline">
 +
Sed turpis tortor, tincidunt sed ornare in metus porttitor mollis nunc in aliquet.<br />
 +
Nam pharetra laoreet imperdiet volutpat etiam consequat feugiat.
 +
</p>
 +
</header> -->
 +
<hr />
 +
<div>
 +
<div class="row">
 +
<div class="6u">
 +
 +
<!-- Contact Form -->
 +
<section class="footer-one">
 +
<form method="post" action="#">
 +
<div>
 +
<div class="row half">
 +
<div class="6u">
 +
<input type="text" class="text" name="name" id="contact-name" placeholder="Name" />
 +
</div>
 +
<div class="6u">
 +
<input type="text" class="text" name="name" id="contact-email" placeholder="Email" />
 +
</div>
 +
</div>
 +
<div class="row half">
 +
<div class="12u">
 +
<textarea name="message" id="contact-message" placeholder="Message"></textarea>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="12u">
 +
<ul class="actions">
 +
<li><input type="submit" class="button button-style1" value="Send" /></li>
 +
<li><input type="reset" class="button button-style2" value="Reset" /></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</form>
 +
</section>
 +
<!-- /Contact Form -->
 +
 +
</div>
 +
<div class="6u">
 +
 +
<!-- Contacts -->
 +
<section class="footer-two">
 +
<div class="feature-list feature-list-small">
 +
<div>
 +
<div class="row">
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-home">Mailing Address</h3>
 +
<p>
 +
Northwestern Unviersity<br />
 +
1234 Somewhere Rd #987<br />
 +
Nashville, TN 00000-0000
 +
</p>
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-comment">Social</h3>
 +
<p>
 +
<a href="http://twitter.com/n33co">but we don't have twitter</a><br />
 +
<a href="http://dribbble.com/n33">dribbble.com/n33</a><br />
 +
<a href="#">facebook.com/igem?</a>
 +
</p>
 +
</section>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-envelope">Email</h3>
 +
<p>
 +
<a href="#">nuigem2014@gmail.com</a>
 +
</p>
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section>
 +
<h3 class="fa fa-phone">Phone</h3>
 +
<p>
 +
(000)-000-0000
 +
</p>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<!-- /Contacts -->
 +
 +
</div>
 +
</div>
 +
</div>
 +
<hr />
 +
</div>
 +
<!-- /Footer -->
 +
 +
<!-- Copyright -->
 +
<div id="copyright">
 +
<span>
 +
&copy; Untitled. Design by <a href="http://html5up.net/">HTML5 UP</a>.
 +
</span>
 +
</div>
 +
<!-- /Copyright -->
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /Footer Wrapper -->
 +
 +
</body>
 +
</html>
 +
-
<!--main content -->
+
<!--<!--main content -->
<table width="70%" align="center">
<table width="70%" align="center">
Line 160: Line 542:
</td>
</td>
</tr>
</tr>
-
</table>
+
</table> -->

Revision as of 15:24, 17 June 2014

iGEM Northwestern 2014

The Introduction

Antibacterial resistance has caused various problems...

and in our project we experimented with a nouvel solution of this problem

the outermembrane vesicle idea came from blah blah blah nutella sandwiches are great hazelnut skim milk Combination of roasted hazelnuts, skim milk and cocoa Has a hint of that roasted nut flavor A deliciously unique spread OH YEAHPerfectly delicious on a wide variety of breads If you like peanut butter, you will surely like Nutella

The Details

We can put some highlights in this section

or can just take this section out, do more paragraphs of literature review

what we can use it for

this new technology can be developed into this and this in the near future

Community Impact

if we were doing the wasteware treatment this would be more relevant

Adding to the Parts Registry

This summer we added a total of __ parts!

Outreach

A community outreach can be going to organizations in your community and talking about their project.

Collaboration with Uchicago

They are awesome, we are awesome, together even more awesome

some other important link

a one-two line description of what this links to

Thank you! Sponsors!
-->


</tr> </td>



WELCOME TO iGEM 2014!

Your team has been approved and you are ready to start the iGEM season!
On this page you can document your project, introduce your team members, document your progress
and share your iGEM experience with the rest of the world!


<a href="https://2014.igem.org/wiki/index.php?title=Team:Northwestern&action=edit"style="color:#FFFFFF"> Click here to edit this page!</a>

<a href="https://2014.igem.org/Team:Northwestern"style="color:#000000">Home </a> <a href="https://2014.igem.org/Team:Northwestern/Team"style="color:#000000"> Team </a> <a href="https://igem.org/Team.cgi?year=2014&team_name=Northwestern"style="color:#000000"> Official Team Profile </a> <a href="https://2014.igem.org/Team:Northwestern/Project"style="color:#000000"> Project</a> <a href="https://2014.igem.org/Team:Northwestern/Parts"style="color:#000000"> Parts</a> <a href="https://2014.igem.org/Team:Northwestern/Modeling"style="color:#000000"> Modeling</a> <a href="https://2014.igem.org/Team:Northwestern/Notebook"style="color:#000000"> Notebook</a> <a href="https://2014.igem.org/Team:Northwestern/Safety"style=" color:#000000"> Safety </a> <a href="https://2014.igem.org/Team:Northwestern/Attributions"style="color:#000000"> Attributions </a> <a href="https://2014.igem.org/Main_Page"> <img src="Igemlogo_300px.png" width="55px"></a>

Requirements

Please be sure to keep these links, your audience will want to find your:

There are a few wiki requirements teams must follow:

  • All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>.
  • All pages must be created under the team’s name space.
  • As part of your documentation, keep the links from the menu to the left.
  • Do not use flash in wiki code.
  • The <a href="Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.

Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information.

Tips

We are currently working on providing teams with some easy to use design templates.
In the meantime you can also view other team wikis for inspiration! Here are some very good examples

For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists.

This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and what you plan to do.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a>
  • Have lots of fun!

</br>

-->
Retrieved from "http://2014.igem.org/Team:Northwestern"