Team:IIT Delhi/Safety

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
   <meta content="text/html; charset=ISO-8859-1"
+
  <title>CSS3_seascape_two</title>
-
  http-equiv="content-type">
+
   <meta name="description" content="website description">
-
  <title>index.html</title>
+
  <meta name="keywords"
-
   <style type="text/css">
+
  content="website keywords, website keywords">
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
  <meta http-equiv="content-type"
-
display:none;}
+
content="text/html; charset=UTF-8">
-
#top-section {
+
   <link rel="stylesheet" type="text/css"
-
border: none;
+
href="https://2013.igem.org/Team:IIT_Delhi/css?action=raw&ctype=text/css" type="text/css">
-
height: 0px;}
+
<!-- modernizr enables HTML5 elements and feature detects -->
-
#content {
+
  <script type="text/javascript" src="https://drive.google.com/#folders/0BwhBIYq-vX1gc0JkVWFvZVZZeHc"></script>
-
border: none;}
+
 
-
*{
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
body{
+
-
text-align:center; /*For IE6 Shenanigans*/
+
-
}
+
-
#wrapper{
+
-
width:960px;
+
-
margin:0 auto;
+
-
text-align:left;
+
-
}
+
-
  </style>
+
</head>
</head>
-
<body
+
<body>
-
style="background-repeat: no-repeat; color: rgb(0, 0, 0); background-color: rgb(216, 216, 216); margin-top: 0px; height: 349px; margin-left: 0px; width: 1005px;"
+
<div id="main"> <header> </header>
-
alink="#000099" link="#000099" vlink="#990099">
+
<div id="logo">
-
<table
+
<div id="logo_text"><!-- class="logo_colour", allows you to change the colour of the text -->
-
style="width: 960px; height: 494px; text-align: left; margin-left: auto; margin-right: auto;"
+
<h1><a href="index.html">iGEM<span
-
  border="0" cellpadding="0" cellspacing="0">
+
  class="logo_colour">IIT Delhi</span></a></h1>
-
  <tbody>
+
<h2>Project pH. Coli</h2>
-
    <tr>
+
</div>
-
      <td rowspan="1" colspan="8"
+
</div>
-
style="height: 66px; background-color: rgb(51, 51, 51); width: 127px;"
+
<nav> </nav>
-
align="undefined" valign="undefined"><img
+
<ul class="sf-menu" id="nav">
-
style="width: 100%; height: 323px;" alt=""
+
  <li><a href="index.html">Home</a></li>
-
src="file:///C:/Users/ongc/Desktop/Z/agro_world/images/image_01.jpg"></td>
+
  <li><a href="examples.html">Examples</a></li>
-
    </tr>
+
  <li><a href="page.html">A Page</a></li>
-
     <tr>
+
  <li class="selected"><a href="another_page.html">Another
-
       <th
+
Page</a></li>
-
style="background-color: rgb(51, 51, 51); height: 43px; color: white; text-align: center; width: 116px;">Home</th>
+
  <li><a href="#">Example Drop Down</a>
-
       <td
+
     <ul>
-
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 114px;"
+
       <li><a href="#">Drop Down One</a></li>
-
valign="undefined">Project</td>
+
       <li><a href="#">Drop Down Two</a>
-
      <td
+
        <ul>
-
style="color: white; text-align: center; background-color: rgb(51, 51, 51); width: 65px;"
+
          <li><a href="#">Sub Drop Down One</a></li>
-
valign="undefined">Diary</td>
+
          <li><a href="#">Sub Drop Down Two</a></li>
-
      <td
+
          <li><a href="#">Sub Drop Down Three</a></li>
-
style="height: 43px; color: white; text-align: center; background-color: rgb(51, 51, 51); width: 144px;">Model</td>
+
          <li><a href="#">Sub Drop Down Four</a></li>
-
      <td
+
          <li><a href="#">Sub Drop Down Five</a></li>
-
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 127px;"
+
        </ul>
-
valign="undefined">BioBricks</td>
+
       </li>
-
       <td
+
      <li><a href="#">Drop Down Three</a></li>
-
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 129px;"
+
      <li><a href="#">Drop Down Four</a></li>
-
valign="undefined">Outreach</td>
+
       <li><a href="#">Drop Down Five</a></li>
-
       <td
+
    </ul>
-
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 132px;"
+
  </li>
-
valign="undefined">Team</td>
+
  <li><a href="contact.php">Contact Us</a></li>
-
      <td
+
</ul>
-
style="height: 43px; background-color: rgb(51, 51, 51); color: white; text-align: center; width: 132px;"
+
<div id="site_content">
-
valign="undefined">Sponsors</td>
+
<ul id="images">
-
    </tr>
+
  <li><img src="images/1.jpg" alt="seascape_one"
-
    <tr style="height: 56px;">
+
height="300" width="600"></li>
-
      <td style="height: 67px; width: 127px;" colspan="8"
+
  <li><img src="images/2.jpg" alt="seascape_two"
-
rowspan="1">
+
  height="300" width="600"></li>
-
      <hr style="width: 100%; height: 2px;"><br>
+
  <li><img src="images/3.jpg" alt="seascape_three"
-
      </td>
+
  height="300" width="600"></li>
-
    </tr>
+
  <li><img src="images/4.jpg" alt="seascape_four"
-
    <tr>
+
  height="300" width="600"></li>
