Team:Tsinghua-A/Safety

From 2014.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 4: Line 4:
<html>
<html>
-
<body>
 
-
 
-
<!DOCTYPE html>
 
-
<html lang="en"><head>
 
-
  <meta charset="utf-8">
 
-
  <title>Breakroom | Designed By Theme Armada</title>
 
-
  <meta name="keywords" content="made with bootstrap, wrap bootstrap themes, bootstrap agency theme, creative bootstrap sites, Agency11 theme, responsive bootstrap theme, mobile website themes, bootstrap portfolio, theme armada">
 
-
  <meta name="description" content="">
 
-
  <meta name="viewport" content="width=device-width">
 
-
 
 
-
  <meta property="og:title" content="Breakroom | Designed By Theme Armada">
 
-
<meta property="og:type" content="website">
 
-
<meta property="og:url" content="http://www.themearmada.com/demos/breakroom">
 
-
<meta property="og:site_name" content="Theme Armada">
 
-
<meta property="og:description" content="">
 
-
 
-
  <!-- Styles -->
 
-
  <link rel="stylesheet" href="css/font-awesome.min.css">
 
-
  <link rel="stylesheet" href="css/animate.css">
 
-
  <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 
-
 
-
  <link rel="stylesheet" href="css/bootstrap.min.css">
 
-
  <link rel="stylesheet" href="css/main.css">
 
-
  <link rel="stylesheet" href="css/custom-styles.css">
 
-
 
-
  <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
 
-
 
-
  <!-- Fav and touch icons -->
 
-
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57-precomposed.png">
 
-
  <link rel="shortcut icon" href="/favicon.png">
 
-
</head>
 
-
 
<body>
<body>
          
          
-
  <div class="navbar navbar-inverse navbar-fixed-top animated fadeInDownBig">
 
-
    <div class="navbar-inner">
 
-
      <div class="container">
 
-
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 
-
          <span class="icon-bar"></span>
 
-
          <span class="icon-bar"></span>
 
-
          <span class="icon-bar"></span>
 
-
        </a>
 
-
        <a class="brand" href="#"><img src="https://static.igem.org/mediawiki/2014/6/69/Tsinghua-A_Logo_small.png" alt="Title"></a>
 
-
        <div class="nav-collapse collapse">
 
-
          <ul class="nav pull-right">
 
-
            <li><a href="index.html">Home</a></li>
 
-
            <li><a href="services.html">Services</a></li>
 
-
            <li><a href="about.html">About</a></li>
 
-
            <li><a href="portfolio.html">Portfolio</a></li>
 
-
            <li class="dropdown">
 
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a>
 
-
              <ul class="dropdown-menu">
 
-
                <li><a href="blog.html">Blog Loop</a></li>
 
-
                <li><a href="individual-blog.html">Blog Individual</a></li>
 
-
                <li><a href="individual-work.html">Portfolio Individual</a></li>
 
-
                <li><a href="icons.html">Icons</a></li>
 
-
                <li><a href="pricing.html">Pricing Tables</a></li>
 
-
                <li><a href="components.html">Components</a></li>
 
-
              </ul>
 
-
            </li>
 
-
            <li><a href="contact.php">Contact</a></li>
 
-
            <li><a href="login.html"><span class="light-gray"><i class="icon-user"></i> Login</span></a></li>
 
-
            <li><a href="signup.html"><span class="menu-button"> Sign Up</span></a></li>
 
-
          </ul>
 
-
        </div><!--/.nav-collapse -->
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
    
    
    
    
Line 88: Line 19:
           <ul class="breadcrumb">
           <ul class="breadcrumb">
             <li><a href="#">Home</a> <span class="divider">/</span></li>
             <li><a href="#">Home</a> <span class="divider">/</span></li>
-
             <li class="active">Project</li>
+
             <li class="active">Safety</li>
           </ul>
           </ul>
         </div>
         </div>
Line 102: Line 33:
    <div class="span2 text-center">
    <div class="span2 text-center">
                 <div class="news-date">
                 <div class="news-date">
-
                 <h2>1</h2>
+
                 <h3>1</h3>
                 </div>
                 </div>
               </div>
               </div>
   
   
    <div class="span10">
    <div class="span10">
-
    <img src="https://static.igem.org/mediawiki/2014/8/8e/Tsinghua-A-humanpractice-overview.jpg"><br>
+
    <h2><b>Safety</b></h2>
-
    <h2><b>Overview</b></h2>
