Difference between revisions of "Team:Cornell NY/defaulthome"

 
(31 intermediate revisions by 4 users not shown)
Line 18: Line 18:
 
         <link href="https://2016.igem.org/Team:Cornell_NY/bootstrap?action=raw&ctype=text/css"rel="stylesheet" type="text/css">
 
         <link href="https://2016.igem.org/Team:Cornell_NY/bootstrap?action=raw&ctype=text/css"rel="stylesheet" type="text/css">
 
         <link href="https://2016.igem.org/Team:Cornell_NY/theme?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
         <link href="https://2016.igem.org/Team:Cornell_NY/theme?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
         <link href="https://2016.igem.org/Team:Cornell_NY/customCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
          
  
 
     <link href="http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:300,400,500,600" rel="stylesheet" type="text/css">
 
     <link href="http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:300,400,500,600" rel="stylesheet" type="text/css">
Line 35: Line 35:
 
     <center><img src="https://static.igem.org/mediawiki/2016/3/32/T--Cornell_NY--OpeningLogo.png" style="width:500px;padding-top:180px; padding-left: 20px; padding-right: 20px;"> </img></center>
 
     <center><img src="https://static.igem.org/mediawiki/2016/3/32/T--Cornell_NY--OpeningLogo.png" style="width:500px;padding-top:180px; padding-left: 20px; padding-right: 20px;"> </img></center>
  
−
     <center><h3 style="padding-top:70px;padding-bottom:200px;color:white; font-weight: 300;"> A novel bacteriocin treatment for bovine mastitis</h3></center>
+
     <center><h3 class="cig-header-subtitle" style="padding-top:70px;padding-bottom:200px;color:white; font-weight: 300;"> A novel bacteriocin treatment for bovine mastitis</h3></center>
  
 
     </div>
 
     </div>
 +
 +
<div class="main-container">
 +
<section class="bg-dark pb0" style="
 +
    background-color: rgba(245, 245, 245, 0.45);
 +
    padding:  40px 0;
 +
">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 text-center">
 +
<a class href="https://igem.engineering.cornell.edu/"><img alt="Cornell iGEM Logo" src="https://static.igem.org/mediawiki/2016/b/b4/T--Cornell_NY--logo.png" style="
 +
    /* margin-bottom: 40px; */
 +
    max-width: 50%;
 +
"></a>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
</div>
  
 
     <div class="main-container">
 
     <div class="main-container">
Line 46: Line 64:
 
                             <h3 class="uppercase color-primary mb40 mb-xs-24" style="margin-bottom: 40px;">About Our Project</h3>
 
                             <h3 class="uppercase color-primary mb40 mb-xs-24" style="margin-bottom: 40px;">About Our Project</h3>
 
                             <p class="lead" style="text-align: center;">
 
                             <p class="lead" style="text-align: center;">
−
                                We developed our project through the eyes of dairy farmers. Our dream is that one day mastitis will be cured. By modifying the treatment and milking process, we can help eradicate a disease that has evolved and resisted drugs throughout the ages.
+
                              We developed our project through the eyes of dairy farmers, with whom we share the endeavor to cure bovine mastitis. By modifying the mastitis treatment and cow milking processes, we can help eradicate a disease that has evolved and resisted drugs throughout the ages. Through our three pronged approach, we believe that we’ve done just that. Time for mastitis to moo-ve over and out.
−
                                Through a comprehensive treatment that targets pathogens utilizing a synthetic biology approach, a customizable shell with prevention modules, and a user-friendly app for farmers, we believe we’ve done just that.  
+
−
                            </p>
+
−
                            <p class="lead" style="text-align: center; font-weight: 700;">
+
−
                                Time for mastitis to moo-ve over and out.
+
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
Line 59: Line 73:
 
             </section>
 
             </section>
 
     </div>
 
     </div>
 +
 +
<div class="main-container">
 +
