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

Line 1: Line 1:
−
{{:Team:Cornell_NY/navbar}}
 
−
<html>
 
  
 +
<!doctype html>
 +
<html lang="en">
 +
    <head>
 +
        <meta charset="utf-8">
 +
        <title>Variant HTML Builder by Medium Rare</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
 +
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
 +
        <link href="css/theme.css" rel="stylesheet" type="text/css" media="all" />
 +
        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
 +
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600' rel='stylesheet' type='text/css'>
 +
    </head>
 +
    <body>
 +
 +
<div class="nav-container">
 +
   
 +
   
 +
 +
   
 +
    <nav class="absolute transparent">
 +
        <div class="nav-bar">
 +
            <div class="module left">
 +
                <a href="index.html">
 +
                    <img class="logo logo-light" alt="Foundry" src="img/logo-light.png">
 +
                    <img class="logo logo-dark" alt="Foundry" src="img/logo-dark.png">
 +
                </a>
 +
            </div>
 +
            <div class="module widget-handle mobile-toggle right visible-sm visible-xs">
 +
                <i class="ti-menu"></i>
 +
            </div>
 +
            <div class="module-group right">
 +
                <div class="module left">
 +
                    <ul class="menu">
 +
                        <li>
 +
                            <a href="#">ABOUT</a>
 +
                        </li><li class="has-dropdown">
 +
                            <a href="#">
 +
                                TECHNOLOGY</a>
 +
                            <ul class="mega-menu">
 +
                                <li>
 +
                                    <ul>
 +
                                        <li>
 +
                                            <span class="title">WET LAB</span>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">Bacteriocins</a>
 +
                                        </li><li>
 +
                                            <a href="#">Parts</a>
 +
                                        </li><li>
 +
                                            <a href="#">Protocols</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
  
−
<!-- <style>
+
<li>
 +
                                    <ul>
 +
                                        <li>
 +
                                            <span class="title">PRODUCT</span>
 +
                                        </li>
 +
<li>
 +
                                            <span class="title">DEVELOPMENT</span>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">Customizable Shell</a>
 +
                                        </li>
 +
<li>
 +
                                            <a href="#">App</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
  
−
/********************************* WIKI RESET  ********************************/
+
<li>
 +
                                    <ul>
 +
                                        <li>
 +
                                            <span class="title">MATHEMATICAL MODELING</span>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">Modelings</a>
 +
                                        </li><li>
 +
                                            <a href="#">Animation</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
  
−
#sideMenu, #top_title {display:none;}
+
<li>
−
#content { padding:0px; width:100% !important;margin-top: -26px;; margin-left:0px ;font-family:"Raleway", Helvetica Neue, Helvetica, Arial, sans-serif; !important;}
+
                                    <ul>
−
body {background-color:white; font-family:"Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; !important; }
+
                                        <li>
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; font-family:"Raleway", Helvetica Neue, Helvetica, Arial, sans-serif; !important; }
+
                                            <span class="title">DOCUMENTATION</span>
−
 
+
                                        </li>
−
 
+
                                        <li>
−
</style> -->
+
                                            <a href="#">Notebook</a>
−
 
+
                                        </li>
−
<head>
+
<li>
−
 
+
                                            <a href="#">Safety</a>
−
    <meta charset="utf-8">
+
                                        </li>
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
                                    </ul>
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
                                </li>
−
    <meta name="description" content="">
+
−
    <meta name="author" content="">
+
−
 
+
−
    <title>Header 2</title>
+
−
 
+
−
    <link href="https://2016.igem.org/Team:Cornell_NY/homeCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
−
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/homeJS?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
<link href="http://fonts.googleapis.com/css?family=Poppins:100,300,400,600,700" 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:400,500,600" rel="stylesheet" type="text/css">
+
−
    <script type="text/javascript" async="" src="https://widget.intercom.io/widget/jrdbn46n"></script><script type="text/javascript" src="https://cdn.syndication.twimg.com/widgets/timelines/492085717044981760?&amp;lang=en&amp;callback=twitterFetcher.callback&amp;suppress_response_codes=true&amp;rnd=0.8463142197506373"></script>
+
−
 
+
−
<script async="" src="https://www.google-analytics.com/analytics.js"></script>
+
−
 