+
    <p>Prior to bench work of the project, our team members received all basic trainings on biosafety and laboratory safety. Safety training included many aspects, such as the proper usage of all the equipment and discard of experimental rubbish. We also paid special attention to limiting Ethidium Bromide contamination and using nontoxic bacteria.<br><br>
-
    <p>Prior to bench work of the project, our team members received all basic trainings on biosafety and laboratory safety. Safety training included many aspects, such as the proper usage of all the equipment and discard of experimental rubbish. We also paid special attention to limiting Ethidium Bromide contamination and using nontoxic bacteria.<br>
+
 
 +
<a class="more" href="https://static.igem.org/mediawiki/2014/0/0d/Tsinghua-A-Safety_form.pdf"><b>Safety Form<b></a>
-
<b>Safety Form</b>
 
   
   
</p><br />
</p><br />
    <hr>
    <hr>
 +
 +
 +
<iframe src="http://docs.google.com/gview?url=https://static.igem.org/mediawiki/2014/0/0d/Tsinghua-A-Safety_form.pdf&embedded=true" style="width:650px; height:800px;" frameborder="0"></iframe>
 +
 +
 +
 +
 +
    </div>
    </div>
 +
 +
 +
 +
   
   
     </div><!--End Article-->
     </div><!--End Article-->
Line 129: Line 72:
    
    
     <!--Right Side Bar-->
     <!--Right Side Bar-->
-
    <div class="span3 sidebar-container">
+
      <div class="span3 sidebar-container">
-
    <h2>Side Bar</h2>
+
      <h2>Our Team</B></h2>
-
    <p>Lorem <a href="#">ipsum dolor</a> 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.</p>
+
<a href = https://2014.igem.org/Team:Tsinghua-A/Team>
-
    <br />
+
      <p><img src="https://static.igem.org/mediawiki/2014/c/cb/Tsinghua-A-sidebar.jpg"</p>
 +
</a>
 +
      <br />
    
    
-
    <hr>
 
    
    
-
    <h2>Instagram</h2>
 
-
   
 
-
    <!--Visit "Snapwidget.com" - Use Settings: 80px wide for images, 3x2 for the grid, and FadeOut on Hover-->
 
-
  <!-- SnapWidget -->
 
-
  <div style="height:200px;">
 
-
  <iframe src="http://snapwidget.com/in/?u=amVmZmNvcmV5fGlufDgwfDN8Mnx8bm98NXxmYWRlT3V0"></iframe>
 
-
  </div>
 
-
 
 
-
  <hr>
 
  
  
-
   <h2>Links</h2>
+
   <h2><b>Links</b></h2>
   <ul class="unstyled blog-links">
   <ul class="unstyled blog-links">
-
       <li><a href="http://www.themearmada.com"><i class="icon-angle-right"></i> Theme Armada</a></li>
+
       <li><a href="https://2014.igem.org"><i class="icon-angle-right"></i> iGEM 2014</a></li>
-
       <li><a href="http://www.twitter.com/themearmada"><i class="icon-angle-right"></i> Twitter Link</a></li>
+
       <li><a href="http://www.tsinghua.edu.cn/publish/newthuen/index.html"><i class="icon-angle-right"></i> Tsinghua University</a></li>
-
       <li><a href="#"><i class="icon-angle-right"></i> Insert Link Three</a></li>
+
       <li><a href="http://www.au.tsinghua.edu.cn/publish/auen/index.html"><i class="icon-angle-right"></i> Department of Automation,<br>Tsinghua University</a></li>
-
       <li><a href="#"><i class="icon-angle-right"></i> Insert Link Four</a></li>
+
       <li><a href="http://bioinfo.au.tsinghua.edu.cn/CSSB/web/english/index.html"><i class="icon-angle-right"></i> Center for Synthetic and Systems Biology,<br>Tsinghua University</a></li>
   </ul>
   </ul>
  
  
   <hr>
   <hr>
  
  
-
   <div class="boxed">
+
  
-
  <h2>Boxed</h2>
+
-
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc.</p>
+
-
  </div>
+
     </div><!--End Span-->
     </div><!--End Span-->
Line 168: Line 100:
    
    
    
    
-
  <!--Bottom Section-->
+
      
-
  <section id="bottom">
+
-
     <div class="container">
+
-
      <div class="row-fluid">
+
-
       
+
-
        <!--Bottom Section One-->
+
-
        <div class="span4">
+
-
          <h2>About Us</h2>