<section class="pb64 pb-xs-40">
 +
      <div class="container">
 +
          <div class="row">
 +
              <div class="col-sm-4">
 +
                  <div class="feature feature-2 filled text-center">
 +
                      <div class="text-center">
 +
                          <img class="cig-wetlab"></img>
 +
                          <h5 class="uppercase">Treatment</h5>
 +
                      </div>
 +
                      <p style="text-align: center;">
 +
                          We target the most common bovine mastitis-causing pathogens with a panel of specific bacteriocin-derived treatments.
 +
                      </p>
 +
                  </div>
 +
                 
 +
              </div>
 +
              <div class="col-sm-4">
 +
                  <div class="feature feature-2 filled text-center">
 +
                      <div class="text-center">
 +
                          <img class="cig-drylab"></img>
 +
                          <h5 class="uppercase">Prevention</h5>
 +
                      </div>
 +
                      <p style="text-align: center;">
 +
                          Our system minimizes bacterial infection through our customizable preventative milking shell.
 +
                      </p>
 +
                  </div>
 +
                 
 +
              </div>
 +
              <div class="col-sm-4">
 +
                  <div class="feature feature-2 filled text-center">
 +
                      <div class="text-center">
 +
                          <img class="cig-ece"></img>
 +
                          <h5 class="uppercase">Detection</h5>
 +
                      </div>
 +
                      <p style="text-align: center;">
 +
                          Our system enables early detection with a mobile cow-side somatic cell counter microscope and data-logging smartphone app for farmer.
 +
                      </p>
 +
                  </div>
 +
                 
 +
              </div>
 +
</div>
 +
          </div>
 +
         
 +
      </div>
 +
     
 +
  </section></div>
  
 
     <!-- HIPSTER GRID -->
 
     <!-- HIPSTER GRID -->
Line 72: Line 133:
 
                                 <div class="title">
 
                                 <div class="title">
 
                                     <h5 class="uppercase mb0">"Milk pays the bills"</h5>
 
                                     <h5 class="uppercase mb0">"Milk pays the bills"</h5>
−
                                     <span>Grace Chuang</span>
+
                                     <span></span>
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
Line 83: Line 144:
 
                                 <div class="title">
 
                                 <div class="title">
 
                                     <h5 class="uppercase mb0">"Mastitis is an inevitable disease"</h5>
 
                                     <h5 class="uppercase mb0">"Mastitis is an inevitable disease"</h5>
−
                                     <span>Tara Chari</span>
+
                                     <span></span>
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
Line 94: Line 155:
 
                                 <div class="title">
 
                                 <div class="title">
 
                                     <h5 class="uppercase mb0">“We try to manage that risk every day”</h5>
 
                                     <h5 class="uppercase mb0">“We try to manage that risk every day”</h5>
−
                                     <span>Sachi Koide</span>
+
                                     <span></span>
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
Line 105: Line 166:
 
                                 <div class="title">
 
                                 <div class="title">
 
                                     <h5 class="uppercase mb0">"It could be a home run"</h5>
 
                                     <h5 class="uppercase mb0">"It could be a home run"</h5>
−
                                     <span>Rishabh Singh</span>
+
                                     <span></span>
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
Line 116: Line 177:
 
                                 <div class="title">
 
                                 <div class="title">
 
                                     <h5 class="uppercase mb0">“We need to get people to try to understand where our food comes from"</h5>
 
                                     <h5 class="uppercase mb0">“We need to get people to try to understand where our food comes from"</h5>
−
                                     <span>Saie Ganoo</span>
+
                                     <span></span>
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
Line 127: Line 188:
 
                                 <div class="title">
 
                                 <div class="title">
 
                                     <h5 class="uppercase mb0">"It's a neat idea"</h5>
 
                                     <h5 class="uppercase mb0">"It's a neat idea"</h5>
−
                                     <span>Bill Morgan</span>
