Team:NTU Taida

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
{{:Team:NTU_Taida/template/css/default}}
{{:Team:NTU_Taida/template/css/default}}
{{:Team:NTU_Taida/template/css/fonts}}
{{:Team:NTU_Taida/template/css/fonts}}
 +
{{:Team:NTU_Taida/template/css/bootstrap}}
 +
<!DOCTYPE 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>IGEM‧Taida</title>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
    <!-- Bootstrap -->
-
<!--
+
    <link href="css/bootstrap.css" rel="stylesheet">
-
Design by TEMPLATED
+
-
http://templated.co
+
-
Released for free under the Creative Commons Attribution License
+
-
Name      : OpenSpace
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-
Description: A two-column, fixed-width design with dark color scheme.
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-
Version    : 1.0
+
    <!--[if lt IE 9]>
-
Released   : 20140131
+
      <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="index.html"><img id="logo" height="55" src="images/1.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="TEAM.html">TEAM</a></li>
 +
   
-
<head>
+
        <li class="dropdown">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
-
<title></title>
+
          <ul class="dropdown-menu" role="menu">
-
<meta name="keywords" content="" />
+
            <li><a href="problem.html">Problem (introduction)</a></li>
-
<meta name="description" content="" />
+
            <li><a href="PROJECT.html">Overview Mind Map</a></li>
-
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
+
           
 +
            <li class="divider"></li>
 +
            <li><a href="Circuit1.html">Circuit 1: short peptide PKEK</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="Circuit2.html">Circuit 2: keratinaes</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="Circuit3.html">Circuit 3: 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="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">One more separated link</a></li>
 +
          </ul>
 +
        </li>
 +
     
-
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
+
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="#">Lecture</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Speech</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Conference</a></li>
 +
         
 +
          </ul>
 +
        </li>
-
</head>
+
        </ul>
-
<body>
+
       
-
<div id="header-wrapper">
+
      <!--search bar-->
-
<div id="header" class="container">
+
      <form class="navbar-form navbar-right" role="search">
-
<div id="logo">
+
        <div class="form-group">
-
                <a href="https://2014.igem.org/Main_Page">
+
          <input type="text" class="form-control" placeholder="Search">
-
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="100" height=100 alt="" />
+
-
                </a>
+
-
</div>
+
-
<div id="menu">
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div id="wrapper">
+
-
<div id="staff" class="container">
+
-
<div class="title">
+
-
<font size="7"><b><center>Welcome to NTU_Taida</center></b></font>
+
-
<br>
+
-
                        <font size="4"><center>Dedicate to make you have better life </center></font>
+
-
                        <br>
+
-
                        <br>
+
-
                        <font size="3" face="monospace">
+
-
　　The oil oozes and gives the skin a greasy shine, and that’s one of the most fearsome nightmare of human. We expect ourselves to solve this problem by producing skin-care ingredients with fatty acid metabolism related gene circuits in our gene modified E-coil, skin-guardian. In our project, we have three kinds of skin-care ingredients to skin whitening, keratin decomposition and fragrance producing respectively. 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. And our skin-guardian can started to translate genes, make us looks fair and tender. Living through numerous theoretically and practical examinations, our skin- guardians proofed itself to be a great expectations in Aesthetic Medicine.
+
-
                        </font>  
+
-
                </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="300" height="300" alt="" />
+
-
                        <font size="5"><u><b><center>Team</center></b></u></font>
+
-
                        </a>
+
-
                </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="300" height="300" alt="" />
+
-
                        <font size="5"><u><b><center>Project</center></b></u></font>
+
-
                        </a>
+
-
                </div>
+
-
<div class="boxC">
+
-
                        <a href="https://2014.igem.org/Team:NTU_Taida/human_practice">
+
-
                        <img src="https://static.igem.org/mediawiki/2014/3/39/NTU_Taida_human_practice.jpg" width="300" height="300" alt="" />
+
-
                        <font size="5"><u><b><center>Human Practice</center></b></u></font>
+
-
                        </a>
+
-
                </div>
+
-
</div>
+
-
<div id="staff" class="container">
+
-
<div class="boxA">
+
-
                        <a href="https://2014.igem.org/Team:NTU_Taida/modeling">
+
-
                        <img src="https://static.igem.org/mediawiki/2014/4/40/NTU_Taida_modeling.jpg" width="300" height="300" alt="" />
