Difference between revisions of "Team:Harvard BioDesign/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{Harvard_BioDesign}}
+
<!--
 +
Helios by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
-->
 
<html>
 
<html>
 +
<head>
 +
<title>Harvard BioDesign 2016</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
  
 +
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
 +
 +
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Harvard_BioDesign/assets_css_main?action=raw&ctype=text/css" />
 +
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
  
−
<div class="column full_size judges-will-not-evaluate">
+
−
<h3>★  ALERT! </h3>
+
<!-- Scripts -->
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes"> design special prize</a>. </p>
+
<script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_jquery_min?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_jquery_dropotron_min?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_jquery_scrolly_min?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_jquery_onvisible_min?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_skel_min?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_util?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_main?
 +
action=raw&ctype=text/javascript"></script>
 +
</head>
 +
<body class="homepage">
 +
<div id="page-wrapper">
  
 +
<!-- Header -->
 +
<div id="header_home">
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
<!-- Inner -->
−
</div>
+
<!--
 +
<div class="inner">
 +
<header>
 +
<h1><a href="https://2016.igem.org/Team:Harvard_BioDesign" id="logo">Harvard BioDesign</a></h1>
 +
<hr />
 +
<p>Description</p>
 +
</header>
 +
<footer>
 +
<a href="#banner" class="button circled scrolly">Start</a>
 +
</footer>
 +
</div>
 +
-->
  
  
 +
<!-- Nav -->
 +
<nav id="nav" >
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign">Home</a></li>
 +
<li>
 +
<a href="#">Team</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Team">Team</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Project</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Description">Description</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Design">Design</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Experiments">Experiments</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Proof">Proof of Concept</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Results">Results</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Parts</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Basic_Part">Basic Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Composite_Part">Composite Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Part_Collection">Part Collection</a></li>
 +
</ul>
 +
</li>
  
−
<div class="column full_size">
+
<!-- R edits -->
  
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li>
 +
<li>
 +
<a href="#">Human Practices</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Human_Practices">Human Practices</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/HP/Silver">Silver</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/HP/Gold">Gold</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Integrated_Practices">Integrated Practices</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Engagement">Engagement</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Awards</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Model">Model</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Achievements">Achievements</a></li>
 +
</ul>
 +
</li>
  
−
<p>
+
</ul>
−
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page.
+
</nav>
−
</p>
+
  
 +
</div>
  
−
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
<!-- Main -->
 +
<div class="wrapper style1">
  
−
<p>
+
<div class="container">
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
<article id="main" class="special">
−
</p>
+
<header>
 +
<h2><a href="#">Design</a></h2>
 +
<p>
 +
Morbi convallis lectus malesuada sed fermentum dolore amet
 +
</p>
 +
</header>
 +
<a href="#" class="image featured"><img src="images/bom01.jpg" alt="" /></a>
 +
<p>
 +
Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
 +
posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
 +
lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
 +
consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
 +
interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
 +
natoque aenean scelerisque vel lacinia mollis quam sodales congue.
 +
</p>
 +
<section>
 +
<header>
 +
<h3>Ultrices tempor sagittis nisl</h3>
 +
</header>
 +
<p>
 +
Nascetur volutpat nibh ullamcorper vivamus at purus. Cursus ultrices porttitor sollicitudin imperdiet
 +
at pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
 +
feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
 +
fringilla consequat dis arcu. Pellentesque mus tempor vitae pretium sodales porttitor lacus. Phasellus
 +
egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
 +
</p>
 +
<p>
 +
Eleifend auctor turpis magnis sed porta nisl pretium. Aenean suspendisse nulla eget sed etiam parturient
 +
orci cursus nibh. Quisque eu nec neque felis laoreet diam morbi egestas. Dignissim cras rutrum consectetur
 +
ut penatibus fermentum nibh erat malesuada varius.
 +
</p>
 +
</section>
 +
<section>
 +
<header>
 +
<h3>Augue euismod feugiat tempus</h3>
 +