+
−
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> <!-- UPLOAD TO IGEM -->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</head>
+
−
 
+
−
<body>
+
−
 
+
−
<div class = "page-header" style="margin:0px 0 0px;background-image:url(https://static.igem.org/mediawiki/2016/9/94/T--Cornell_NY--OpeningBanner.png);background-repeat:no-repeat; background-position:center; background-size: cover; height: 700px;">
+
−
 
+
−
<center><img src="https://static.igem.org/mediawiki/2016/3/32/T--Cornell_NY--OpeningLogo.png" style="width:500px;padding-top:180px;"> </img></center>
+
−
 
+
−
<center><h3 style="padding-top:50px;padding-bottom:200px;color:white;"> A novel bacteriocin treatment for bovine mastitis.  </h3></center>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<!-- FOUNDRY PHOTO -->
+
−
<section id="variant-image-3" class="vim" vbp="portfolio" vbr="Contained Grid w/ Filters" style="margin-top: 0px;padding-bottom:20px;">
+
−
    <section class="projects pt48" >
+
−
        <div class="container">
+
−
         
+
−
            <div class="row masonry masonryFlyIn">
+
−
                <div class="col-md-4 col-sm-6 masonry-item project" data-filter="People">
+
−
                    <div class="image-tile inner-title hover-reveal text-center">
+
−
                        <a href="#">
+
−
                            <img alt="Pic" src="https://static.igem.org/mediawiki/2016/2/25/T--Cornell_NY--OpeningGridGregWalking.jpeg" vht=".project">
+
−
                            <div class="title">
+
−
                                <h5 class="uppercase mb0">Happy Couple</h5>
+
−
                                <span>People / Life</span>
+
−
                            </div>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-sm-6 masonry-item project" data-filter="Animals">
+
−
                    <div class="image-tile inner-title hover-reveal text-center">
+
−
                        <a href="#">
+
−
                            <img alt="Pic" src="https://static.igem.org/mediawiki/2016/8/86/T--Cornell_NY--OpeningGridTeatsHorizontal.jpeg" vht=".project">
+
−
                            <div class="title">
+
−
                                <h5 class="uppercase mb0">Lonely Dog</h5>
+
−
                                <span>Animals / Art</span>
+
−
                            </div>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-sm-6 masonry-item project" data-filter="People">
+
−
                    <div class="image-tile inner-title hover-reveal text-center">
+
−
                        <a href="#">
+
−
                            <img alt="Pic" src="https://static.igem.org/mediawiki/2016/9/92/T--Cornell_NY--OpeningGridVetDairyMilking.jpeg" vht=".project">
+
−
                            <div class="title">
+
−
                                <h5 class="uppercase mb0">Pondering Blonde</h5>
+
−
                                <span>People / Life</span>
+
−
                            </div>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-sm-6 masonry-item project" data-filter="Objects">
+
−
                    <div class="image-tile inner-title hover-reveal text-center">
+
−
                        <a href="#">
+
−
                            <img alt="Pic" src="https://static.igem.org/mediawiki/2016/9/97/T--Cornell_NY--OpeningGridCowStaring.jpeg" vht=".project">
+
−
                            <div class="title">
+
−
                                <h5 class="uppercase mb0">Vintage Typewriter</h5>
+
−
                                <span>Objects / Isolated</span>
+
−
                            </div>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-sm-6 masonry-item project " data-filter="Objects">
+
−
                    <div class="image-tile inner-title hover-reveal text-center">
+
−
                        <a href="#">
+
−
                            <img alt="Pic" src="https://static.igem.org/mediawiki/2016/9/9c/T--Cornell_NY--OpeningGridTaraSaie.jpeg" vht=".project">
+
−
                            <div class="title">
+
−
                                <h5 class="uppercase mb0">Summer Lovin'</h5>
+
−
                                <span>Objects / Food</span>
+
−
                            </div>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-4 col-sm-6 masonry-item project" data-filter="People">
+
−
                    <div class="image-tile inner-title hover-reveal text-center">
+
−
                        <a href="#">
+
−
                            <img alt="Pic" src="https://static.igem.org/mediawiki/2016/c/cb/T--Cornell_NY--OpeningGridBillMorgan.jpeg" vht=".project">
+
−
                            <div class="title">
+
−
                                <h5 class="uppercase mb0">Thick Fog</h5>