+
-
                        <font size="5"><u><b><center>Modeling</center></b></u></font>
+
-
                        </a>
+
-
                </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="300" height="300" alt="" />
+
-
                        <font size="5"><u><b><center>Safety</center></b></u></font>
+
-
                        </a>
+
-
                </div>
+
-
<div class="boxC">
+
-
                        <a href="https://2014.igem.org/Team:NTU_Taida/notebook">
+
-
                        <img src="https://static.igem.org/mediawiki/2014/6/6e/NTU_Taida_notebook.jpg" width="300" height="300" alt="" />
+
-
                        <font size="5"><u><b><center>Notebook</center></b></u></font>
+
-
                        </a>
+
-
                </div>
+
         </div>
         </div>
 +
        <button type="submit" class="btn btn-default">Submit</button>
 +
      </form>
 +
      <!--search bar-->
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="#">Link</a></li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</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="images/banner.jpg" style="width:1200px; height:510px;"></a></div>
 +
 +
        <div class="title" align="center" style="width:1200px" float="left"><h1><strong>Welcom to IGEM Taida</strong></h1></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>We expect ourselves to solve this problem by producing skin-care ingredients with fatty acid metabolism related gene circuits</p>
 +
        in our gene modified <i>E-coil</i>, skin-guardian. In our project, we have three kinds of skin-care ingredients to skin whitening,</p>
 +
        keratin decomposition  and fragrance producing respectively. When skin-guardians uptake excess oil and sebum through </p>fadL,
 +
        it will synthesis Acetyl Coenzyme A, which will change the structure of repressor, fadR losing its affinity to promoter. </p>
 +
        And our skin-guardian can started to translate genes, make us looks fair and tender. </p>
 +
        ...</p>
 +
        Living through numerous theoretically and practical examinations, our skin- guardians proofed itself to be a great expectations in Aesthetic Medicine.</center></div>
 +
 +
  <div align="center" style="width:1200px" float="left">
 +
   
 +
    <div class="boxA"><a href="TEAM.html"><img src="images/pic06.png" width="200" height="200" alt="" /><h4>
 +
    <center>Team</center></h4></div>
 +
    <div class="boxB"><a href="PROJECT.html"><img src="images/pic02.png" width="200" height="200" alt="" /><h4><center>Project</center></h4></div>
 +
    <div class="boxC"><a href="index3.html"><img src="images/pic01.png" 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="index4.html"><img src="images/pic05.png" width="200" height="200" alt="" /><h4><center>Modeling</center></h4></div>
 +
    <div class="boxB"><a href="index5.html"><img src="images/pic03.png" width="200" height="200" alt="" /><h4>
 +
    <center>Safety</center></h4></div>
 +
    <div class="boxC"><a href="index6.html"><img src="images/pic04.png" width="200" height="200" alt="" /><h4>
 +
    <center>Parts</center></h4></div>
 +
  </div>
 +
     
</div>
</div>
-
<div id="welcome-wrapper">
+
 
-
+
      <!--<div class="footer">
-
</div>
+
      <div class="container">
-
<div id="copyright" class="container">
+
        <p class="text-muted"><center>Place sticky footer content here.</center></p>
-
<p>&copy; Untitled. All rights reserved. | Photos by <a href="">000</a> | Design by <a href="" rel="nofollow">000</a>.</p>
+
      </div>
-
</div>
+
    </div>
-
</body>
+
    <-->
 +
 
 +
 
 +
    </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="js/bootstrap.min.js"></script>
 +
  </body>
</html>
</html>

Revision as of 12:56, 11 October 2014

<!DOCTYPE html> IGEM‧Taida

Welcom to IGEM Taida

The OIL oozes and gives the skin a greasy shine, and that’s one of the most fearsome nightmare of human.

We expect ourselves to solve this problem by producing skin-care ingredients with fatty acid metabolism related gene circuits

in our gene modified E-coil, skin-guardian. In our project, we have three kinds of skin-care ingredients to skin whitening,

keratin decomposition and fragrance producing respectively. 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.

And our skin-guardian can started to translate genes, make us looks fair and tender.

...

Living through numerous theoretically and practical examinations, our skin- guardians proofed itself to be a great expectations in Aesthetic Medicine.

Retrieved from "http://2014.igem.org/Team:NTU_Taida"