+
                                     <span></span>
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
Line 145: Line 206:
 
             <div class="main-container">
 
             <div class="main-container">
 
             <section class="image-edge" style="background-color: rgba(245, 245, 245, 0.45);">
 
             <section class="image-edge" style="background-color: rgba(245, 245, 245, 0.45);">
−
                     <div class="col-md-6 col-sm-4 p0">
+
                     <div class="cig-circle-left col-md-6 col-sm-4 p0">
−
                         <img alt="Screenshot" class="mb-xs-24" src="https://static.igem.org/mediawiki/2016/c/c2/T--Cornell_NY--circle-placeholder.png">
+
                         <img alt="Udder Defense" class="cig-circle mb-xs-24" src="https://static.igem.org/mediawiki/2016/b/b5/T--Cornell_NY--WetLabCircle.png">
 
                     </div>
 
                     </div>
 
                     <div class="container">
 
                     <div class="container">
 
                         <div class="col-md-5 col-md-offset-1 col-sm-7 col-sm-offset-1 v-align-transform right">
 
                         <div class="col-md-5 col-md-offset-1 col-sm-7 col-sm-offset-1 v-align-transform right">
−
                             <h1 class="large mb40 mb-xs-16">Wetlab</h1>
+
                             <h1 class="cig-circle-title large mb40 mb-xs-16">Udder Defense</h1>
 
                              
 
                              
 
                             <p class="lead mb40">
 
                             <p class="lead mb40">
−
                                 We genetically engineered <i>E. coli</i> to produce 13 different bacteriocins to target common and historically significant pathogens of mastitis with greater specificity than traditional antibiotics.
+
                                 We genetically engineered <i>E. coli</i> to produce 13 different bacteriocins to target common and historically significant mastitis-causing pathogens with greater specificity than traditional antibiotics.
 
                             </p>
 
                             </p>
−
                             <a class="btn-lg btn" href="#">FIND OUT MORE</a>
+
                             <a class="btn-lg btn" href="https://2016.igem.org/Team:Cornell_NY/Proof">FIND OUT MORE</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                      
 
                      
 
                 </section><section class="image-edge">
 
                 </section><section class="image-edge">
−
                     <div class="col-md-6 col-sm-4 p0 col-md-push-6 col-sm-push-8">
+
                     <div class="cig-circle-right col-md-6 col-sm-4 p0 col-md-push-6 col-sm-push-8">
−
                         <img alt="Screenshot" class="mb-xs-24" src="https://static.igem.org/mediawiki/2016/c/c2/T--Cornell_NY--circle-placeholder.png">
+
                         <img alt="The Milky Way" class="cig-circle mb-xs-24" src="https://static.igem.org/mediawiki/2016/8/83/T--Cornell_NY--ProdDevCircle.png">
 
                     </div>
 
                     </div>
 
                     <div class="container">
 
                     <div class="container">
 
                         <div class="col-md-5 col-md-pull-0 col-sm-7 col-sm-pull-4 v-align-transform">
 
                         <div class="col-md-5 col-md-pull-0 col-sm-7 col-sm-pull-4 v-align-transform">
−
                             <h1 class="large mb40 mb-xs-16">Product Development</h1>
+
                             <h1 class="cig-circle-title large mb40 mb-xs-16">The Milky Way</h1>
 
                              
 
                              
 
                             <p class="lead mb40">
 
                             <p class="lead mb40">
−
                                 We created a multi-functional nozzle with interchangeable parts to assist the farmer in prevention, detection, and treatment. Choose between an iodine module, UV lights, a temperature sensor, a cold shock module, and a syringe applicator, or have them all!
+
                                 We created a novel, modular, customizable milking machine shell to prevent bacteria from infecting the cow. With automatic post-dip, UV sterilization, temperature detection, and cold shock functionalities to choose from, the options are limitless when it comes to preventing bovine mastitis.
 
                             </p>
 
                             </p>
−
                             <a class="btn-lg btn" href="#">CHECK IT OUT</a>