-
      <td style="height: 307px; width: 116px;"
+
   <li><img src="images/5.jpg" alt="seascape_five"
-
  align="undefined" valign="undefined"></td>
+
  height="300" width="600"></li>
-
      <td colspan="6" rowspan="1"
+
  <li><img src="images/6.jpg" alt="seascape_seascape"
-
  style="height: 307px; background-color: rgb(237, 237, 237); width: 127px;"></td>
+
height="300" width="600"></li>
-
      <td style="height: 307px; width: 132px;"
+
</ul>
-
  align="undefined" valign="undefined"></td>
+
<div id="sidebar_container">
-
    </tr>
+
<div class="sidebar">
-
   </tbody>
+
<h3>Latest News</h3>
-
</table>
+
<h4>New Website Launched</h4>
-
<br>
+
<h5>January 1st, 2012</h5>
-
<table
+
<p>2012 sees the redesign of our website. Take a look around and
-
style="width: 960px; height: 55px; text-align: left; margin-left: auto; margin-right: auto;"
+
let us know what you think.<br>
-
  border="0" cellpadding="2" cellspacing="2">
+
<a href="#">Read more</a></p>
-
  <tbody>
+
<h4>20% Discount</h4>
-
    <tr>
+
<h5>March 1st, 2012</h5>
-
      <td style="height: 29px; width: 93px;"></td>
+
<p>We are offering a 20% discount to all new customers.<br>
-
      <td
+
<a href="#">Read more</a></p>
-
style="height: 29px; width: 791px; background-color: rgb(226, 226, 226);"
+
</div>
-
align="undefined" valign="undefined">
+
</div>
-
      <h3>Abstract</h3>
+
<div class="content">
-
      <span style="font-family: Palatino Linotype;">&nbsp;pH
+
<h1>Another Page</h1>
-
induced response elicited by certain promoters in bacteria may have
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
-
major practical applications. The response can be targeted for specific
+
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-
pH ranges, for example in tracking the anomalies associated with the
+
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-
gut micro-biota or detecting pH inside a bioreactor. There are only
+
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-
limited studies reported in the area. In the present project, a genetic
+
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
circuit has been created, using the promoters of the acid shock
+
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
-
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
-
that produces a pH dependent colour gradient, much like a universal pH
+
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-
indicator. A mathematical model has been developed to simulate the
+
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-
experimental findings. The present study will form the basis for
+
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-
further research in the field of synthetic biology.<br>
+
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
      <br>
+
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
-
      </span></td>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
-
      <td
+
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-
style="height: 29px; width: 93px; font-family: Palatino Linotype;"
+
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-
align="undefined" valign="undefined"></td>
+
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-
    </tr>
+
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
    <tr>
+
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
-
      <td colspan="3" rowspan="1"
+
</div>
-
style="width: 93px; font-family: Palatino Linotype; height: 35px;"
+
</div>
-
align="undefined" valign="undefined">
+
<footer> </footer>
-
      <hr style="width: 100%; height: 2px;"><br>
+
<p>Copyright © CSS3_seascape_two | <a
-
      <table style="text-align: left; width: 100%; height: 108px;"
+
href="http://www.css3templates.co.uk">design from
-
border="0" cellpadding="2" cellspacing="2">
+
css3templates.co.uk</a></p>
-
        <tbody>
+
</div>
-
          <tr style="margin-top: 0px; height: 28px;">
+
<p>&nbsp;</p>
-
            <td style="width: 113px; height: 66px;"
+
<!-- javascript at the bottom for fast page loading -->
-
align="undefined" valign="undefined"></td>
+
<script type="text/javascript" src="js/jquery.js"></script>
-
            <td
+
<script type="text/javascript"
-
style="width: 367px; height: 66px; background-color: rgb(240, 240, 240);"></td>
+
  src="js/jquery.easing-sooper.js"></script>
-
            <td
+
<script type="text/javascript" src="js/jquery.sooperfish.js"></script>
-
style="width: 365px; height: 66px; background-color: rgb(240, 240, 240);"></td>
+
<script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script>
-
            <td style="width: 112px; height: 66px;"
+
<script type="text/javascript">
-
align="undefined" valign="undefined"></td>
+
$(document).ready(function() {
-
          </tr>
+
$('#images').kwicks({
-
        </tbody>
+
max : 600,
-
      </table>
+
spacing : 2
-
      <br>
+
});
-
      </td>
+
$('ul.sf-menu').sooperfish();
-
    </tr>
+
});
-
    <tr>
+
</script>
-
      <td style="width: 93px; height: 33px;" align="undefined"
+
-
valign="undefined"></td>
+
-
      <td style="width: 791px; height: 33px;"
+
-
  align="undefined" valign="undefined"><font
+
-
size="-1">Content Created by: Team iGEM IIT Delhi, Hauz
+
-
Khas, New Delhi</font></td>
+
-
      <td style="width: 93px; height: 33px;" align="undefined"
+
-
valign="undefined"></td>
+
-
    </tr>
+
-
  </tbody>
+
-
</table>
+
-
<br>
+
</body>
</body>
</html>
</html>

Revision as of 07:01, 20 September 2013

CSS3_seascape_two

  • seascape_one
  • seascape_two
  • seascape_three
  • seascape_four
  • seascape_five
  • seascape_seascape

Another Page

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Copyright © CSS3_seascape_two | design from css3templates.co.uk