+
−
                                <span>People / Life</span>
+
−
                            </div>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
           
+
−
        </div>
+
−
       
+
−
    </section>
+
−
</section>
+
−
<!-- FOUNDRY PHOTO END -->
+
−
 
+
−
 
+
−
<div class= "container-fluid">
+
−
<div class ="row">
+
−
 
+
−
<div class="col-sm-12 text-center">
+
−
 
+
−
<h2> About Us </h2>
+
−
 
+
−
<div class ="row">
+
−
<div class="col-sm-2"> </div>
+
−
<div class="col-sm-4 text-justify">
+
−
<h5 style="padding-top:40px;">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. </h5>
+
−
</div>
+
−
 
+
−
<div class="col-sm-4 text-justify">
+
−
<h5 style="padding-top:40px;"> 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.
+
−
Time for mastitis to moo-ve over and out. </h5>
+
−
</div>
+
−
 
+
−
<div class="col-sm-2"> </div>
+
−
</div>
+
−
</div> <!-- second row -->
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<!-- Wetlab -->
+
−
<div class = "page-header" style="background-color:rgb(41, 41, 41);margin:110px 0 0px;">
+
−
<div class= "container-fluid" >
+
−
<div class ="row">
+
−
<div class = "col-sm-1"> </div>
+
−
<div class="col-sm-5 text-justify">
+
−
<h2 style="color:white;padding-top:70px;"> Wetlab </h2>
+
−
 
+
−
<h5 style="color:white;padding-top:70px;padding-bottom:70px;"> We genetically engineered E.coli to produce 13 different bacteriocins to target common and historically significant pathogens of mastitis with greater specificity than traditional antibiotics.
+
−
</h5>
+
−
 
+
−
<a class="btn btn-lg btn-white mb0" href="https://2016.igem.org/Team:Cornell_NY/Proof" style="margin-bottom:70px !important;">Find Out More</a>
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
 
+
−
<div class="col-sm-5 text-center" style="padding-top:70px;">
+
−
<img src="http://www.freeiconspng.com/uploads/squirrel-png-15.png" ></img>
+
−
 
+
−
 
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Wetlab -->
+
−
 
+
−
 
+
−
<!-- Drylab -->
+
−
 
+
−
<div class = "page-header" style="background-color:#8F8F8F;margin:0px 0 0px;">
+
−
<div class= "container-fluid" >
+
−
<div class ="row">
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
<div class="col-sm-5 text-center" style="padding-top:70px;">
+
−
<img src="http://www.clipartkid.com/images/678/cat-png-with-transparent-background-1-by-meinlilapark-d52tj0r-png-jGZI60-clipart.png" style="width:42%;"></img>
+
−
 
+
−
 
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
<div class="col-sm-5 text-justify">
+
−
<h2 style="color:white;padding-top:70px;"> Product Development </h2>
+
−
 
+
−
<h5 style="color:white;padding-top:70px;padding-bottom:70px;"> 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!
+
−
</h5>
+
−
 
+
−
<a class="btn btn-lg btn-white mb0" href="#" style="margin-bottom:70px !important;">Check It Out</a>
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
 
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<!-- Drylab -->
+
−
 
+
−
 
+
−
 
+
−
<!-- CS/ECE -->
+
−
<div class = "page-header" style="margin:0px 0 0px;">
+
−
<div class= "container-fluid" >
+
−
<div class ="row">
+
−
<div class = "col-sm-1"> </div>
+
−
<div class="col-sm-5 text-justify">
+
−
<h2 style="padding-top:70px;"> CS/ECE </h2>
+
−
 
+
−
<h5 style="padding-top:70px;padding-bottom:70px;"> 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.
+
−
</h5>
+
−
 
+
−
<a class="btn btn-lg btn-black mb0" href="#" style="margin-bottom:70px !important;">Download It</a>
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
 
+
−
<div class="col-sm-5 text-center" style="padding-top:70px;">
+
−
<img src="http://freepngimages.com/wp-content/uploads/2015/10/fox-transparent-background-image.png" ></img>
+
−
 
+
−
 
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- CS/ECE -->
+
−
 
+
−
 
+
−
<!-- Policy & Practices -->
+
−
 