+
                             <a class="btn-lg btn" href="https://2016.igem.org/Team:Cornell_NY/Demonstrate">CHECK IT OUT</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                      
 
                      
 
                 </section><section class="image-edge" style="background-color: rgba(245, 245, 245, 0.45);">
 
                 </section><section class="image-edge" style="background-color: rgba(245, 245, 245, 0.45);">
−
                     <div class="col-md-6 col-sm-4 p0">
+
                     <div class="cig-circle-left col-md-6 col-sm-4 p0">
−
                         <img alt="Screenshot" class="mb-xs-24" src="https://static.igem.org/mediawiki/2016/c/c2/T--Cornell_NY--circle-placeholder.png">
+
                         <img alt="Cowscope" class="cig-circle mb-xs-24" src="https://static.igem.org/mediawiki/2016/6/6e/T--Cornell_NY--OpeningPage_AppCircle.png">
 
                     </div>
 
                     </div>
 
                     <div class="container">
 
                     <div class="container">
 
                         <div class="col-md-5 col-md-offset-1 col-sm-7 col-sm-offset-1 v-align-transform right">
 
                         <div class="col-md-5 col-md-offset-1 col-sm-7 col-sm-offset-1 v-align-transform right">
−
                             <h1 class="large mb40 mb-xs-16">CS/ECE</h1>
+
                             <h1 class="cig-circle-title large mb40 mb-xs-16">Cowscope</h1>
 
                              
 
                              
 
                             <p class="lead mb40">
 
                             <p class="lead mb40">
−
                                 We designed an app with a somatic cell counter through a microscope attachment, a cost calculator, and a data input function, so that you can start preventing mastitis wherever you are.
+
                                 We designed an app with a somatic cell counter through a microscope attachment, a cost calculator, and a data input function, for early and efficient bovine mastitis detection.
 
                             </p>
 
                             </p>
−
                             <a class="btn-lg btn" href="#">DOWNLOAD IT</a>
+
                             <a class="btn-lg btn" href="https://2016.igem.org/Team:Cornell_NY/Software">DOWNLOAD IT</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                      
 
                      
 
                 </section><section class="image-edge">
 
                 </section><section class="image-edge">
−
                     <div class="col-md-6 col-sm-4 p0 col-md-push-6 col-sm-push-8">
+
                     <div class="cig-circle-right col-md-6 col-sm-4 p0 col-md-push-6 col-sm-push-8">
−
                         <img alt="Screenshot" class="mb-xs-24" src="https://static.igem.org/mediawiki/2016/c/c2/T--Cornell_NY--circle-placeholder.png">
+
                         <img alt="Policy &amp; Practices" class="cig-circle mb-xs-24" src="https://static.igem.org/mediawiki/2016/d/df/T--Cornell_NY--OpeningPage_PPCircle.png">
 
                     </div>
 
                     </div>
 
                     <div class="container">
 
                     <div class="container">
 
                         <div class="col-md-5 col-md-pull-0 col-sm-7 col-sm-pull-4 v-align-transform">
 
                         <div class="col-md-5 col-md-pull-0 col-sm-7 col-sm-pull-4 v-align-transform">
−
                             <h1 class="large mb40 mb-xs-16">Policy &amp; Practices</h1>
+
                             <h1 class="cig-circle-title large mb40 mb-xs-16">Policy &amp; Practices</h1>
 
                              
 
                              
 
                             <p class="lead mb40">
 
                             <p class="lead mb40">
−
                                 We collaborated with over 13 dairy farms, companies, and experts at every stage of our project - brainstorming, tailoring our sketches, and finally bringing our product to life.
+
                                 We collaborated with over a dozen dairy farms, companies, and experts at every stage of our project - from brainstorming and tailoring our sketches to finally bringing our product to life.
 
                             </p>
 
                             </p>
−
                             <a class="btn-lg btn" href="#">SEE WHERE WE'VE BEEN</a>
