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

Line 21: Line 21:
  
 
     <!-- header -->
 
     <!-- header -->
 +
    <div class='hidden-scrollbar'>
 +
    <div class='inner'>
 
       <div id="header">
 
       <div id="header">
−
 
 
         <div class="top">
 
         <div class="top">
  
Line 48: Line 49:
 
               -->
 
               -->
 
           <!-- Subsections -->
 
           <!-- Subsections -->
−
            <h4> Content </h4>
+
<h4> Content </h4>
 
             <ul>
 
             <ul>
−
                 <li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">About Us</span></a></li>
+
                 <li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Welcome</span></a></li>
−
                 <li><a href="#portfolio" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Students</span></a></li>
+
                 <li><a href="#overview" id="overview-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Overview</span></a></li>
−
                 <li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Mentors</span></a></li>
+
                 <li><a href="#sitemap" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Site Map</span></a></li>
−
       
+
 
             </ul>
 
             </ul>
−
            </nav>
+
</nav>
 
</div><!--#top-->
 
</div><!--#top-->
 
<nav id="nav">
 
<nav id="nav">
Line 61: Line 61:
  
 
         <div class="bottom">
 
         <div class="bottom">
−
        <h4> Main Pages</h4>
+
          <!-- Main Menu -->
 +
<h4> Main Pages</h4>
 
             <ul>
 
             <ul>
 
                 <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li>
 
                 <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li>
Line 67: Line 68:
 
                 <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</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/Results">Results</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/Notebook">Notebook</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/Collaborations">Collaborations</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/Attributions">Attributions</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/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/Safety">Safety</a></li>  
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li>
 
 
             </ul>
 
             </ul>
 
           </nav>
 
           </nav>
−
 
  
  
  
 
           <!-- Social Icons -->
 
           <!-- Social Icons -->
 +
            <ul class="icons">
  
 
               <li><a href="https://www.facebook.com/harvardigem2015" target="_blank">
 
               <li><a href="https://www.facebook.com/harvardigem2015" target="_blank">
Line 88: Line 89:
 
                     <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li>  
 
                     <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li>  
 
             </ul>
 
             </ul>
−
 
 
         </div><!--#bottom-->
 
         </div><!--#bottom-->
  
 
       </div><!--#header-->
 
       </div><!--#header-->
 +
      </div>
 +
      </div>
  
 
     <!-- Main -->
 
     <!-- Main -->
Line 97: Line 99:
  
 
         <!-- Intro -->
 
         <!-- Intro -->
−
           <section id="top" class="one dark cover">
+
           <section id="top" class="one">
 
             <div class="container">
 
             <div class="container">
  
 +
              <header>
 +
                <h2 class="alt">Welcome to the <strong>Harvard BioDesign 2015</strong> wiki!</h2><br/>
 +
                <p>The "official" place where flocculation happens and llamas are appreciated.</p>
 +
<img src="https://static.igem.org/mediawiki/2015/3/38/HarvardLlamaoutline.png" alt="Email Logo" style="width:127px;height:150px;">
 +
              </header>
 +
 +
              <footer>Curious?<br/>
 +
                <a href="#overview" class="button scrolly">Start Here</a>
 +
              </footer>
  
 
             </div>
 
             </div>
 
           </section>
 
           </section>
  
−
         <!-- Portfolio -->
+
         <!-- Overview -->
−
           <section id="portfolio" class="two">
+
           <section id="overview" class="two">
 
             <div class="container">
 
             <div class="container">
  
 +
              <header>
 +
                <h2>About our project</h2>
 +
              </header>
 +
 +
              <p>Our team is engineering <i>E. coli</i> to bind to colon cancer cells through the use of their type I pili, which are hair-like appendages
 +
              that have an adhesive domain. Naturally, the strains in <i>E. coli</i> that produce pili bind to alpha-D-mannose, which can cause urinary track infections.
 +
              However, our team is altering a non-harmful strain to produce pili using a modified Fim gene in order to localize the bacteria as a tool. For treatment of cancer,
 +
              once the bacteria are localized on the cells, the next step is to make the <E. coli</i> capable of producing a concentrated toxin or to administer a therapeutic.
 +
              Other potential applications for our <i>E. coli </i> include water pollution clean up through methods such as flocculation and targeting areas through GFP.</p>
 +
