|
|
Line 4: |
Line 4: |
| {{:Team:Northwestern/Templates/Escape}} | | {{: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>
| |
- | <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>Our Project: Outermembrane Vesicles</h1>
| |
- | <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>
| |
- | © Untitled. Design by <a href="http://html5up.net/">HTML5 UP</a>.
| |
- | </span>
| |
- | </div>
| |
- | <!-- /Copyright -->
| |
- |
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <!-- /Footer Wrapper -->
| |
- |
| |
- | </body>
| |
- |
| |
- |
| |
- |
| |
- | <!--
| |
| <!--main content --> | | <!--main content --> |
| <table width="70%" align="center"> | | <table width="70%" align="center"> |