Difference between revisions of "Team:Cornell/home"

(Blanked the page)
 
(42 intermediate revisions by 5 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
+
 
<html class="no-js">
+
    <head>
+
    <meta charset="UTF-8">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
    <title>Home</title>
+
    <meta name="description" content="Home">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <!--Stylesheets-->
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/bootstrapCSS?action=raw&ctype=text/css">
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/styles?action=raw&ctype=text/css"> <!--For nav bar text-->
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/animateCSS?action=raw&ctype=text/css"> <!--For slide show text animation-->
+
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Cornell/slickCSS?action=raw&ctype=text/css"> <!--For slide show-->
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:Cornell/mainCSS?action=raw&ctype=text/css">
+
    <!--Fonts-->
+
    <link href="https://fonts.googleapis.com/css?family=Montserrat:700,400" rel="stylesheet" type="text/css">
+
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic&amp;subset=latin,latin-ext,cyrillic" rel="stylesheet" type="text/css">
+
    <link href="https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900" rel="stylesheet" type="text/css">
+
    <!-- JavaScript Files-->
+
    <script src="https://2017.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript" type="text/javascript" ></script> 
+
    <!--For slideshow-->
+
    <script src="https://2017.igem.org/Team:Cornell/modernizrJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <script src="https://2017.igem.org/Team:Cornell/slickJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <script src="https://2017.igem.org/Team:Cornell/stellar?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <script src="https://2017.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript" type="text/javascript" type="text/javascript"></script>
+
  </head>
+
  <body class="ex-layout">
+
    <div class="main-nav-wrapper nav-wrapper-1-creative">
+
      <nav>
+
        <div class="main-nav main-nav-1 creative-page nav-content-toggle">
+
          <div class="container">
+
            <div class="nav-logo">
+
                <a href="index.html"><img src="https://static.igem.org/mediawiki/2017/1/1d/CornellOxyponicsLogo.png" alt="Oxyponics"></a>
+
            </div>
+
            <ul class="nav-main-menu nav-content-item">
+
              <li><a href="#">HOME</a></li>
+
              <li><a href="#">ABOUT</a>
+
                <ul>
+
                  <li><a href="">PROJECT OVERVIEW</a></li>
+
                  <li><a href="">PROJECT BACKGROUND</a></li>
+
                  <li><a href="">FUTURE APPLICATIONS</a></li>
+
                  </ul>
+
              </li>
+
              <li class="mega-menu menu-5-col"><a href="#">TOOLKIT</a>
+
                <ul class="mega-menu-content">
+
                  <li class="menu-title"><a href="#">WET LAB</a>
+
                    <ul>
+
                      <li><a href="">OVERVIEW</a></li>
+
                      <li><a href="">REDOX FLUORESENT PROTEINS</a></li>
+
                      <li><a href="">LIGHT-SENSITIVE PROMOTERS</a></li>
+
                      <li><a href="">INTEGRATED TESTING</a></li>
+
                      <li><a href="">FUTURE WORK</a></li>
+
                      <li><a href="">PARTS</a></li>
+
                      <li><a href="">PROTOCOLS</a></li>
+
                    </ul>
+
                  </li>
+
                  <li class="menu-title"><a href="#">PRODUCT DEVELOPMENT</a>
+
                    <ul>
+
                      <li><a href="">OVERVIEW</a></li>
+
                      <li><a href="">OXYPONICS SYSTEM</a></li>
+
                      <li><a href="">DASHBOARD</a></li>
+
                      <li><a href="">DESIGN PROCESS</a></li>
+
                    </ul>
+
                  </li>
+
                  <li class="menu-title"><a href="#">MATHEMATICAL MODELING</a>
+
                    <ul>
+
                      <li><a href="">MODELING</a></li>
+
                      <li><a href="">ANIMATION</a></li>
+
                    </ul>
+
                  </li>
+
                  <li class="menu-title"><a href="#">DOCUMENTATION</a>
+
                    <ul>
+
                      <li><a href="">NOTEBOOK</a></li>
+
                      <li><a href="">SAFETY</a></li>
+
                    </ul>
+
                  </li>
+
                </ul>
+
              </li>
+
              <li><a href="#">HUMAN CENTERED DESIGN</a>
+
                <ul>
+
                  <li><a href="">PRACTICES</a></li>
+
                  <li><a href="">POLICIES</a></li>
+
                  <li><a href="">ENTREPRENEURSHIP</a></li>
+
                  </ul>
+
              </li>
+
              <li><a href="#">OUTREACH</a>
+
                <ul>
+
                  <li><a href="">CONNECTIONS</a></li>
+
                  <li><a href="">PUBLIC ENGAGEMENT</a></li>
+
                </ul>
+
              </li>
+
              <li><a href="#">TEAM</a>
+
                <ul>
+
                  <li><a href="">BIOS</a></li>
+
                  <li><a href="">SPONSORS</a></li>
+
                  <li><a href="">ATTRIBUTIONS</a></li>
+
                  <li><a href="">OFFICIAL PROFILE</a></li>
+
                  </ul>
+
              </li>
+
            </ul>
+
            <ul class="nav-main-menu small-screen">
+
              <li><a href="#">HOME</a></li>
+
              <li><a href="#">ABOUT</a>
+
                <ul>
+
                  <li><a href="">PROJECT OVERVIEW</a></li>
+
                  <li><a href="">PROJECT BACKGROUND</a></li>
+
                  <li><a href="">FUTURE APPLICATIONS</a></li>
+
                  </ul>
+
              </li>
+
              <li><a href="#">TOOLKIT</a>
+
                <ul>
+
                  <li><a href="#">WET LAB</a>
+
                    <ul>
+
                      <li><a href="">OVERVIEW</a></li>
+
                      <li><a href="">REDOX FLUORESENT PROTEINS</a></li>
+
                      <li><a href="">LIGHT-SENSITIVE PROMOTERS</a></li>
+
                      <li><a href="">INTEGRATED TESTING</a></li>
+
                      <li><a href="">FUTURE WORK</a></li>
+
                      <li><a href="">PARTS</a></li>
+
                      <li><a href="">PROTOCOLS</a></li>
+
                    </ul>
+
                  </li>
+
                  <li><a href="#">PRODUCT DEVELOPMENT</a>
+
                    <ul>
+
                      <li><a href="">OVERVIEW</a></li>
+
                      <li><a href="">OXYPONICS SYSTEM</a></li>
+
                      <li><a href="">DASHBOARD</a></li>
+
                      <li><a href="">DESIGN PROCESS</a></li>
+
                    </ul>
+
                  </li>
+
                  <li><a href="#">MATHEMATICAL MODELING</a>
+
                    <ul>
+
                      <li><a href="">MODELING</a></li>
+
                      <li><a href="">ANIMATION</a></li>
+
                    </ul>
+
                  </li>
+
                  <li><a href="#">DOCUMENTATION</a>
+
                    <ul>
+
                      <li><a href="">NOTEBOOK</a></li>
+
                      <li><a href="">SAFETY</a></li>
+
                    </ul>
+
                  </li>
+
                </ul>
+
              </li>
+
              <li><a href="#">HUMAN CENTERED DESIGN</a>
+
                <ul>
+
                  <li><a href="">PRACTICES</a></li>
+
                  <li><a href="">POLICIES</a></li>
+
                  <li><a href="">ENTREPRENEURSHIP</a></li>
+
                  </ul>
+
              </li>
+
              <li><a href="#">OUTREACH</a>
+
                <ul>
+
                  <li><a href="">CONNECTIONS</a></li>
+
                  <li><a href="">PUBLIC ENGAGEMENT</a></li>
+
                </ul>
+
              </li>
+
              <li><a href="#">TEAM</a>
+
                <ul>
+
                  <li><a href="">BIOS</a></li>
+
                  <li><a href="">SPONSORS</a></li>
+
                  <li><a href="">ATTRIBUTIONS</a></li>
+
                  <li><a href="">OFFICIAL PROFILE</a></li>
+
                  </ul>
+
              </li>
+
            </ul>
+
            <div class="nav-hamburger-wrapper">
+
              <div class="cell-vertical-wrapper">
+
                <div class="cell-middle">
+
                  <div class="nav-hamburger"><span></span></div>
+
                </div>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
      </nav>
+
    </div>
+
    <main>
+
        <!------------------------SLIDE SHOW------------------------>
+
        <header class="site-header">
+
        <div class="home-fw-slider style-2 caption-slider control-nav">
+
          <div class="home-slider-item">
+
            <div style="background-image: url(https://static.igem.org/mediawiki/2017/c/c9/CornellSlideshowSlide1.jpg);" class="item-image">
+
              <div class="overlay">
+
                <div class="cell-vertical-wrapper">
+
                  <div class="cell-middle">
+
                    <div class="container">
+
                      <div class="caption-wrapper text-left">
+
                        <p data-caption-animation="fadeIn" class="caption text-left titleSlide"><img src="https://static.igem.org/mediawiki/2017/1/1d/CornellOxyponicsLogo.png" alt="Oxyponics" data-caption-animation="fadeIn" class="caption">A new approach<br>to plant growth.</p>
+
                      </div>
+
                    </div>
+
                  </div>
+
                </div>
+
              </div>
+
            </div>
+
          </div>
+
          <div class="home-slider-item">
+
            <div style="background-image: url(https://static.igem.org/mediawiki/2017/6/65/CornellSlideshowSlide2.JPG);" class="item-image">
+
              <div class="overlay">
+
                <div class="cell-vertical-wrapper">
+
                  <div class="cell-middle">
+
                    <div class="container">
+
                      <div class="caption-wrapper text-center">
+
                          <p data-caption-animation="fadeIn" class="caption">Our project this year involves the creation of a <span class = "boldSlideText">toolkit</span> for the analysis of <span class = "boldSlideText">redox state</span>. As new research continues to suggest, reactive oxygen species may play a huge role in a plethora of processes, including <span class = "boldSlideText">plant growth.</span></p>
+
                      </div>
+
                    </div>
+
                  </div>
+
                </div>
+
              </div>
+
            </div>
+
          </div>
+
          <div class="home-slider-item">
+
            <div style="background-image: url(https://static.igem.org/mediawiki/2017/a/ae/CornellSlideshowSlide3.png);" class="item-image">
+
              <div class="overlay">
+
                <div class="cell-vertical-wrapper">
+
                  <div class="cell-middle">
+
                    <div class="container">
+
                      <div class="caption-wrapper text-center">
+
                          <p data-caption-animation="fadeIn" class="caption">In our effort to advance this newfound science, we chose to create a hydroponics application that boosts plant growth and health by regulating oxidative stress levels in a plant roots’ environment - <span class = "boldSlideText">revolutionizing hydroponics farming.</span></p>
+
                      </div>
+
                    </div>
+
                  </div>
+
                </div>
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
        </header>
+
        <!------------------------END SLIDE SHOW------------------------>
+
        <!------------------------TITLE DESCRIPTION------------------------>
+
        <section class="bgc-gray">
+
            <div class="service-section-03">
+
                <div class="container">
+
                  <div class="row justify-content-center">
+
                    <div class="col-md-1"></div>
+
                    <div class="col-md-10 service-item-wrapper text-center section-block">
+
                            <img src="https://static.igem.org/mediawiki/2017/2/2e/CornelliGemLogo.png" alt="Cornell iGem" data-caption-animation="fadeIn" class = "igemLogo">
+
                            <div class = "igemLogoSubtitle">We’re a synthetic biology research team introducing a new way of growing hydroponically.</div>
+
                    </div>
+
                    <div class="col-md-1"></div>
+
                  </div>
+
                  <div class = "row justify-content-center tilesWrapper">
+
                      <div class="col-md-4">
+
                        <a href="">
+
                            <div class="team-style-01 text-center section-block-p tile">
+
                              <div class="image"><img src="https://static.igem.org/mediawiki/2017/a/ac/CornellTileWetlab.png" alt="Wet Lab">
+
                                  <div class="overlay"></div>
+
                                  <div class = "tileTitleWrapper">
+
                                    <div class = "tileTitle">WET LAB</div>
+
                                    <div class = "tileSubtitle">REDOX SENSING SYSTEM</div>
+
                                  </div>
+
                              </div>
+
                            </div>
+
                        </a>
+
                      </div>
+
                      <div class="col-md-4">
+
                          <a href="">
+
                              <div class="team-style-01 text-center section-block-p tile">
+
                                  <div class="image"><img src="https://static.igem.org/mediawiki/2017/7/71/CornellTileProdDev.png" alt="Product Development">
+
                                    <div class="overlay"></div>
+
                                    <div class = "tileTitleWrapper">
+
                                        <div class = "tileTitle">PRODUCT DEV</div>
+
                                        <div class = "tileSubtitle">OPTICS</div>
+
                                    </div>
+
                                  </div>
+
                              </div>
+
                          </a>
+
                      </div>
+
                      <div class="col-md-4">
+
                        <a href="">
+
                            <div class="team-style-01 text-center section-block-p tile">
+
                              <div class="image"><img src="https://static.igem.org/mediawiki/2017/7/7f/CornellTileP%26P.png" alt="Policies & Practices">
+
                                  <div class="overlay"></div>
+
                                  <div class = "tileTitleWrapper pAndP">
+
                                    <div class = "tileTitle">POLICY &amp; PRACTICES</div>
+
                                    <div class = "tileSubtitle">CUSTOMER INSIGHTS</div>
+
                                  </div>
+
                              </div>
+
                            </div>
+
                        </a>
+
                      </div>
+
                  </div>
+
                  <div class = "row justify-content-center tilesWrapper">
+
                      <div class="col-md-4">
+
                          <a href="">
+
                              <div class="team-style-01 text-center section-block-p tile">
+
                                  <div class="image"><img src="https://static.igem.org/mediawiki/2017/8/8e/CornellTileOutreach.png" alt="Outreach">
+
                                      <div class="overlay"></div>
+
                                      <div class = "tileTitleWrapper">
+
                                        <div class = "tileTitle">OUTREACH</div>
+
                                        <div class = "tileSubtitle">PROGRAMS</div>
+
                                      </div>
+
                                  </div>
+
                              </div>
+
                          </a>
+
                      </div>
+
                      <div class="col-md-4">
+
                          <a href="">
+
                              <div class="team-style-01 text-center section-block-p tile">
+
                                  <div class="image"><img src="https://static.igem.org/mediawiki/2017/d/d7/CornellTileBusiness.png" alt="Business">
+
                                    <div class="overlay"></div>
+
                                    <div class = "tileTitleWrapper">
+
                                        <div class = "tileTitle">BUSINESS</div>
+
                                        <div class = "tileSubtitle">OUR CANVAS</div>
+
                                    </div>
+
                                  </div>
+
                              </div>
+
                          </a>
+
                      </div>
+
                      <div class="col-md-4">
+
                        <a href="">
+
                            <div class="team-style-01 text-center section-block-p tile">
+
                                  <div class="image"><img src="https://static.igem.org/mediawiki/2017/d/d2/CornellTileProdTeam.png" alt="Team">
+
                                      <div class="overlay"></div>
+
                                      <div class = "tileTitleWrapper">
+
                                        <div class = "tileTitle">THE TEAM</div>
+
                                        <div class = "tileSubtitle">CORNELL IGEM</div>
+
                                      </div>
+
                                  </div>
+
                            </div>
+
                        </a>
+
                      </div>
+
                  </div>
+
                </div>
+
            </div>
+
        </section> 
+
        <!------------------------END TITLE DESCRIPTION------------------------>
+
       
+
        <!------------------------FOOTER------------------------>
+
        <footer class="footer-preset-04">
+
            <div class="social-04">
+
                <a class="footerIconWrapper" href="https://www.facebook.com/cornelligem/">
+
                    <div class="overlay"></div>
+
                    <img src="https://static.igem.org/mediawiki/2017/0/0b/CornellFacebookIcon.png" height="30px"></a>
+
                <a class="footerIconWrapper" href="https://twitter.com/cugem">
+
                    <div class="overlay"></div>
+
                    <img src="https://static.igem.org/mediawiki/2017/5/50/CornellTwitterIcon.png" height="30px">
+
                </a>
+
                <a class="footerIconWrapper" href="https://www.instagram.com/cugem/">
+
                    <div class="overlay"></div>
+
                    <img src="https://static.igem.org/mediawiki/2017/3/36/CornellInstagramIcon.png" height="30px">
+
                </a>
+
                <a class="footerIconWrapper" href="https://www.youtube.com/channel/UCGmkfjoDXGLms_9LyA93Dwg">
+
                    <div class="overlay"></div>
+
                    <img src="https://static.igem.org/mediawiki/2017/5/50/CornellYoutubeIcon.png" height="30px">
+
                </a>
+
            </div>
+
        </footer>
+
        <!------------------------END FOOTER------------------------>
+
    </main>
+
   
+
</body>
+
</html>
+

Latest revision as of 20:42, 25 October 2017