Difference between revisions of "Team:SHSBNU China/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{SHSBNU_China}}
+
<html lang="zh-CN">
−
<html>
+
<head>
 +
    <title>Section Sample</title>
 +
</head>
  
 +
<body>
 +
    <link id="Sec_CSS" rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SHSBNU_China/Sample_css?action=raw&ctype=text/css" />
 +
    <script src="https://2018.igem.org/Template:SHSBNU_China/Sample_js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
    <div id="main_main">
 +
<section id="main">
 +
<header id="page_header">
 +
<div id="header_classification">
 +
<div id="home_button">
 +
<a style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China">
 +
<img style="height:100%; width:100%;" src="https://static.igem.org/mediawiki/2018/4/48/T--SHSBNU_China--Home_Button.png"/>
 +
</a>
 +
</div>
  
−
<div class="column full_size">
+
<div style="height:5vw;" class="first_classfication" onmouseover="fcova()" onmouseout="fcoua()" id="fc_Project"><!--Project-->
 +
<div class="fc_box">
 +
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Background">
 +
<h4 class="fc_content">Project</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovb()" onmouseout="fcoub()" id="fc_Experiment"><!--Experiment-->
 +
<div class="fc_box">
 +
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Experiment">
 +
<h4 class="fc_content">Experiment</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovc()" onmouseout="fcouc()" id="fc_Model"><!--Model-->
 +
<div class="fc_box">
 +
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Model">
 +
<h4 class="fc_content">Model</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovd()" onmouseout="fcoud()" id="fc_Human Practice"><!--Human Practice-->
 +
<div class="fc_box">
 +
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Human Practices">
 +
<h4 class="fc_content">Human Practice</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcove()" onmouseout="fcoue()" id="fc_Demonstrate"><!--Demonstrate-->
 +
<div class="fc_box">
 +
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Demonstrate">
 +
<h4 class="fc_content">Demonstrate</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovf()" onmouseout="fcouf()" id="fc_Safety"><!--Safety-->
 +
<div class="fc_box">
 +
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Safety">
 +
<h4 class="fc_content">Safety</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovg()" onmouseout="fcoug()" id="fc_Attribution"><!--Attribution-->
 +
<div class="fc_box">
 +
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Attributions">
 +
<h4 class="fc_content">Attribution</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw; padding: 0vw; align-self: center; vertical-align: middle; display: table; line-height: 3vw;" class="first_classfication" onmouseover="fcovh()" onmouseout="fcouh()" id="fc_Team"><!--Team-->
 +
<div style="height: 2.8vw; display: table-cell; vertical-align: middle">
 +
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Team">
 +
<h4 style="padding-right: 0.30vw">Team</h4>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
  
−
<h1> Safety </h1>
+
<div id="header_title">
−
<p>Please visit the <a href="https://2018.igem.org/Safety">Safety Hub</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
<a href="https://2018.igem.org/Team:SHSBNU_China">
 +
<img id="title_pic" src="https://static.igem.org/mediawiki/2018/2/23/T--SHSBNU_China--Title.jpeg"/>
 +
</a>
 +
</div>
 +
</header>
  
−
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
<div id="menu">
 +
<p style="font-family: Serif;font-size: 3.5vw; font-weight: bold;text-align: center;margin: 0.5vw 0vw 0vw 0vw">Sample</p>
 +
<div class="second_classfication">
 +
<a class="snd_class" href="">SHSBNU_China</a>
 +
</div>
 +
<div class="third_classfication">
 +
<a class="trd_class" href="">classfication</a>
 +
</div>
  
−
</div>
+
<div class="second_classfication">
 +
<a class="snd_class" href="">SHSBNU_China</a>
 +
</div>
 +
<div class="third_classfication">
 +
<a class="trd_class" href="">classfication</a>
 +
</div>
 +
</div>
  
 +
<div id="articles">
 +
<div id="sec_title">
 +
<h1>Sample</h1>
 +
</div>
  
−
<div class="column two_thirds_size">
+
<div id="sec_content">
−
<h3>Safe Project Design</h3>
+
<h2>I. Sample</h2>
−
 
+
<h3>a. Sample</h3>
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
<div class="content">
−
 
+
<div style="float:left" class="content_pic_left">
−
<ul>
+
<img class="pictures" id = "" src=""/>
−
<li>Choosing a non-pathogenic chassis</li>
+
<p class="pic_text">This is a Picture. This is a Picture. This is a Picture. This is a Picture.</p>
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
</div>
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
<p class="text">
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. 
−
</ul>
+
</p>
−
 
+
<div style="float:" class="content_pic_right">
−
</div>
+
<img class="pictures" id = "" src=""/>
−
 
+
<p class="pic_text">This is a Picture. This is a Picture. This is a Picture. This is a Picture.</p>
−
<div class="column third_size">
+
</div>
−
<h3>Safe Lab Work</h3>
+
<p class="text">
−
 
+
This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. 
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
</p>
−
 
+
</div>
−
 
+
</div>
−
<h3>Safe Shipment</h3>
+
<div id=footer>
−
 
+
<div style="display:table-cell;vertical-align:middle;">
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
<p style="font-size:1vw;font-family:'Times New Roman';font-style:italic;color:#666666">SHSBNU_China 2018, Created by AzirQuantum</p>
−
</div>
+
</div>
−
 
+
</div>
−
 
+
</div>
−
</html>
+
</section>
 +
</div>
 +
</body>

Revision as of 15:11, 14 October 2018

Section Sample

Sample

I. Sample

a. Sample

This is a Picture. This is a Picture. This is a Picture. This is a Picture.

This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture.

This is a Picture. This is a Picture. This is a Picture. This is a Picture.

This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture.