|
|
| Line 2: |
Line 2: |
| | | | |
| | <link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'> | | <link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'> |
| | + | <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> |
| | | | |
| | <style type="text/css" rel="stylesheet"> | | <style type="text/css" rel="stylesheet"> |
| | + | |
| | + | @media screen and (min-width: 1000px){ |
| | | | |
| | /**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/ | | /**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/ |
| Line 17: |
Line 20: |
| | img{width:30%; height:80%; margin-left:5%; margin-top:2%; display:inline-block;} | | img{width:30%; height:80%; margin-left:5%; margin-top:2%; display:inline-block;} |
| | | | |
| − | #wrap{100%; height:384px; justify-content:space-between; display:flex;} | + | #indeximage{background-image:url('https://s-media-cache-ak0.pinimg.com/736x/95/d7/56/95d7563872633ac2791810d9911f615d.jpg'); width:100%; height:800px;} |
| − | .partred{width:50%; background-color:#e74c3c;}.partblue{width:50%; background-color:#3498db;}
| + | |
| − | .partyellow{width:50%; background-color:#fdd413;}.partgreen{width:50%; background-color:#21cc71;}
| + | } |
| − | .linkleft{width:80%; height:40%; justify-content:space-between; display:flex; background-color:#000000;} | + | |
| − | .textleft{width:50%; height:60%;} | + | |
| − | .linkright{width:40%; height:40%;}
| + | |
| − | .textright{width:50%; height:60%;}
| + | |
| | | | |
| | </style> | | </style> |
| Line 31: |
Line 30: |
| | <html> | | <html> |
| | | | |
| − | <div id="wrap"> | + | <div id="indeximage"> |
| − | | + | |
| − | <div class="partred">
| + | |
| − | | + | |
| − | <div class="linkleft">
| + | |
| − | <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d2/Fab_Lab_logo.svg/2000px-Fab_Lab_logo.svg.png" />
| + | |
| − | <h1>PROJECT</h1>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="textleft">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
| + | |
| − | | + | |
| − | <div class="partblue">
| + | |
| − | | + | |
| − | <div class="linkright">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="textright">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!--
| + | |
| − | <div id="contentcontent">
| + | |
| − | <div class="typetype">
| + | |
| − | <p style="font-size:24px; margin-top:25px;"><a href="http://web.ym.edu.tw/bin/home.php"><i>NYMU 2016</i></a></p>
| + | |
| − | </div>
| + | |
| − | <div class="title1">
| + | |
| − | <p style="font-size:72px; font-weight:900;">In.</h1>
| + | |
| − | </div>
| + | |
| − | <div class="title2">
| + | |
| − | <p style="font-size:72px; font-weight:900;">Out.</h1>
| + | |
| − | </div>
| + | |
| − | <div class="title3">
| + | |
| − | <p style="font-size:72px; font-weight:900;">Suicide.</h1>
| + | |
| − | </div>
| + | |
| − | <div class="text">
| + | |
| − | <h2>It's that simple.</h2>
| + | |
| − | <p style="font-size:18px;">The purpose of our project is to utilize the a filamentous-fungi-specific CRISPR-Cas9 system 1 in conjunction with an optogenetic system 2 to construct a fast acting kill switch system for genetically engineered fungi, which is becoming ever more popular method for dealing with insect pest around the world. Two plasmids will be constructed, each carrying a module of our two part system.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="box1">
| + | |
| − | <a href="https://2016.igem.org/Team:NYMU-Taipei/Project-At_a_Glance"><div>
| + | |
| − | <div class="photo">
| + | |
| − | <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="76px"/>
| + | |
| − | </div>
| + | |
| − | <div class="menu">
| + | |
| − | <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF; margin-top:19px;">Project</p>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="box2">
| + | |
| − | <a href="https://2016.igem.org/Team:NYMU-Taipei/Project-Experiment"><div>
| + | |
| − | <div class="photo">
| + | |
| − | <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="76px"/>
| + | |
| − | </div>
| + | |
| − | <div class="menu">
| + | |
| − | <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF; margin-top:19px;">Experiment</p>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="box3">
| + | |
| − | <a href="#"><div>
| + | |
| − | <div class="photo">
| + | |
| − | <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="76px"/>
| + | |
| − | </div>
| + | |
| − | <div class="menu">
| + | |
| − | <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF; margin-top:19px;">Modeling</p>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="box4">
| + | |
| − | <a href="https://2016.igem.org/Team:NYMU-Taipei/Prototype-Overview"><div>
| + | |
| − | <div class="photo">
| + | |
| − | <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="76px"/>
| + | |
| − | </div>
| + | |
| − | <div class="menu">
| + | |
| − | <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF; margin-top:19px;">Prototype</p>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="box5">
| + | |
| − | <a href="https://2016.igem.org/Team:NYMU-Taipei/Human_Practice"><div>
| + | |
| − | <div class="photo">
| + | |
| − | <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="76px"/>
| + | |
| − | </div>
| + | |
| − | <div class="menu">
| + | |
| − | <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF; margin-top:19px;">Policy & Practice</p>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="box6">
| + | |
| − | <a href="#"><div>
| + | |
| − | <div class="photo">
| + | |
| − | <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="76px"/>
| + | |
| − | </div>
| + | |
| − | <div class="menu">
| + | |
| − | <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF; margin-top:19px;">Biosafety</p>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="box7">
| + | |
| − | <a href="#"><div>
| + | |
| − | <div class="photo">
| + | |
| − | <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="76px"/>
| + | |
| − | </div>
| + | |
| − | <div class="menu">
| + | |
| − | <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF; margin-top:19px;">About us</p>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="box8">
| + | |
| − | <a href="#"><div>
| + | |
| − | <div class="photo">
| + | |
| − | <img src="http://pic.azimage.com/photos/premium/previews/164/lab-hand-drawn-outline-artwork-raster-image-for-child-development_164052116.jpg" width="60px" height="76px"/>
| + | |
| − | </div>
| + | |
| − | <div class="menu">
| + | |
| − | <p style="font-size:24px; float:right; margin-right:5px; color:#FFFFFF; margin-top:19px;">Acknowledgements</p>
| + | |
| − | </div>
| + | |
| − | </div></a>
| + | |
| | </div> | | </div> |
| − | -->
| |
| | | | |
| | </html> | | </html> |
