Difference between revisions of "Team:NYMU-Taipei/Project-Parts"

(Blanked the page)
 
(37 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{NYMU-sheet}}
 
{{NYMU-Taipei}}
 
  
<html>
 
 
<style>
 
 
#index{
 
background-color:#666666;
 
        margin-top:-50px;
 
}
 
 
p, a, h1, h2, h3{
 
font-family: 'Product Sans', Arial, sans-serif;
 
color:#FFFFFF;
 
        text-decoration: none;
 
}
 
 
#blank{background-color:#666666; width:100%; height:70px;}
 
 
#title{
 
color:#FFFFFF;
 
background-color:#666666;
 
width:50%;
 
min-height:80px;
 
margin-left:25%;
 
margin-right:25%;
 
position:relative;
 
}
 
 
.wrapper{ width:100%; height:480px; margin:auto; position:relative; overflow:hidden; z-index:1; background-color:#666666; margin-top:0px;}
 
 
.adv{overflow:hidden; width:80%; margin:auto; position:relative; z-index:1;}
 
 
.slider{ float:left; width:25%; height:450px; position:relative; overflow:hidden;}
 
 
.title{ display:block; background:#000; width:100%; position:absolute; text-align:center;}
 
.title{ height:50%; position:absolute; bottom:0; color:#FFF; opacity:.9; text-align:center; padding-top:.5em; bottom:-41%;}
 
.slider:hover .title{ bottom:0%;}
 
 
.slider a{ box-shadow:0 0 5px #999; position:relative; margin:auto; text-decoration:none; color:#000; display:block; border: solid 1px #69F; background-color:#CCCCCC; border-radius:3px; width:100px; text-align:center;}
 
.slider a:hover{ box-shadow:0 0 5px #666; background-color:#FF0000; color:#FFFFFF;}
 
 
.click{ width:100px; height:15%; position:relative; margin:auto;}
 
 
#contentcontent{ width:80%; height:600px; position:relative; margin:auto;}
 
 
.sidecontent1{width:35%; height:600px; float:left;}
 
.sidecontent2{width:35%; height:600px; float:left; margin-left:5%;}
 
 
.menu{width:20%; height:600px; float:left; margin-left:5%;}
 
 
.introduction1{height:30%; background-color:#666666;}
 
.introduction2{height:60%; background-color:#666666;}
 
.nothing1{height:40%; width:100%;}
 
.nothing2{height:25%; width:100%;}
 
.sub{height:15%; width:90%; position:relative; margin:auto; margin-top:5%;}
 
.type{float:left; margin-top:2%; font-size:24px;}
 
 
#footer{width:80%; height:150px; position:relative; margin:auto; border-bottom:16px solid #FFFFFF; border-top:16px solid #FFFFFF; margin-top:-60px;}
 
 
.left{ width:45%; height:100%; float:left; position:relative; margin-top:3%;}
 
.right{ width:45%; height:100%; float:left; position:relative; margin-right:10%; margin-top:3%;}
 
 
#final{width:80%; height:150px; position:relative; margin:auto; margin-top:10px; margin-bottom:-50px;}
 
.nymu{width:20%; float:left; margin-left:10%;}
 
.information{ width:20%; float:left; text-decoration: none;}
 
.contact{width:80%; height:20%; margin-top:5%;}
 
.contact a{font-size:18px;}
 
 
</style>
 
 
<div id="index">
 
<div id="blank">
 
</div>
 
<div id="title">
 
    <p style="font-size:60px; font-weight:700; text-align:center;">
 
    I. O. S. igem
 
    </p>
 
</div>
 
 
<div class="wrapper">
 
 
<div class="adv">
 
   
 
        <div class="slider">
 
            <img src="img/IMAG1549.png" width="100%" height="450px" />
 
            <div class="title">
 
            <div class="click"><img src="https://static.igem.org/mediawiki/2016/1/17/T-NYMU-Taipei-photo-222.png" width="40px;" /></div>
 
            <span><br/>Wonderful<br/><br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect.<br/><br/></span>
 
            <a href="javascript:;">ENTER</a>
 
            </div>
 
        </div>
 
        <div class="slider">
 
            <img src="img/IMAG1549.png" width="100%" height="450px" />
 
            <div class="title">
 
            <div class="click"><img src="https://static.igem.org/mediawiki/2016/1/17/T-NYMU-Taipei-photo-222.png" width="40px;" /></div>
 
            <span><br/>Wonderful<br/><br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect.<br/><br/></span>
 
            <a href="javascript:;">ENTER</a>
 
            </div>
 
        </div>
 
        <div class="slider">
 
            <img src="img/IMAG1549.png" width="100%" height="450px" />
 
            <div class="title">
 
            <div class="click"><img src="https://static.igem.org/mediawiki/2016/1/17/T-NYMU-Taipei-photo-222.png" width="40px;" /></div>
 
            <span><br/>Wonderful<br/><br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect.<br/><br/></span>
 
            <a href="javascript:;">ENTER</a>
 
            </div>
 
        </div>
 
        <div class="slider">
 
            <img src="img/IMAG1549.png" width="100%" height="450px" />
 
            <div class="title">
 
            <div class="click"><img src="https://static.igem.org/mediawiki/2016/1/17/T-NYMU-Taipei-photo-222.png" width="40px;" /></div>
 
            <span><br/>Wonderful<br/><br/>After transforming M. anisopliae, we will be inoculating that carries the kill switch system onto two species of insect.<br/><br/></span>
 
            <a href="javascript:;">ENTER</a>
 
            </div>
 
        </div>
 
       
 
</div>
 
 
</div>
 
 
<div id="contentcontent">
 
 
<div class="sidecontent1">
 
<div class="introduction1">
 
    <h2>What's Our Project?</h2>
 
<p>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.</p>
 
    <a href="javascript:;">read more</a>
 
    </div>
 
    <div class="introduction2">
 
    <img src="" width="70%" height="50%" />
 
    <h1>After transforming M.anisopliae,we will be inoculating that carries</h1>
 
    <a href="javascript:;">read more</a>
 
    </div>
 
</div>
 
 
<div class="sidecontent2">
 
<div class="nothing1">
 
    <h1>TITLETITLE</h1>
 
    <img src="" width="80%" height="60%" />
 
    </div>
 
    <div class="nothing2">
 
    <h3>TITLETITLE</h3>
 
    <p>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.</p>
 
    </div>
 
    <div class="nothing2">
 
    <h3>TITLETITLE</h3>
 
    <p>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.</p>
 
    </div>
 
</div>
 
 
<div class="menu">
 
<div class="sub">
 
    <a href="#"><img src="https://static.igem.org/mediawiki/2016/1/17/T-NYMU-Taipei-photo-222.png" width="20%" height="43%" style="float:left; margin-top:0%;"/>
 
        <div class="type">PROJECT</a></div>
 
    </div>
 
    <div class="sub">
 
    <a href="#"><img src="https://static.igem.org/mediawiki/2016/1/17/T-NYMU-Taipei-photo-222.png" width="20%" height="43%" style="float:left; margin-top:0%;"/>
 
        <div class="type">MODEL</a></div>
 
    </div>
 
    <div class="sub">
 
    <a href="#"><img src="https://static.igem.org/mediawiki/2016/1/17/T-NYMU-Taipei-photo-222.png" width="20%" height="43%" style="float:left; margin-top:0%;"/>
 
        <div class="type">PROTOTYPE</a></div>
 
    </div>
 
    <div class="sub">
 
    <a href="#"><img src="https://static.igem.org/mediawiki/2016/1/17/T-NYMU-Taipei-photo-222.png" width="20%" height="43%" style="float:left; margin-top:0%;"/>
 
        <div class="type">PRACTICE</a></div>
 
    </div>
 
</div>
 
 
</div>
 
 
<div id="footer">
 
<div class="left">
 
    <h1 style="margin-left:10%; font-size:36px;">In.Out.Suicide.</h1>
 
    <h2 style="margin-left:60%;">It's that simple.</h2>
 
    </div>
 
    <div class="right">
 
    <p>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.</p>
 
    <a href="#" style="float:right; position:relative;">click here</a>
 
    </div>
 
</div>
 
 
<div id="final">
 
<div class="nymu">
 
    <a href="#" style="font-size:24px; text-decoration: none;">National<br/>Yang-Ming<br/>University</h1>
 
    </div>
 
    <div class="information">
 
<div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
        <div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
        <div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
    </div>
 
    <div class="information">
 
<div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
        <div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
        <div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
    </div>
 
    <div class="information">
 
<div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
        <div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
        <div class="contact">
 
        <a href="#">> ENTER</a>
 
        </div>
 
    </div>
 
</div>
 
 
</div>
 
 
<html/>
 

Latest revision as of 18:19, 19 October 2016