+
                             <a class="btn-lg btn" href="https://2016.igem.org/Team:Cornell_NY/Integrated_Practices">SEE WHERE WE'VE BEEN</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                      
 
                      
 
                 </section><section class="image-edge" style="background-color: rgba(245, 245, 245, 0.45);">
 
                 </section><section class="image-edge" style="background-color: rgba(245, 245, 245, 0.45);">
−
                     <div class="col-md-6 col-sm-4 p0">
+
                     <div class="cig-circle-left col-md-6 col-sm-4 p0">
−
                         <img alt="Screenshot" class="mb-xs-24" src="https://static.igem.org/mediawiki/2016/c/c2/T--Cornell_NY--circle-placeholder.png">
+
                         <img alt="Public Engagement" class="cig-circle mb-xs-24" src="https://static.igem.org/mediawiki/2016/0/0c/T--Cornell_NY--OpeningPage_PublicEngagementCircle.png">
 
                     </div>
 
                     </div>
 
                     <div class="container">
 
                     <div class="container">
 
                         <div class="col-md-5 col-md-offset-1 col-sm-7 col-sm-offset-1 v-align-transform right">
 
                         <div class="col-md-5 col-md-offset-1 col-sm-7 col-sm-offset-1 v-align-transform right">
−
                             <h1 class="large mb40 mb-xs-16">Public Engagement</h1>
+
                             <h1 class="cig-circle-title large mb40 mb-xs-16">Public Engagement</h1>
 
                              
 
                              
 
                             <p class="lead mb40">
 
                             <p class="lead mb40">
−
                                 We took our project to the Great New York State Fair, the Sciencenter, campus events, and to 4-H youth to raise awareness about mastitis and synthetic biology. More so, we engaged with the public and asked them what they thought. Because your opinion matters.
+
                                 We took our project to the Great New York State Fair, the Sciencenter, campus events, and 4-H youth to raise awareness about bovine mastitis and synthetic biology. More so, we engaged with the public and asked them what they thought. Because your opinion matters.
 
                             </p>
 
                             </p>
−
                             <a class="btn-lg btn" href="#">CONTACT US</a>
+
                             <a class="btn-lg btn" href="https://2016.igem.org/Team:Cornell_NY/Engagement">CONTACT US</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                      
 
                      
 
                 </section><section class="image-edge">
 
                 </section><section class="image-edge">
−
                     <div class="col-md-6 col-sm-4 p0 col-md-push-6 col-sm-push-8">
+
                     <div class="cig-circle-right col-md-6 col-sm-4 p0 col-md-push-6 col-sm-push-8">
−
                         <img alt="Screenshot" class="mb-xs-24" src="https://static.igem.org/mediawiki/2016/c/c2/T--Cornell_NY--circle-placeholder.png">
+
                         <img alt="Business" class="cig-circle mb-xs-24" src="https://static.igem.org/mediawiki/2016/4/49/T--Cornell_NY--BusinessCircle.png">
 
                     </div>
 
                     </div>
 
                     <div class="container">
 
                     <div class="container">
 
                         <div class="col-md-5 col-md-pull-0 col-sm-7 col-sm-pull-4 v-align-transform">
 
                         <div class="col-md-5 col-md-pull-0 col-sm-7 col-sm-pull-4 v-align-transform">
−
                             <h1 class="large mb40 mb-xs-16">Business</h1>
+
                             <h1 class="cig-circle-title large mb40 mb-xs-16">Business</h1>
 
                              
 
                              
 
                             <p class="lead mb40">
 
                             <p class="lead mb40">
 
                                 We wrote a business plan that lays the foundation for our marketable product to be translated into a start-up.
 
                                 We wrote a business plan that lays the foundation for our marketable product to be translated into a start-up.
 
                             </p>
 
                             </p>
−
                             <a class="btn-lg btn" href="#">LEARN MORE</a>
+
                             <a class="btn-lg btn" href="https://2016.igem.org/Team:Cornell_NY/Entrepreneurship">LEARN MORE</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 240: Line 301:
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 text-center">
 
                         <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 text-center">
