Team:IIT Delhi/Safety

From 2013.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
  <title>CSS3_seascape_two</title>
+
   <meta content="text/html; charset=ISO-8859-1"
-
   <meta name="description" content="website description">
+
  http-equiv="content-type">
-
  <meta name="keywords"
+
  <title>Navigation-Top</title>
-
  content="website keywords, website keywords">
+
   <style ="text/css">
-
  <meta http-equiv="content-type"
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 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;}
-
 
+
/* Redesigning the topmenu */ /***************************/ body {
 +
margin: 0px 0 0 0;
 +
padding: 0;}
 +
#content, #globalWrapper {
 +
border: none;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;}
 +
.centering {
 +
margin: 0 auto;
 +
width: 100%;}
 +
/* Nav Bar */
 +
#wrap {
 +
width: 100%; /* Spans the width of the page */
 +
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */
 +
z-index: 99; /* Makes sure that your menu remains on top of other page elements */
 +
position: relative; background-color: white;
 +
}
 +
.navbar {
 +
height: 50px;
 +
width: 100%;
 +
padding: 0;
 +
margin: 0;
 +
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */
 +
border-right: 0.5px solid white; }
 +
.navbar li {
 +
height: auto;
 +
width: 16.666%; /* Each menu item is 200px wide */
 +
float: left; /* This lines up the menu items horizontally */
 +
text-align: center; /* All text is placed in the center of the box */
 +
list-style: none; /* Removes the default styling (bullets) for the list */
 +
font: normal bold 13px/1.2em Arial, Verdana, Helvetica; padding: 0;
 +
margin: 0;
 +
background-color: white;
 +
}
 +
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
 +
border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black;text-decoration: none; /* Removes the default hyperlink styling. */
 +
color: white; /* Text color is white */
 +
display: block;
 +
}
 +
 
 +
#home {background-color:red;}
 +
#home:hover {color:red; background-color: white;}
 +
 
 +
#Project {background-color:orange;}
 +
#Project:hover {color:orange; background-color: white;}
 +
#overview {background-color: orange;}
 +
#overview:hover {color:orange; background-color: white;}
 +
#motivation {background-color: orange;}
 +
#motivation:hover {color:orange; background-color: white;}
 +
#model {background-color: orange;}
 +
#model:hover {color:orange; background-color: white;}
 +
#biobricks {background-color: orange;}
 +
#biobricks:hover {color:orange; background-color: white;}
 +
 
 +
#modelling {background-color: #b3b300;}
 +
#modelling:hover {color:#b3b300; background-color: white;}
 +
 
 +
#methods {background-color: green;}
 +
#methods:hover {color:green; background-color:white;}
 +
#protocol {background-color: green;}
 +
#protocol:hover {color:green; background-color:white;}
 +
#notebook {background-color: green;}
 +
#notebook:hover {color:green; background-color: white;}
 +
#brainstorming {background-color: green;}
 +
#brainstorming:hover {color:green; background-color: white;}
 +
#safety {background-color: green;}
 +
#safety:hover {color:green; background-color:white;}
 +
 
 +
#outreach {background-color: violet;}
 +
#outreach:hover {color:violet; background-color: white;}
 +
#orientation {background-color: violet;}
 +
#orientation:hover {color:violet; background-color: white;}
 +
#south {background-color: violet;}
 +
#south:hover {color:violet; background-color: white;}
 +
#bill {background-color: violet;}
 +
#bill:hover {color:violet; background-color: white;}
 +
#biotoilets {background-color: violet;}
 +
#biotoilets:hover {color:violet; background-color: white;}
 +
 
 +
#team {background-color: darkblue;}
 +
#team:hover {color:darkblue; background-color: white;}
 +
#student {background-color: darkblue;}
 +
#student:hover {color:darkblue; background-color: white;}
 +
#faculty {background-color: darkblue;}
 +
#faculty:hover {color:darkblue; background-color: white;}
 +
#attributions {background-color: darkblue;}
 +
#attributions:hover {color:darkblue; background-color: white;}
 +
 
 +
.navbar li ul {
 +
display: none; /* Hides the drop-down menu */
 +
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */
 +
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {
 +
display: block; /* Displays the drop-down box when the menu item is hovered over */
 +
 
 +
}
 +
 
 +
.navbar li ul li {background-color: white; width: 100%;} .navbar li ul li a {
 +
border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black; width: auto; }
 +
.navbar li ul li a:hover {width: 100%; background-color: white;}
 +
 
 +
/* Slider */
 +
#image-slider {
 +
margin: 10px auto;
 +
width: 600px;
 +
}
 +
#slide-frame {
 +
height: 300px;
 +
overflow: hidden;
 +
}
 +
#slides {
 +
height: 375px;
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
#slides img {
 +
position: absolute;
 +
top: 0;
 +
left: 0px;
 +
}
 +
#navigation {
 +
margin: 5px 0 0 0;
 +
text-align: center;
 +
z-index: 10px;
 +
}
 +
#navigation a {
 +
