Difference between revisions of "Team:Cornell/home"

Line 193: Line 193:
 
     <main>
 
     <main>
 
          
 
          
<!------------------------SLIDE SHOW------------------------>
+
      <!------------------------HOME BANNER------------------------>
 
         <header class="site-header">
 
         <header class="site-header">
        <div class="home-fw-slider style-2 caption-slider control-nav">
+
          <div class="container-fluid home-banner-wrapper">
          <div class="home-slider-item">
+
             <div class="home-banner-caption-wrapper">
             <div style="background-image: url(https://static.igem.org/mediawiki/2017/c/c9/CornellSlideshowSlide1.jpg);" class="item-image">
+
              <img src="https://static.igem.org/mediawiki/2017/1/1d/CornellOxyponicsLogo.png" alt="Oxyponics" class="home-banner-logo">
              <div class="overlay">
+
              <p class="home-banner-caption">A new approach<br>to plant growth.</p>
                <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>
 
           </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>
 
         </header>
         <!------------------------END SLIDE SHOW------------------------>
+
         <!------------------------END HOME BANNER------------------------>
 
         <!------------------------TITLE DESCRIPTION------------------------>
 
         <!------------------------TITLE DESCRIPTION------------------------>
 
         <section class="bgc-gray">
 
         <section class="bgc-gray">

Revision as of 21:23, 14 September 2017

<DOCTYPE html> Home