Team:NTU Taida
From 2014.igem.org
(Difference between revisions)
(59 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{ | + | {{:Team:NTU_Taida/template/header}} |
+ | {{:Team:NTU_Taida/template/css/bootstrap}} | ||
- | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <title>NTU-Taida</title> | ||
- | <!-- | + | <!-- Bootstrap --> |
- | + | ||
+ | <link href='http://fonts.googleapis.com/css?family=Snippet|Cabin+Sketch:400,700|Flamenco|Shadows+Into+Light|Shadows+Into+Light+Two|Julius+Sans+One|Kranky|Megrim&subset=latin,latin-ext' rel='stylesheet' type='text/css'> | ||
+ | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
+ | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | ||
+ | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
+ | <![endif]--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <nav class="navbar navbar-default navbar-fixed-top" role="navigation" > | ||
+ | <div class="container-fluid"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a href="https://2014.igem.org/Team:NTU_Taida"><img id="logo" width="70px"src="https://static.igem.org/mediawiki/2014/1/19/NTU_Taida_logo.jpg"></a> | ||
+ | </div> | ||
- | <!-- | + | <!-- Collect the nav links, forms, and other content for toggling --> |
- | < | + | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
- | + | <ul class="nav navbar-nav"> | |
- | + | <li class="active"><a href="https://2014.igem.org/Team:NTU_Taida/TEAM">TEAM</a></li> | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | < | + | <li class="dropdown"> |
- | < | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a> |
- | < | + | <ul class="dropdown-menu" role="menu"> |
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/problem">Problem (introduction)</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/PROJECT">Overview Mind Map</a></li> | ||
+ | |||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/Circuit1">Fad System</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/Circuit2">Skin Whitening --- PKEK</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/Circuit3"> Corneum decomposition --- Keratinase</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/Circuit4">Fragrance</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
- | < | + | <li class="dropdown"> |
- | < | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">MODELING<span class="caret"></span></a> |
+ | <ul class="dropdown-menu" role="menu"> | ||
- | |||
- | |||
- | |||
+ | |||
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/M1">Our Simulation Progress</a></li> | ||
+ | <li class="divider"></li> | ||
- | < | + | <li><a href="https://2014.igem.org/Team:NTU_Taida/M2">Model 1</a></li> |
- | <a href="https://2014.igem.org/Team:NTU_Taida" | + | |
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/M3">Model 2</a></li> | ||
+ | |||
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/M4">Model 3</a></li> | ||
+ | <li class="divider"></li> | ||
- | < | + | <li><a href="https://2014.igem.org/Team:NTU_Taida/M5">Curve fitting</a></li> |
- | <a href="https://2014.igem.org/Team:NTU_Taida/ | + | <li class="divider"></li> |
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/M6">Background knowledge</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2014.igem.org/Team:NTU_Taida/M7">Reference</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
- | < | + | <li class="dropdown"> |
- | <a href="https://igem.org/Team | + | <a href="https://2014.igem.org/Team:NTU_Taida/SAFETY" >SAFETY</a> |
+ | </li> | ||
- | < | + | <li class="dropdown"> |
- | <a href="https://2014.igem.org/Team:NTU_Taida/ | + | <a href="https://2014.igem.org/Team:NTU_Taida/PARTS" >PARTS</a> |
+ | </li> | ||
- | < | + | <li class="dropdown"> |
- | <a href="https://2014.igem.org/Team:NTU_Taida/ | + | <a href="https://2014.igem.org/Team:NTU_Taida/LOGBOOK" >LOGBOOK</a> |
+ | </li> | ||
- | < | + | |
- | <a href="https://2014.igem.org/Team:NTU_Taida/ | + | <li class="dropdown"> |
+ | <a href="https://2014.igem.org/Team:NTU_Taida/HP1" >HUMAN PRACTICE</a> | ||
+ | </li> | ||
- | |||
- | |||
- | |||
- | |||
- | < | + | <li class="dropdown"> |
- | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">SPONSORS<span class="caret"></span></a> |
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="Apex">ApexBio Biotech</a></li> | ||
+ | <li><a href="Lih">LihPao Life Science</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | < | + | <li class="active"> |
- | + | <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/6f/NTU_Taida_iGEM_logo.jpg" width=30px;> | |
- | + | ||
- | < | + | MAIN PAGE 2014 |
- | </ | + | </a> </li> |
+ | |||
+ | <li class="active"> | ||
+ | <a href="https://www.facebook.com/NationalTaiwanUniversityiGEM?fref=ts"><img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_Facebook.jpg" width=100px;> | ||
+ | </a></li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | </nav> | ||
- | < | + | <div class="container"> |
- | + | ||
+ | <!-- Main component for a primary marketing message or call to action --> | ||
+ | <div class="jumbotron"> | ||
+ | |||
+ | <div align="center"><a href="#"><img src="https://static.igem.org/mediawiki/2014/1/1b/NTU_Taida_banner.jpg" style="width:1200px; height:510px;"></a></div> | ||
+ | |||
+ | <div class="title" align="center" style="width:1200px" float="left"><h2 style="background-color:#eeeeee">At a Glance!</h2></div> | ||
+ | <div align="center" style="width:1200px" float="left" > | ||
+ | |||
+ | <h1><p>The <strong>OIL</strong> oozes and gives the skin a greasy shine, and that’s one of the most fearsome nightmare of human. </p></h1> | ||
+ | </div > | ||
+ | <div align="center" style="width:1200px" float="left" ><center><h5 style="line-height:1.4em;font-size:110%;">We expect ourselves to solve this problem by producing skin-care ingredients with fatty acid metabolism related gene circuits, skin-guardians. In our project, we have three we have three different approaches: <em> skin whitening, corneum decomposition and fragrance producing</em>. When skin-guardians uptake excess oil and sebum through fadL, it will synthesis Acetyl Coenzyme A, which will change the structure of repressor, fadR losing its affinity to promoter, allowing downstream genes to be transcripted. The skin-care ingredient make us looks fair and tender. Living through theoretically and practical examinations, our skin- guardians proofed itself to be a great expectations in aesthetic Medicine. | ||
+ | </h5></center></div> | ||
+ | |||
- | < | + | <div align="center" style="width:1200px" float="left"> |
- | + | <div align="center"><a href="#"><img src="https://static.igem.org/mediawiki/2014/e/e3/NTU_Taida_OVERVIEW.jpg" align="center" style="width:1200px; height:560px;"></a></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | < | + | <div class="boxA"><a href="https://2014.igem.org/Team:NTU_Taida/TEAM"><img src="https://static.igem.org/mediawiki/2014/c/c9/NTU_Taida_team.jpg" width="200" height="200" alt="" /><h4> |
- | < | + | <center>Team</center></h4></div> |
- | < | + | <div class="boxB"><a href="https://2014.igem.org/Team:NTU_Taida/PROJECT"><img src="https://static.igem.org/mediawiki/2014/6/68/NTU_Taida_project.jpg" width="200" height="200" alt="" /><h4><center>Project</center></h4></div> |
- | < | + | <div class="boxC"><a href="https://2014.igem.org/Team:NTU_Taida/HP1"><img src="https://static.igem.org/mediawiki/2014/3/39/NTU_Taida_human_practice.jpg" width="200" height="200" alt="" /><h4> |
- | < | + | <center>Human Practice</center></h4></div> |
- | </ | + | </div> |
+ | <div align="center" style="width:1200px" float="left"> | ||
+ | <div class="boxA"><a href="https://2014.igem.org/Team:NTU_Taida/M1"><img src="https://static.igem.org/mediawiki/2014/4/40/NTU_Taida_modeling.jpg" width="200" height="200" alt="" /><h4><center>Modeling</center></h4></div> | ||
+ | <div class="boxB"><a href="https://2014.igem.org/Team:NTU_Taida/SAFETY"><img src="https://static.igem.org/mediawiki/2014/a/ab/NTU_Taida_safety.jpg" width="200" height="200" alt="" /><h4> | ||
+ | <center>Safety</center></h4></div> | ||
+ | <div class="boxC"><a href="https://2014.igem.org/Team:NTU_Taida/PARTS"><img src="https://static.igem.org/mediawiki/2014/6/6e/NTU_Taida_notebook.jpg" width="200" height="200" alt="" /><h4> | ||
+ | <center>Parts</center></h4></div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
- | < | + | <!--<div class="footer"> |
- | </ | + | <div class="container"> |
+ | <p class="text-muted"><center>Place sticky footer content here.</center></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <--> | ||
- | |||
- | |||
- | < | + | </div> <!-- /container --> |
- | < | + | <div class="footer"> |
- | < | + | <div class="container"> |
- | < | + | <p class="text-muted"><center></center></p> |
- | + | </div> | |
- | + | </div> | |
- | + | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | |
- | < | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
- | < | + | <!-- Include all compiled plugins (below), or include individual files as needed --> |
- | </ | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> |
- | + | </body> | |
- | </ | + | </html> |
- | </ | + | |
- | </ | + |
Latest revision as of 02:33, 18 October 2014