text-decoration: none;
 +
background: #333333;
 +
padding: 2px 6px;
 +
color: #FFFFFF;
 +
display: inline-block;
 +
}
 +
#navigation a:hover {
 +
background: #0182C4;
 +
}
 +
transition: transition-property transition-duration transition-timing-function transition-delay;
 +
#slides img {
 +
z-index: 1;
 +
opacity: 0;
 +
/* animation */
 +
transition: all linear 400ms;
 +
-o-transition: all linear 400ms;
 +
-moz-transition: all linear 400ms;
 +
-webkit-transition: all linear 400ms;
 +
}
 +
#slides img:target {
 +
left: 0;
 +
z-index: 5;
 +
opacity: 1;
 +
}
 +
  </style>
</head>
</head>
<body>
<body>
-
<div id="main"> <header> </header>
+
<table
-
<div id="logo">
+
style="background-color: white; width: 100%; height: 200px; text-align: left; margin-left: auto; margin-right: auto;"
-
<div id="logo_text"><!-- class="logo_colour", allows you to change the colour of the text -->
+
border="0" cellpadding="0" cellspacing="0">
-
<h1><a href="index.html">iGEM<span
+
  <tbody>
-
  class="logo_colour">IIT Delhi</span></a></h1>
+
    <tr>
-
<h2>Project pH. Coli</h2>
+
      <td colspan="1" rowspan="1"
-
</div>
+
style="vertical-align: top; text-align: center;"><img
-
</div>
+
style="width: 100%; height: 200px;" alt=""
-
<nav> </nav>
+
  src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br>
-
<ul class="sf-menu" id="nav">
+
      </td>
-
  <li><a href="index.html">Home</a></li>
+
    </tr>
-
   <li><a href="examples.html">Examples</a></li>
+
  </tbody>
-
  <li><a href="page.html">A Page</a></li>
+
</table>
-
  <li class="selected"><a href="another_page.html">Another
+
<div id="wrap">
-
Page</a></li>
+
<ul class="navbar">
-
   <li><a href="#">Example Drop Down</a>
+
   <li><a href="https://2013.igem.org/Team:IIT_Delhi" id="home">Home</a></li>
 +
   <li><a href="#" id="Project">Our Project</a>
     <ul>
     <ul>
-
       <li><a href="#">Drop Down One</a></li>
+
       <li><a href="https://2013.igem.org/Team:IIT_Delhi/Project" id="overview">Overview</a></li>
-
       <li><a href="#">Drop Down Two</a>
+
       <li><a href="https://2013.igem.org/Team:IIT_Delhi/Idea" id="motivation">Motivation</a></li>
-
        <ul>
+
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Model" id="model">The Model</a></li>
-
          <li><a href="#">Sub Drop Down One</a></li>
+
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biobrick" id="biobricks">Biobricks Submitted</a></li>
-
          <li><a href="#">Sub Drop Down Two</a></li>
+
    </ul>
-
          <li><a href="#">Sub Drop Down Three</a></li>
+
  </li>
-
          <li><a href="#">Sub Drop Down Four</a></li>
+
  <li><a href="https://2013.igem.org/Team:IIT_Delhi/Modelling" id="modelling">Modelling and Simulation</a></li>
-
          <li><a href="#">Sub Drop Down Five</a></li>
+
  <li><a href="#" id="methods">Methods and Results</a>
-
        </ul>
+
    <ul>
-
       </li>
+
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Protocol" id="protocol">Protocols</a></li>
-
       <li><a href="#">Drop Down Three</a></li>
+
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook" id="notebook">Notebook</a></li>
-
       <li><a href="#">Drop Down Four</a></li>
+
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Brainstorming" id="brainstorming">Brainstorming</a></li>
-
       <li><a href="#">Drop Down Five</a></li>
+
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety" id="safety">Safety</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="#" id="outreach">Outreach</a>
 +
    <ul>
 +
       <li><a href="https://2013.igem.org/Team:IIT_Delhi/Outreach" id="orientation">Orientation for Freshmen</a></li>
 +
     
 +
       <li><a href="https://2013.igem.org/Team:IIT_Delhi/BRAI" id="bill">BRAI Bill</a></li>
 +
       <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biotoilet" id="biotoilets">Biotoilets</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="https://2013.igem.org/Team:IIT_Delhi/Team" id="team">Team</a>
 +
    <ul>
 +
       <li><a href="https://2013.igem.org/Team:IIT_Delhi/Student" id="student">Student Members</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Advisor" id="faculty">Faculty Advisors</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Attributions" id="attributions">Attributions</a></li>
     </ul>
     </ul>
   </li>
   </li>
-
  <li><a href="contact.php">Contact Us</a></li>
 
</ul>
</ul>
-
<div id="site_content">
 
-
<ul id="images">
 
-
  <li><img src="images/1.jpg" alt="seascape_one"
 
-
height="300" width="600"></li>
 
-
  <li><img src="images/2.jpg" alt="seascape_two"
 
-
height="300" width="600"></li>
 