</header>
 +
<p>
 +
Pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
 +
feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
 +
ut nunc urna volutpat donec cubilia commodo risus morbi. Lobortis vestibulum velit malesuada ante
 +
egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
 +
</p>
 +
</section>
 +
</article>
 +
<hr />
 +
<div class="row">
 +
<article class="4u 12u(mobile) special">
 +
<a href="#" class="image featured"><img src="images/pic07.jpg" alt="" /></a>
 +
<header>
 +
<h3><a href="#">Gravida aliquam penatibus</a></h3>
 +
</header>
 +
<p>
 +
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
 +
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
 +
</p>
 +
</article>
 +
<article class="4u 12u(mobile) special">
 +
<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
 +
<header>
 +
<h3><a href="#">Sed quis rhoncus placerat</a></h3>
 +
</header>
 +
<p>
 +
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
 +
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
 +
</p>
 +
</article>
 +
<article class="4u 12u(mobile) special">
 +
<a href="#" class="image featured"><img src="images/pic09.jpg" alt="" /></a>
 +
<header>
 +
<h3><a href="#">Magna laoreet et aliquam</a></h3>
 +
</header>
 +
<p>
 +
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
 +
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
 +
</p>
 +
</article>
 +
</div>
 +
</div>
  
 +
</div>
 +
<!--y Does it start here?-->
 +
<!-- Footer -->
 +
<div id="footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="12u">
  
−
<p>Teams who want to focus on art and design should be in the art and design special track. If you want to have a sub-project in this area, you should compete for this award.</p>
+
<!-- Contact -->
−
</div>
+
<section class="contact">
 +
 +
<ul class="icons">
  
 +
<li>
 +
<a href="https://www.facebook.com/Harvard-iGEM-269794024286" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2016/2/2f/T--Harvard_BioDesign--images_facebook01.png"alt="Facebook Logo" style="width:51px;height:51px;">
 +
</a>
 +
</li>
  
 +
              <li>
 +
              <a href="mailto:crimsonigem@gmail.com">
 +
              <img src="https://static.igem.org/mediawiki/2016/e/e2/T--Harvard_BioDesign--images_gmail01.png" alt="Email Logo" style="width:51px;height:51px;">
 +
              </a>
 +
              </li>
  
  
 +
              <li>
 +
              <a href="https://twitter.com/harvardigem" target="_blank">
 +
              <img src="https://static.igem.org/mediawiki/2016/4/4e/T--Harvard_BioDesign--images_twitter01.png"alt="Twitter Logo" style="width:51px;height:51px;">
 +
              </a>
 +
              </li>
  
 +
 +
</ul>
 +
</section>
 +
 +
<!-- Copyright -->
 +
<div class="copyright">
 +
<ul class="menu">
 +
<li>&copy; 2016 Harvard iGEM</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
 +
</ul>
 +
 +
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 04:09, 6 October 2016

Harvard BioDesign 2016

Design

Morbi convallis lectus malesuada sed fermentum dolore amet

Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia natoque aenean scelerisque vel lacinia mollis quam sodales congue.

Ultrices tempor sagittis nisl

Nascetur volutpat nibh ullamcorper vivamus at purus. Cursus ultrices porttitor sollicitudin imperdiet at pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit fringilla consequat dis arcu. Pellentesque mus tempor vitae pretium sodales porttitor lacus. Phasellus egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.

Eleifend auctor turpis magnis sed porta nisl pretium. Aenean suspendisse nulla eget sed etiam parturient orci cursus nibh. Quisque eu nec neque felis laoreet diam morbi egestas. Dignissim cras rutrum consectetur ut penatibus fermentum nibh erat malesuada varius.

Augue euismod feugiat tempus

Pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit ut nunc urna volutpat donec cubilia commodo risus morbi. Lobortis vestibulum velit malesuada ante egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.

Gravida aliquam penatibus

Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.

Sed quis rhoncus placerat

Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.

Magna laoreet et aliquam

Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.