<!--
 +
              <div class="row">
 +
                <div class="4u 12u$(mobile)">
 +
                  <article class="item">
 +
                    <a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
 +
                    <header>
 +
                      <h3>Ipsum Feugiat</h3>
 +
                    </header>
 +
                  </article>
 +
                  <article class="item">
 +
                    <a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
 +
                    <header>
 +
                      <h3>Rhoncus Semper</h3>
 +
                    </header>
 +
                  </article>
 +
                </div>
 +
                <div class="4u 12u$(mobile)">
 +
                  <article class="item">
 +
                    <a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
 +
                    <header>
 +
                      <h3>Magna Nullam</h3>
 +
                    </header>
 +
                  </article>
 +
                  <article class="item">
 +
                    <a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
 +
                    <header>
 +
                      <h3>Natoque Vitae</h3>
 +
                    </header>
 +
                  </article>
 +
                </div>
 +
                <div class="4u$ 12u$(mobile)">
 +
                  <article class="item">
 +
                    <a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
 +
                    <header>
 +
                      <h3>Dolor Penatibus</h3>
 +
                    </header>
 +
                  </article>
 +
                  <article class="item">
 +
                    <a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
 +
                    <header>
 +
                      <h3>Orci Convallis</h3>
 +
                    </header>
 +
                  </article>
 +
                </div>
 +
              </div>-->
 +
            <footer>Feeling Lost?<br/>
 +
              <a href="#sitemap" class="button scrolly">Let's Navigate!</a>
 +
            </footer>
 
             </div>
 
             </div>
 
           </section>
 
           </section>
  
−
        <!-- About Me -->
+
  <section id="sitemap" class="three">
−
          <section id="about" class="three">
+
 
             <div class="container">
 
             <div class="container">
  
−
                
+
               <header>
 +
                <h2>How to navigate our site</h2>
 +
              </header>
  
 +
              <h6>Here is an easy guide to finding information on our wiki site. On the top of every page you will see a flask. When you click on it, it will open up the main navigation menu. The top section includes links of the different sections on the current page. The lower links are to switch to a new page. You can see all the pages by looking at our site map listed below.</h6>
 +
              <br/>
 +
              <p>Home, Team, Project {Description, Experiments, Design}, Results, Parts {Basic parts, Composite parts, Part collection}, Notebook, Attributions, Collaborations, Practices, Safety</p>
 
             </div>
 
             </div>
−
          </section>
+
  </section>
−
 
+
−
      </div>
+
  
 +
<section id="top" class="four"></section>
 +
<section id="top" class="five"></section>
 +
<section id="top" class="six"></section>
 +
<section id="top" class="seven"></section>
 +
<section id="top" class="eight"></section>
 +
<section id="top" class="nine"></section>
 +
<section id="top" class="ten"></section>
 +
     
 
     <!-- Footer -->
 
     <!-- Footer -->
 
       <div id="footer">
 
       <div id="footer">
Line 127: Line 205:
 
         <!-- Copyright -->
 
         <!-- Copyright -->
 
           <ul class="copyright">
 
           <ul class="copyright">
−
             <li><a href="https://static.igem.org/mediawiki/2015/c/ce/Harvard2015SiteMap.png">Site Map</a></li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+
             <li>&copy; Untitled. All rights reserved.</li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li><h5>
 
           </ul>
 
           </ul>
  

Revision as of 14:38, 16 July 2015


Prologue by HTML5 UP

Welcome to the Harvard BioDesign 2015 wiki!


The "official" place where flocculation happens and llamas are appreciated.

Email Logo

About our project

Our team is engineering E. coli to bind to colon cancer cells through the use of their type I pili, which are hair-like appendages that have an adhesive domain. Naturally, the strains in E. coli that produce pili bind to alpha-D-mannose, which can cause urinary track infections. However, our team is altering a non-harmful strain to produce pili using a modified Fim gene in order to localize the bacteria as a tool. For treatment of cancer, once the bacteria are localized on the cells, the next step is to make the capable of producing a concentrated toxin or to administer a therapeutic. Other potential applications for our E. coli include water pollution clean up through methods such as flocculation and targeting areas through GFP.

How to navigate our site

Here is an easy guide to finding information on our wiki site. On the top of every page you will see a flask. When you click on it, it will open up the main navigation menu. The top section includes links of the different sections on the current page. The lower links are to switch to a new page. You can see all the pages by looking at our site map listed below.

Home, Team, Project {Description, Experiments, Design}, Results, Parts {Basic parts, Composite parts, Part collection}, Notebook, Attributions, Collaborations, Practices, Safety