-
  <li><img src="images/3.jpg" alt="seascape_three"
 
-
height="300" width="600"></li>
 
-
  <li><img src="images/4.jpg" alt="seascape_four"
 
-
height="300" width="600"></li>
 
-
  <li><img src="images/5.jpg" alt="seascape_five"
 
-
height="300" width="600"></li>
 
-
  <li><img src="images/6.jpg" alt="seascape_seascape"
 
-
height="300" width="600"></li>
 
-
</ul>
 
-
<div id="sidebar_container">
 
-
<div class="sidebar">
 
-
<h3>Latest News</h3>
 
-
<h4>New Website Launched</h4>
 
-
<h5>January 1st, 2012</h5>
 
-
<p>2012 sees the redesign of our website. Take a look around and
 
-
let us know what you think.<br>
 
-
<a href="#">Read more</a></p>
 
-
<h4>20% Discount</h4>
 
-
<h5>March 1st, 2012</h5>
 
-
<p>We are offering a 20% discount to all new customers.<br>
 
-
<a href="#">Read more</a></p>
 
-
</div>
 
-
</div>
 
-
<div class="content">
 
-
<h1>Another Page</h1>
 
-
<p>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.</p>
 
-
<p>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.</p>
 
-
<p>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.</p>
 
-
</div>
 
-
</div>
 
-
<footer> </footer>
 
-
<p>Copyright © CSS3_seascape_two | <a
 
-
href="http://www.css3templates.co.uk">design from
 
-
css3templates.co.uk</a></p>
 
</div>
</div>
-
<p>&nbsp;</p>
+
<br>
-
<!-- javascript at the bottom for fast page loading -->
+
<br>
-
<script type="text/javascript" src="js/jquery.js"></script>
+
<table style="text-align: left; width: 100%;" border="0"
-
<script type="text/javascript"
+
cellpadding="0" cellspacing="0">
-
  src="js/jquery.easing-sooper.js"></script>
+
  <tbody>
-
<script type="text/javascript" src="js/jquery.sooperfish.js"></script>
+
    <tr>
-
<script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script>
+
      <td style="width: 94px;" align="center"
-
<script type="text/javascript">
+
valign="top"></td>
-
$(document).ready(function() {
+
      <td style="width: 128px;" align="center"
-
$('#images').kwicks({
+
  valign="top"></td>
-
max : 600,
+
      <td style="width: 645px;" align="center"
-
spacing : 2
+
valign="top"><font size="+2">Safety</font><br>
-
});
+
      <div style="text-align: left;">
-
$('ul.sf-menu').sooperfish();
+
      <hr style="width: 100%; height: 2px;"><br><br><br>
-
});
+
This is the link for <a href="https://static.igem.org/mediawiki/2013/4/4f/IIT_Delhi_basic_safety_form.pdf">IIT Delhi Basic Safety form</a>.<br><br>
-
</script>
+
These guidelines show that our lab comes under category of Biosafety Level-1(BSL-1).<br>All the organisms used in the lab follow under the category of Risk Group-1.
 +
 
 +
 
 +
 
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
      </div>
 +
      </td>
 +
      <td style="width: 112px;" align="center"
 +
valign="top"></td>
 +
      <td style="width: 79px;" align="center"
 +
valign="top"></td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
<br>
 +
<table
 +
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"
 +
border="0" cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br>
 +
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you
 +
have queries; requests; suggestions et cetera.<br>
 +
      <br>
 +
Thanks to iGEM and IIT Delhi,<br>
 +
we had an awesome summer!</td>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our
 +
Project was supported by and done by the students<br>
 +
      <br>
 +
&nbsp;of IIT Delhi, India.<br>
 +
      <br>
 +
      <a href="http://www.iitd.ac.in/"><img
 +
style="border: 0px solid ; width: 200px; height: 200px;" alt=""
 +
src="http://www.iitb.ac.in/%7Epge/2k12/jam/images/iitd_logo.png"></a></td>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This
 +
project was done as a part of iGEM:<br>
 +
      <a href="https://igem.org/Main_Page">iGEM Main Website</a><br>
 +
      <br>
 +
      <br>
 +
      <a href="https://igem.org/Main_Page"><img
 +
style="border: 0px solid ; width: 200px; height: 200px;" alt=""
 +
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br>
 +
      <br>
 +
      </td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
<br>
</body>
</body>
</html>
</html>

Latest revision as of 03:28, 28 September 2013

Navigation-Top




Safety



This is the link for IIT Delhi Basic Safety form.

These guidelines show that our lab comes under category of Biosafety Level-1(BSL-1).
All the organisms used in the lab follow under the category of Risk Group-1.

























Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you have queries; requests; suggestions et cetera.

Thanks to iGEM and IIT Delhi,
we had an awesome summer!		 Our Project was supported by and done by the students

 of IIT Delhi, India.

 This project was done as a part of iGEM:
iGEM Main Website

Retrieved from "http://2013.igem.org/Team:IIT_Delhi/Safety"