(Created page with "{{NYMU-sheet}} {{NYMU-Taipei}} <html> <style> body{ background-color:#FFFFFF; } #type{ z-index:1; position:absolute; width:100%; background-color:#FFFFFF; top:250px;...") |
|||
Line 6: | Line 6: | ||
<style> | <style> | ||
− | + | .wrapper{ width:960px; height:2800px; margin:auto; position:relative; overflow:hidden; box-shadow:0 0 5px #000; border-radius:7px; margin-top:70px; margin-bottom:50px; z-index:1; background-color:#999999;} | |
− | + | ||
− | } | + | |
− | + | .hdr{ | |
− | + | text-align:center; color:#FFFFFF; font-size:5em; margin:0 0 580px; | |
− | + | text-shadow:1px 1px #000; | |
− | + | font-family: 'Product Sans', Arial, sans-serif; | |
− | + | ||
− | + | ||
} | } | ||
− | + | .adv, .adv1, .adv2, .adv3, .adv4{ | |
− | width: | + | overflow:hidden; width:760px; padding-left:60px; padding-right:60px; padding-bottom:30px; padding-top:30px; |
− | position: | + | position:absolute; left:40px; z-index:1; |
− | + | border-top: 2px solid #FFF; | |
− | + | ||
} | } | ||
− | . | + | .adv{top:110px;} .adv1{top:640px;} .adv2{top:1170px;} .adv3{top:1700px;} .adv4{top:2230px;} |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .slider{ float:left; width:190px; height:470px; position:relative; overflow:hidden;} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .light, .title{ display:block; background:#000; width:100%; position:absolute;} | |
− | + | ||
− | } | + | |
− | + | .light{ height:100%; top:0; opacity:.4;} | |
− | + | .title{ height:50%; position:absolute; bottom:0; color:#FFF; opacity:.7; text-align:center; padding-top:.5em;} | |
− | + | .slider:hover .light{ opacity:0;} | |
+ | .slider:hover .title{ bottom:-43%;} | ||
− | + | </style> | |
− | + | <div class="wrapper"> | |
− | < | + | <br/> |
− | + | <h1 class="hdr">Team Member</h1> | |
− | <div class=" | + | <div class="adv"> |
− | + | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1549(newversion).png" width="190px" height="470px"> | ||
+ | <span class="light"></span><span class="title">Wonderful<br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect, Bactrocera dorsalis and Spodoptera litura, to ensure that the whole system functions as intended.</span> | ||
</div> | </div> | ||
− | + | <div class="slider"> | |
− | + | <img src="img/IMAG1242_1(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Careful</span> | |
− | < | + | </div> |
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1550(newversion)(2).png" width="190" height="470"><span class="light"></span><span class="title">Beautiful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1376(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Successful</span> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
− | <div class=" | + | <div class="adv1"> |
− | + | ||
− | + | <div class="slider"> | |
− | + | <img src="img/IMAG1549(newversion).png" width="190px" height="470px"> | |
+ | <span class="light"></span><span class="title">Wonderful<br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect, Bactrocera dorsalis and Spodoptera litura, to ensure that the whole system functions as intended.</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1242_1(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Careful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1550(newversion)(2).png" width="190" height="470"><span class="light"></span><span class="title">Beautiful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1376(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Successful</span> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
− | < | + | <div class="adv2"> |
− | + | <div class="slider"> | |
+ | <img src="img/IMAG1549(newversion).png" width="190px" height="470px"> | ||
+ | <span class="light"></span><span class="title">Wonderful<br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect, Bactrocera dorsalis and Spodoptera litura, to ensure that the whole system functions as intended.</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1242_1(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Careful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1550(newversion)(2).png" width="190" height="470"><span class="light"></span><span class="title">Beautiful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1376(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Successful</span> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
− | < | + | <div class="adv3"> |
+ | |||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1549(newversion).png" width="190px" height="470px"> | ||
+ | <span class="light"></span><span class="title">Wonderful<br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect, Bactrocera dorsalis and Spodoptera litura, to ensure that the whole system functions as intended.</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1242_1(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Careful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1550(newversion)(2).png" width="190" height="470"><span class="light"></span><span class="title">Beautiful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1376(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Successful</span> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="adv4"> | ||
+ | |||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1549(newversion).png" width="190px" height="470px"> | ||
+ | <span class="light"></span><span class="title">Wonderful<br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect, Bactrocera dorsalis and Spodoptera litura, to ensure that the whole system functions as intended.</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1242_1(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Careful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1550(newversion)(2).png" width="190" height="470"><span class="light"></span><span class="title">Beautiful</span> | ||
+ | </div> | ||
+ | <div class="slider"> | ||
+ | <img src="img/IMAG1376(newversion).png" width="190" height="470"><span class="light"></span><span class="title">Successful</span> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
− | |||
</div> | </div> | ||
<html/> | <html/> |
Revision as of 22:47, 11 September 2016