−
                             <h5 class="fade-1-4" style="font-family: 'Open Sans'; font-weight: 300;">© Cornell iGEM 2016</h5>
+
                             <h5 class="fade-1-4">© Cornell iGEM 2016</h5>
 
                             <ul class="list-inline social-list mb0" style="
 
                             <ul class="list-inline social-list mb0" style="
 
     margin: 0.3em 0 0 0.5em; */
 
     margin: 0.3em 0 0 0.5em; */
Line 246: Line 307:
 
                                 <li>
 
                                 <li>
 
                                     <a href="#">
 
                                     <a href="#">
−
                                         <i class="ti-instagram"></i>
+
                                         <i class="ti-twitter-alt"></i>
 
                                     </a>
 
                                     </a>
 
                                 </li>
 
                                 </li>
Line 256: Line 317:
 
                                 <li>
 
                                 <li>
 
                                     <a href="#">
 
                                     <a href="#">
−
                                         <i class="ti-twitter"></i>
+
                                         <i class="ti-dribbble"></i>
 
                                     </a>
 
                                     </a>
 
                                 </li>
 
                                 </li>
 
                                 <li>
 
                                 <li>
 
                                     <a href="#">
 
                                     <a href="#">
−
                                         <i class="ti-email"></i>
+
                                         <i class="ti-vimeo-alt"></i>
 
                                     </a>
 
                                     </a>
 
                                 </li>
 
                                 </li>

Latest revision as of 00:44, 20 October 2016

Variant HTML Builder by Medium Rare

Header 2

A novel bacteriocin treatment for bovine mastitis

Cornell iGEM Logo

About Our Project

We developed our project through the eyes of dairy farmers, with whom we share the endeavor to cure bovine mastitis. By modifying the mastitis treatment and cow milking processes, we can help eradicate a disease that has evolved and resisted drugs throughout the ages. Through our three pronged approach, we believe that we’ve done just that. Time for mastitis to moo-ve over and out.

Treatment

We target the most common bovine mastitis-causing pathogens with a panel of specific bacteriocin-derived treatments.

Prevention

Our system minimizes bacterial infection through our customizable preventative milking shell.

Detection

Our system enables early detection with a mobile cow-side somatic cell counter microscope and data-logging smartphone app for farmer.

Pic
"Milk pays the bills"
Pic
"Mastitis is an inevitable disease"
Pic
“We try to manage that risk every day”
Pic
"It could be a home run"
Pic
“We need to get people to try to understand where our food comes from"
Pic
"It's a neat idea"
Udder Defense

Udder Defense

We genetically engineered E. coli to produce 13 different bacteriocins to target common and historically significant mastitis-causing pathogens with greater specificity than traditional antibiotics.

FIND OUT MORE
The Milky Way

The Milky Way

We created a novel, modular, customizable milking machine shell to prevent bacteria from infecting the cow. With automatic post-dip, UV sterilization, temperature detection, and cold shock functionalities to choose from, the options are limitless when it comes to preventing bovine mastitis.

CHECK IT OUT
Cowscope

Cowscope

We designed an app with a somatic cell counter through a microscope attachment, a cost calculator, and a data input function, for early and efficient bovine mastitis detection.

DOWNLOAD IT
Policy & Practices

Policy & Practices

We collaborated with over a dozen dairy farms, companies, and experts at every stage of our project - from brainstorming and tailoring our sketches to finally bringing our product to life.

SEE WHERE WE'VE BEEN
Public Engagement

Public Engagement

We took our project to the Great New York State Fair, the Sciencenter, campus events, and 4-H youth to raise awareness about bovine mastitis and synthetic biology. More so, we engaged with the public and asked them what they thought. Because your opinion matters.

CONTACT US
Business

Business

We wrote a business plan that lays the foundation for our marketable product to be translated into a start-up.

LEARN MORE
© Cornell iGEM 2016