+
-
            <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.</p><br />
+
-
            <a class="more" href="#">+ More</a>
+
-
        </div>
+
-
       
+
-
        <!--Bottom Section Two-->
+
-
        <div class="span4">
+
-
          <h2>Latest Tweets</h2>
+
-
          <div class="row-fluid">
+
-
            <div class="span2">
+
-
              <i class="icon-twitter icon-2x blue pull-left" style="padding-top:12px;"></i>
+
-
            </div>
+
-
           
+
-
            <div class="span10">
+
-
              <div class="twitter-feed">
+
-
      <ul id="twitter_update_list" class="rotate"></ul>
+
-
      </div>
+
-
            </div>
+
-
  </div>     
+
-
        </div>
+
-
       
+
-
        <!--Bottom Section Three-->
+
-
        <div class="span4">
+
-
          <h2>Contact Info</h2>
+
-
          <p>1234 Main Street | Suit 300<br />
+
-
          Atlanta, GA 30303</p>
+
-
          <p><i class="icon-phone"></i> <a class="more" href="tel:404.555.5555">404.555.5555</a></p>
+
-
         
+
-
          <!--Social Icons-->         
+
-
          <ul class="social-icons">
+
-
  <li><a class="twitter" href="http://www.twitter.com/themearmada" target="_blank"><i class="icon-twitter icon-large"></i></a></li>
+
-
  <li><a class="facebook" href="http://www.facebook.com" target="_blank"><i class="icon-facebook icon-large"></i></a></li>
+
-
  <li><a class="google" href="http://www.googleplus.com" target="_blank"><i class="icon-google-plus icon-large"></i></a></li>
+
-
  <li><a class="instagram" href="http://www.instagram.com" target="_blank"><i class="icon-camera-retro icon-large"></i></a></li>
+
-
  <li><a class="pinterest" href="http://www.pinterest.com" target="_blank"><i class="icon-pinterest icon-large"></i></a></li>
+
-
  <li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="icon-linkedin icon-large"></i></a></li>
+
-
  <li><a class="Github" href="http://www.github.com" target="_blank"><i class="icon-github-alt icon-large"></i></a></li>
+
-
  </ul>
+
-
        </div>
+
-
       
+
-
      </div>
+
-
    </div>
+
-
  </section>
+
    
    
-
  <section id="footer">
 
-
    <div class="container">
 
-
  <div class="row-fluid">
 
-
  <div class="span4 text-left copyright">
 
-
        <p>&copy; Breakroom. All Rights Reserved.<br />
 
-
        Created by <a href="http://www.themearmada.com" target="_blank">Theme Armada</a></p><br />
 
-
  </div>
 
-
 
 
-
  <div class="span8 text-right">
 
-
  <ul class="footer-links">
 
-
  <li><a href="#" target="_blank">Menu 1</a></li>
 
-
  <li><a href="#" target="_blank">Menu 2</a></li>
 
-
  </ul>
 
-
  </div>
 
-
  </div>
 
-
  </div>
 
-
  </section>
 
    
    
      
      
-
   
+
 
-
    <!-- Javascript
+
-
    ================================================== -->
+
-
    <!-- Placed at the end of the document so the pages load faster -->
+
-
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
-
    <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+
-
    <script src="js/bootstrap.min.js"></script>
+
-
    <script src="js/main.js"></script>
+
-
    <script src="js/rotate.js"></script>
+
-
    <script src="js/twitter-feed.js"></script>
+
-
   
+
-
    <!--Twitter Handle - Insert your Twitter username below ex: (screen_name=USERNAME&include) -->
+
-
    <script src="http://api.twitter.com/1/statuses/user_timeline.json?screen_name=themearmada&amp;include_rts=true&amp;count=4&amp;callback=twitterCallback2" type="text/javascript"></script>
+
    
    
     </body>
     </body>
Line 256: Line 110:
-
</body>
 
-
</html>
 
{{Team:Tsinghua-A/Footer}}
{{Team:Tsinghua-A/Footer}}
{{Team:Tsinghua-A/Script}}
{{Team:Tsinghua-A/Script}}

Latest revision as of 03:40, 18 October 2014

1

Safety

Prior to bench work of the project, our team members received all basic trainings on biosafety and laboratory safety. Safety training included many aspects, such as the proper usage of all the equipment and discard of experimental rubbish. We also paid special attention to limiting Ethidium Bromide contamination and using nontoxic bacteria.

Safety Form