+
−
<div class = "page-header" style="background-color:rgb(41, 41, 41);margin:0px 0 0px;">
+
−
<div class= "container-fluid" >
+
−
<div class ="row">
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
<div class="col-sm-5 text-center" style="padding-top:70px;">
+
−
<img src="http://i0.wp.com/freepngimages.com/wp-content/uploads/2016/03/cute-dog-transparent-background.png?fit=589%2C561" ></img>
+
−
 
+
−
 
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
<div class="col-sm-5 text-justify">
+
−
<h2 style="color:white;padding-top:70px;"> Policy & Practices </h2>
+
−
 
+
−
<h5 style="color:white;padding-top:70px;padding-bottom:70px;"> 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.
+
−
 
+
−
</h5>
+
−
 
+
−
<a class="btn btn-lg btn-white mb0" href="#" style="margin-bottom:70px !important;">See Where We've Been</a>
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
 
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<!-- Policy & Practices -->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!-- Public Engagement -->
+
−
<div class = "page-header" style="background-color:#8F8F8F;margin:0px 0 0px;">
+
−
<div class= "container-fluid" >
+
−
<div class ="row">
+
−
<div class = "col-sm-1"> </div>
+
−
<div class="col-sm-5 text-justify">
+
−
<h2 style="color:white;padding-top:70px;"> Public Engagement </h2>
+
−
 
+
−
<h5 style="color:white;padding-top:70px;padding-bottom:70px;"> 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.
+
−
</h5>
+
−
 
+
−
<a class="btn btn-lg btn-white mb0" href="#" style="margin-bottom:70px !important;">Contact Us</a>
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
 
+
−
<div class="col-sm-5 text-center" style="padding-top:70px;">
+
−
<img src="http://www.photographic-clipart.com/Birdthumbs/Fullbirds/Fullbirds-2/Broad-tailed-HB.png" ></img>
+
−
 
+
−
 
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Public Engagement -->
+
−
 
+
−
 
+
−
<!-- Business -->
+
−
 
+
−
<div class = "page-header" style="margin:0px 0 0px;">
+
−
<div class= "container-fluid" >
+
−
<div class ="row">
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
<div class="col-sm-5 text-center" style="padding-top:70px;">
+
−
<img src="http://res.freestockphotos.biz/pictures/14/14367-illustration-of-a-zebra-pv.png"  style="width:60%;"  ></img>
+
−
 
+
−
 
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
<div class="col-sm-5 text-justify">
+
−
<h2 style="padding-top:70px;">Business </h2>
+
−
 
+
−
<h5 style="padding-top:70px;padding-bottom:70px;"> We wrote a business plan that lays the foundation for our marketable product to be translated into a start-up.
+
−
</h5>
+
−
 
+
−
<a class="btn btn-lg btn-black mb0" href="#" style="margin-bottom:70px !important;">Learn More</a>
+
−
 
+
−
</div> <!-- col-5 -->
+
−
 
+
−
 
+
−
<div class = "col-sm-1"> </div>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<!-- Business -->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</body>
+
  
 +
                            </ul>
 +
                        </li><li class="has-dropdown">
 +
                            <a href="#">
 +
                                HUMAN CENTERED DESIGN</a>
 +
                            <ul class="mega-menu">
 +
                                <li>
 +
                                    <ul>
 +
                                        <li>
 +
                                            <span class="title">Column 1</span>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">Single</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <ul>
 +
                                        <li>
 +
                                            <span class="title">Column 2</span>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">Single</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                            </ul>
 +
                        </li><li>
 +
                            <a href="#">PUBLIC ENGAGEMENT</a>
 +
                        </li><li>
 +
                            <a href="#">OUR TEAM</a>
 +
                        </li>
 +
                       
 +
                       
 +
                    </ul>
 +
                </div>
 +
               
 +
               
 +
            </div>
 +
           
 +
        </div>
 +
    </nav>
 +
 +
</div>
 +
 +
<div class="main-container">
 +
</div>
 +
 +
 +
<script src="js/jquery.min.js"></script>
 +
        <script src="js/bootstrap.min.js"></script>
 +
        <script src="js/parallax.js"></script>
 +
        <script src="js/scripts.js"></script>
 +
    </body>
 
</html>
 
</html>

Revision as of 21:44, 10 October 2016

<!doctype html> Variant HTML Builder by Medium Rare