-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathsafety.html
219 lines (205 loc) · 11.1 KB
/
safety.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Safety</title>
<link href="./idec-css/safety.css" rel="stylesheet" />
<link href="./idec-css/reset123.css" rel="stylesheet" />
<body>
<header>
<div class="nav-container">
<div class="container">
<div class="logo ">
<a class="brand" href="home.html"><img src="assets/img/logo.png" alt=""><img
src="./images/teamlogo.png" alt=""
style="width: 100px; vertical-align: middle; margin-top: -10px;"></a>
</div>
<div class="menu clearfix">
<div class="menu-active1 rightfix">
<ul class="menu-list "><a href="home.html">HOME</a></ul>
<ul class="menu-list "><a href="#">TEAM <i class="fa fa-angle-down" aria-hidden="true"></i></a>
<li><a href="member.html">MEMBERS</a></li>
<li><a href="attributions.html">ATTRIBUTIONS</a></li>
</ul>
<ul class="menu-list "><a href="#">PROJECT <i class="fa fa-angle-down"
aria-hidden="true"></i></a>
<li><a href="background.html">BACKGROUND</a></li>
<li><a href="design.html">DESIGN</a></li>
<li><a href="Results.html">RESULTS</a></li>
<li><a href="Report.html">REPORT</a></li>
<li><a href="supplement.html">SUPPLEMENT</a></li>
<li><a href="poster.html">POSTER</a></li>
</ul>
<ul class="menu-list "><a href="#">DOCUMENTATION <i class="fa fa-angle-down"
aria-hidden="true"></i></a>
<li><a href="experiments.html">EXPERIMENTS</a></li>
<li><a href="safety.html">SAFETY</a></li>
<li><a href="protocol.html">PROTOCOL</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<img id="back-to-top-button" src="images/back top.png" width="50px" alt="返回顶部">
<div class="content-row-list">
<div class="row-cols-1">
<div class="content-col-4">
<img src="./images/baniere-gauche2.png" alt="">
</div>
<div class="content-col-4-h1">
<h1>SAFETY</h1>
</div>
<div class="content-col-4">
<img src="./images/baniere-droite1.png" alt="">
</div>
</div>
</div>
<!-- clearfix -->
<div style="width: 100%;">
<div class="contain" style="display: flex;">
<!-- leftfix -->
<div class="contain-list ">
<div class="left-list">
<h1><a href="#introduction">Prologue</a></h1>
<h1><a href="#application">Laboratory</a></h1>
<h1><a href="#mechanism">Project</a></h1>
<h1><a href="#challenge">Human practice</a></h1>
</div>
<div style="clear: both;"></div>
</div>
<!-- rightfix -->
<div class="contain-list1 ">
<div class="right-list ">
<h2>Prologue</h2>
<p class="" indent-first-line align="justify">Experimental safety is a worldwide concern, only by
ensuring the
safety of their
own lives and
health can researchers devote themselves to scientific research without distraction and achieve
a
series of good results. Our team, NNU-CHINA, puts the safety of laboratory and experimental
operation in the first place, and every member of the team takes the practice of safety
regulations
as a habit. </.>
<p id="application"> </p>
<h2>Safety of laboratory</h2>
<p class="" indent-first-line align="justify"> We have always had a strict code of laboratory
safety, equipped with
many
emergency devices,
such
as emergency medical kits, emergency showers, eye baths, etc. We are equipped with these
devices
not
just for show, but practically teach each member to learn how to use them. We send a
representative
to conduct safety inspections every day, taking photos of any non-compliance with safety
norms
and
urging timely correction. Teachers also make regular visits to check for safety hazards. For
waste
disposal, we follow a strict process whereby all discarded bacteria-carrying materials are
autoclaved. For hazardous substances such as ethylene bromide, we open a special lab area
for
contamination experiments and clean up and disinfect regularly.</p>
<img src="images/safety2.jpg" alt="" width="500px"><br><br>
<img src="images/safety1.jpg" alt="" width="500px"><br><br>
<img src="images/safety5.jpg" alt="" width="500px"><br><br>
<p id="mechanism"></p>
<h2> Safety of project</h2>
<p class="" indent-first-line align="justify">We used RRform whitelisted E. coli DH5α and E. coli
BL21 (DE3) for
targeted
saturation
mutagenesis
of the esterases BSLA and BsEst, and the experimental procedure did not produce substances
that
affected the action of the dual selection system.</p>
<p id="challenge"> </p>
<h2>Safety of human practice</h2>
<p class="" indent-first-line align="justify">Every student must be professionally trained and pass
a theoretical
examination before entering
the
laboratory to do experiments, and the use of instruments is guided by professional teachers.
Students wear protective measures such as masks and lab coats throughout the experimental
process,
and must ensure strict aseptic procedures when using the ultra-clean bench, using alcohol
lamps
and
disinfecting with alcohol in a timely manner.</p>
<img src="images/safety3.jpg" alt="" width="500px"><br><br>
<img src="images/safety4.jpg" alt="" width="500px"><br><br>
</div>
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div style="height: 200px;"></div>
<footer style="overflow:hidden">
<div class="fbox">
<div class="fleft">
<h1 style="color: #0F5132;margin-top: 30px;">NNU-IDEC 2023</h1>
<p style="text-align: center;"><img src="images/teamlogo.png" alt=""
style="width: 240px;margin-left: -36px;"></p>
<p style="text-align: center;"><img src="images/iDEC Logo.png" alt=""
style="width: 200PX;margin-left: -13px;"></p>
</div>
<div class="frihgt">
<div class="sponsors"
style="background-color: #0F5132; color: #fff; border-radius: 90px;text-align: center;margin-top: 30px;">
MAIN SPONSORS</div>
<div class="pics">
<div class="pitem"><img src="http://www.njnu.edu.cn/images/nnu-logo.png" alt=""
style="width: 480px;"></div>
<div class="pitem"><img src="./images/i-21.png" alt=""
style="width: 480px; margin-top: 10px;">
</div>
</div>
<div class="sponsors"
style="background-color: #0F5132; color: #fff; border-radius: 90px;text-align: center;margin-top: 30px;">
LOGISTICS SPONSORS</div>
<div class="pics">
<div class="pitem"><img src="images/sigma.png" alt="" style="width: 150px;"></div>
<div class="pitem"><img src="images/takara.png" alt="" style="width: 150px;"></div>
<div class="pitem"><img src="images/eppendorf.png" alt="" style="width: 150px;"></div>
<div class="pitem"><img src="images/vazyme.png" alt="" style="width: 150px;"></div>
</div>
<div class="pics">
<div class="pitem"><img src="images/thermofisher.png" alt="" style="width: 150px;"></div>
<div class="pitem"><img src="images/biyuntian.png" alt="" style="width: 150px;"></div>
<div class="pitem"><img
src="https://cdn.snapgene.com/assets/16.23.19/assets/images/snapgene/logo/logo-snapgene-dotmatics.svg"
alt="" style="width: 150px;"></div>
<div class="pitem"><img src="images/biorender.png" alt="" style="width: 150px;"></div>
</div>
</div>
</div>
<p
style="color: #E3DDD0; font-size:16px;background-color: #222124;padding: 20px 40px; box-sizing: border-box;margin-top: 30px;text-align: center;">
@ 2023-NNU CHINA
</p>
</footer>
<script>// 当页面滚动时显示或隐藏返回顶部图片
window.onscroll = function () {
scrollFunction();
};
function scrollFunction() {
var button = document.getElementById("back-to-top-button");
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
button.style.display = "block";
} else {
button.style.display = "none";
}
}
// 当点击图片时滚动回页面顶部
document.getElementById("back-to-top-button").addEventListener("click", function () {
document.body.scrollTop = 0; // Safari
document.documentElement.scrollTop = 0; // Chrome, Firefox, IE, Edge
});
</script>
</body>
</html>