Difference between revisions of "Project.html"

(Created page with "<html> <head> <link rel="stylesheet" href="base.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="prettyphoto/css/prettyPhoto.css" media="screen" /> <script ...")
 
Line 1: Line 1:
 +
 +
<!--
 +
To change this license header, choose License Headers in Project Properties.
 +
To change this template file, choose Tools | Templates
 +
and open the template in the editor.
 +
-->
 
<html>
 
<html>
−
<head>
+
    <head>
−
 
+
        <title>Project</title>
−
 
+
        <meta charset="UTF-8">
−
<link rel="stylesheet" href="base.css" type="text/css" />
+
        <meta name="viewport" content="width=device-width">
−
<link rel="stylesheet" type="text/css" href="prettyphoto/css/prettyPhoto.css" media="screen" />
+
        <style>
−
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
+
body{
−
<script type="text/javascript" src="js/core.js"></script>
+
    margin: 0;
−
<script type="text/javascript" src="pngFix/jquery.pngFix.js"></script>
+
}
−
<script type="text/javascript" src="prettyphoto/js/jquery.prettyPhoto.js"></script>
+
.firstHeading{
−
<title>KIT-Kanazawa iGEM Project</title>
+
  display: none;
−
</head>
+
}
−
<body>
+
/*Tried to make the content width the whole page... Not
−
<div id="top">
+
the stupid box*/
−
      <div id="header">
+
#globalWrapper, #content{
−
        <div id="pr">
+
  width: 100%;
−
           
+
  border: 0px;
−
          </div>
+
  position: relative;
−
        <div align="left"><img src="images/project1.png" alt="iGEMプロジェクト"/></a></div>
+
}
−
<div align="right"><a href="https://www.igem.org/Main_Page"><img src="images/IGEM_logo.jpg"width="100" height="100" alt="welcome">
+
*{
−
<br><br></a></div>
+
    color: black;
−
      </div><!-- header end -->
+
}
−
      <div id="menu">
+
#header{
−
      <ul><ul>
+
    margin-top: 0px;
−
        <li class="home"><a href="index.html"><span>Home</span><br /> </a></li>         
+
  height: 150px;
−
        <li><a href="project.html"><span>Project</span><br /> </a></li>
+
 
−
        <li><a href="team.html"><span>Team</span><br /></a></li>
+
position: fixed;
−
        <li><a href="note.html"><span>Notebook</span><br /> </a></li>
+
  width: 100%;
−
        <li><a href="Parts.html"><span>Parts</span><br /> </a></li>
+
}
−
 
+
#header2{
−
<h1><font size="15"color="#ff0000">Description</font><br></h1>
+
    height: 120px;
−
We planned to design a traffic light with E. coli cells which express genes for different fluorescent proteins.  We are currently using the following devices:<br>
+
  // background-color: rgba(0,0,0,1);
−
<br>
+
}
−
<div style="float:left;"><img src="images/promoter2.png" alt="" width="30"height="30"/></div><h2>Promoters</font></h2>
+
#head-name{
−
We chose the most suitable constitutive promoter for RFP production to act as a red traffic light (parts BBa_J231XX series). For GFP, we chose to use pBAD or pLac/ T7 promoters to control GFP expression by the inducers.<br>
+
    //color: white;
−
<br>
+
    padding-left: 40%;
−
 
+
    padding-top: 20px;
−
<div style="float:left;"><img src="images/gezigezi2.png" alt="" width="30"height="30"/></div><h2>Riboswitches</font></h2>
+
    font-size: 30px;
−
We are using theophylline riboswitch and thiamine pyrophosphate (TPP) ribozyme as riboswitches. We are in the process of manipulating plasmid DNA in which GFP gene downstream of theophylline riboswitch (part BBa_K598010) is replaced by RFP gene to control expression of RFP gene. TPP ribozyme is used to suppress the expression of GFP gene that is placed downstream of the ribozyme by the addition of thiamine or TPP. (part BBa_K598011)<br>
+
    width: 300px;
−
 
+
    //float: left;
−
<div id="icatch"><img src="images/project.jpg" alt="" width="780"height="780"/></div>
+
   
−
 
+
}
−
 
+
#head-list{
−
<br><br>
+
    //color: white;
−
+
    padding-top: 30px;
−
      </div><!-- news end -->
+
    font-size: 20px;
−
      <hr width="780">
+
    padding-left: 3%
−
      <div id="totop">
+
}
−
        <p><a href="#top">Top</a></p><br>
+
@media screen and (max-width: 900px){
−
      <div id="totop">
+
    #head-name{
−
        <p><a href="index.html">Home</a></p><br>
+
        width: 100%;
−
     
+
        padding-left: 40%;
−
  <div align="center"> <footer>KIT-Kanazawa IGEM Project<footer></div>
+
        //text-align: center;
−
   
+
    }
−
</div><!-- top end -->
+
    #head-list{
−
</body>
+
        padding-top: 30px;
 +
    }
 +
    ul{
 +
        margin-left: 0px;
 +
        padding-left: 2%;
 +
    }
 +
}
 +
@media screen and (max-width: 300px){
 +
    #head-list{
 +
        padding-left: 10px;
 +
    }
 +
    ul{
 +
        padding-left: 1%;
 +
    }
 +
}
 +
#content{
 +
 +
    height: 600px;
 +
}
 +
ul{
 +
    display: inline;
 +
  // padding-left: 15%;
 +
   
 +
}
 +
li{
 +
    display: inline;
 +
    padding: 2%;
 +
   
 +
}
 +
li:hover{
 +
    color: #00ff00;
 +
    cursor: pointer;
 +
}
 +
        </style>
 +
    </head>
 +
    <body>
 +
        <div id="header">
 +
            <div id="head-name">
 +
                IGEM-SVCE
 +
            </div>
 +
            <div id="head-list">
 +
                <ul>
 +
            <a href="home.html" style="text-decoration: none; color: white;"> <li id="home">Home</li></a>
 +
                    <a href="team.html" style="text-decoration: none; color: white;"> <li id="about1">Team</li></a>
 +
                    <li style="color: #00ff00;">Project</li>
 +
                    <a href="parts.html" style="text-decoration: none; color: white;"><li>Parts</li></a>
 +
                    <a href="notebook.html" style="text-decoration: none; color: white;"><li>Notebook</li></a>
 +
                    <a href="attribution.html" style="text-decoration: none; color: white;"><li>Attribution</li></a>
 +
                    <a href="collaboration.html" style="text-decoration: none; color: white;"><li>Collaboration</li></a>
 +
                    <a href="humanpractice.html" style="text-decoration: none; color: white;"><li>Human Practice</li></a>
 +
                    <a href="safety.html" style="text-decoration: none; color: white;"><li>Safety</li></a>
 +
               
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </body>
 
</html>
 
</html>

Revision as of 07:07, 7 August 2015

Project