Samarakhan (Talk | contribs) |
Samarakhan (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <!-- | |
+ | Prologue 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>Prologue by HTML5 UP</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://2015.igem.org/Template:Harvard_BioDesign/CSS_Scroll0?action=raw&ctype=text/css" /> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'> | ||
+ | <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> | ||
+ | <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> | ||
− | |||
− | |||
− | |||
− | < | + | <style> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #buttonbox{ | |
− | + | position:relative; | |
− | + | height:133px; | |
+ | width:134px; | ||
+ | margin: 0 auto; | ||
+ | /*background-color: #003344;*/ | ||
− | + | } | |
+ | h4.mid { | ||
+ | position: relative; | ||
+ | top:90px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | z-index:1; | ||
+ | color:#000; | ||
+ | } | ||
+ | img.rot { | ||
+ | /*border-radius: 50%;*/ | ||
+ | -webkit-transition: -webkit-transform .8s ease-in-out; | ||
+ | transition: transform .8s ease-in-out; | ||
+ | position:absolute; | ||
+ | right:0px; | ||
+ | z-index: 5; | ||
+ | } | ||
− | <div class=" | + | |
− | < | + | img.rot:hover { |
− | < | + | -webkit-transform: rotate(720deg); |
− | < | + | transform: rotate(720deg); |
+ | z-index: 5; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <!-- header --> | ||
+ | <div id="header"> | ||
+ | <div class="inner"> | ||
+ | <div class="top"> | ||
+ | <!-- Logo --> | ||
+ | <div id="logo"> | ||
+ | <span class="harvardLogo"><a href="https://2015.igem.org/Team:Harvard_BioDesign"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:275px;height:200px;margin-left:-50px;"/></a></span> | ||
+ | <!-- <h1 id="title">Harvard BioDesign 2015</h1>--> | ||
+ | </div><!-- #Logo --> | ||
+ | |||
+ | <!-- Nav --> | ||
+ | <nav id="nav"> | ||
+ | <!-- | ||
+ | |||
+ | Prologue's nav expects links in one of two formats: | ||
+ | |||
+ | 1. Hash link (scrolls to a different section within the page) | ||
+ | |||
+ | <li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li> | ||
+ | |||
+ | 2. Standard link (sends the user to another page/site) | ||
+ | |||
+ | <li><a href="http://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li> | ||
+ | |||
+ | --> | ||
+ | <!-- Subsections --> | ||
+ | <h4> Content </h4> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Welcome</span></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign#teampage" id="teampage-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Page Overviews</span></a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
</div> | </div> | ||
+ | <!--#top--> | ||
+ | |||
+ | <div class="bottom"> | ||
+ | <nav id="nav"> <!-- Main Menu --> <h4><div class="innertwo">Main Pages</div></h4> | ||
+ | <ul> | ||
+ | <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Results">Results</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices">Practices</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team">Team</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Social Icons --> | ||
+ | <ul class="icons"> | ||
+ | |||
+ | <li><a href="https://www.facebook.com/harvardigem2015" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:51px;height:51px;"></a></li> | ||
+ | <li><a href="https://twitter.com/HarvardiGEM2015" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:51px;height:51px;"></a></li> | ||
+ | <li><a href="mailto:harvardigem2015@gmail.com"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li> | ||
+ | </ul> | ||
+ | </div><!--#bottom--> | ||
+ | </div><!--#inner--> | ||
+ | </div><!--#header--> | ||
+ | |||
+ | <!-- Main --> | ||
+ | <div id="main"> | ||
+ | <!-- Intro --> | ||
+ | <section id="top" class="one"> | ||
+ | <div class="container"> | ||
− | < | + | <header> |
− | + | <img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo"/> | |
− | <p> | + | </header> |
− | + | ||
− | + | <p>Colon cancer is the second leading cause of cancer death in the United States. Each year, almost 140,000 people are diagnosed with colon cancer, and 50,000 people die from the disease<sup>1</sup>. Diagnosis and treatment often require invasive procedures, including colonoscopies and surgery. Less invasive treatments such as chemotherapy cause unpleasant side effects. We turn to synthetic biology to develop a better colon cancer therapy. An ideal cell-based therapy would have two significant components: a way to kill cancer cells, and a way to specifically target them. In our quest to find a way to specifically target cancer cells, we found that the problem of controlling a cell’s interaction with its physical environment extended beyond cancer therapy into a myriad of biological contexts. Harvard iGEM 2015 focuses on building a platform for controlling specific bacterial adhesion in a variety of biological settings, including colon cancer therapy. | |
− | < | + | </p> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
+ | |||
+ | <!-- <footer> | ||
+ | <div id="buttonbox"> | ||
+ | <a href="#top" style="font-family:'Lato';color:#9DE8BD;font-size:23px;"><h4 class="mid" style="font-size:90%;">Start Here</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
+ | </div> | ||
+ | </footer>--> | ||
+ | </section> | ||
− | < | + | <section id="top" class="two"><div class="container"></div> |
− | < | + | <img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/> |
− | < | + | <header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header> |
− | + | <footer> | |
− | + | <div id="buttonbox"> | |
− | + | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Project" style="font-family:'Lato';color:#ADFFB7;"><h4 class="mid">Project</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | |
− | < | + | |
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
</div> | </div> | ||
+ | </footer> | ||
+ | </section> | ||
− | < | + | <section id="top" class="three"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2015/7/74/Harvard2015_Accomplish.png" alt="Accomplish Logo" style="width:200px;height:200px;"/></a> |
− | < | + | <header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header> |
− | + | <footer> | |
+ | <div id="buttonbox"> | ||
+ | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Results" style="font-family:'Lato';color:#E0FFD5;"><h4 class="mid">Results</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </section> | ||
+ | <section id="top" class="four"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a> | ||
+ | <header><h3>The story of our hard work.</h3></header> | ||
+ | <footer> | ||
+ | <div id="buttonbox"> | ||
+ | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook" style="font-family:'Lato';color:#E1FFEE;"><h4 class="mid">Notes</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </section> | ||
− | < | + | <section id="top" class="five"> |
− | + | <img src="https://static.igem.org/mediawiki/2015/b/b1/Harvard2015_Parts.png" alt="Parts Logo" style="width:200px;height:200px;"/></a> | |
+ | <header><h3>View the parts we created.</h3></header> | ||
+ | <footer> | ||
+ | <div id="buttonbox"> | ||
+ | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts" style="font-family:'Lato';color:#B9FFEE;"><h4 class="mid">Parts</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
</div> | </div> | ||
+ | </footer> | ||
+ | </section> | ||
+ | <section id="top" class="six"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a> | ||
+ | <header><h3>A guide to how to take research to the next level.</h3></header> | ||
+ | <footer> | ||
+ | <div id="buttonbox"> | ||
+ | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices" style="font-family:'Lato';color:#C1E8DE;font-size:23px;"><h4 class="mid">Practices</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
</div> | </div> | ||
+ | </footer> | ||
+ | </section> | ||
+ | <section id="top" class="seven"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a> | ||
+ | <header><h3>Safety is what really matters.</h3></header> | ||
+ | <footer> | ||
+ | <div id="buttonbox"> | ||
+ | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety" style="font-family:'Lato';color:#9DE8BD;"><h4 class="mid">Safety</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </section> | ||
+ | <section id="top" class="eight"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a> | ||
+ | <header><h3>Outreach to our fellow iGEMers.</h3></header> | ||
+ | <footer> | ||
+ | <div id="buttonbox"> | ||
+ | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations" style="font-family:'Lato';color:#9DE3E8;"><h4 class="mid">Collabs</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </section> | ||
+ | <section id="teampage" class="nine"> | ||
+ | <div class="container"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a> | ||
+ | <header><h3>See who participated on this year’s iGEM team.</h3></header> | ||
+ | <footer> | ||
+ | <div id="buttonbox"> | ||
+ | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Team" style="font-family:'Lato';color:#CDFCFF;"><h4 class="mid">Team</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </section> | ||
+ | |||
+ | <section id="top" class="ten"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1b/Harvard2015_Attributions.png" alt="Attributions Logo" style="width:200px;height:200px;"/></a> | ||
+ | <header><h3>A shoutout to those who made us possible.</h3></header> | ||
+ | <footer> | ||
+ | <div id="buttonbox"> | ||
+ | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions" style="font-family:'Lato';color:#C1E8C5;"><h4 class="mid">Thanks</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </section> | ||
+ | <!-- Footer --> | ||
+ | <div id="footer"> | ||
+ | <!-- Copyright --> | ||
+ | <ul class="copyright"> | ||
+ | </li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li><h5> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- Scripts --> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll1?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll2?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll3?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll4?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll5?action=raw&ctype=text/javascript"></script> | ||
+ | <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll0?action=raw&ctype=text/javascript"></script> | ||
+ | </div><!--main--> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 16:10, 12 August 2016
Colon cancer is the second leading cause of cancer death in the United States. Each year, almost 140,000 people are diagnosed with colon cancer, and 50,000 people die from the disease1. Diagnosis and treatment often require invasive procedures, including colonoscopies and surgery. Less invasive treatments such as chemotherapy cause unpleasant side effects. We turn to synthetic biology to develop a better colon cancer therapy. An ideal cell-based therapy would have two significant components: a way to kill cancer cells, and a way to specifically target them. In our quest to find a way to specifically target cancer cells, we found that the problem of controlling a cell’s interaction with its physical environment extended beyond cancer therapy into a myriad of biological contexts. Harvard iGEM 2015 focuses on building a platform for controlling specific bacterial adhesion in a variety of biological settings, including colon cancer therapy.