-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
291 lines (283 loc) · 13.7 KB
/
index.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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="bootstrap/js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>ED-NAU</title>
<link rel="icon" href="./images/2021IDEClogo设计.png" type="image/x-icon">
<style>
.homebody_content p{
font-size: 3vh!important;
}
</style>
</head>
<body>
<!-- 导航栏！ -->
<div class="nav col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="logo_container col-lg-3 col-md-3 col-sm-3 col-xs-3">
<a href="./">
<img class="homepage_logo" src="./images/2021IDEClogo设计.png" alt="">
</a>
</div>
<div class="nav_cells col-lg-9 col-md-9 hidden-sm hidden-xs">
<ul>
<li class='nav_one hover_underline'>
<a href="./">HOME</a>
</li>
<li class='nav_one hover_underline'>
<a href="project-description">PROJECT</a>
<ul class="nav_two">
<li>
<a href="project-description" class="hover_underline">Description</a>
</li>
<li>
<a href="project-design" class="hover_underline">Design</a>
</li>
<li>
<a href="project-protocol" class="hover_underline">Protocol</a>
</li>
</ul>
</li>
<li class='nav_one hover_underline'>
<a href="results">RESULTS</a>
</li>
<li class='nav_one hover_underline'>
<a href="team-members">TEAM </a>
<ul class="nav_two">
<li>
<a href="team-members" class="hover_underline">Members</a>
</li>
<li>
<a href="team-collaborations" class="hover_underline">Collaborations</a>
</li>
<li>
<a href="team-attributions" class="hover_underline">Attributions</a>
</li>
<li>
<a href="team-notebook" class="hover_underline">Notebook</a>
</li>
</ul>
</li>
<li class='nav_one hover_underline'>
<a href="lab-notebook">LAB NOTEBOOK</a>
</li>
</ul>
</div>
<div class="nav_hidden nav_cells hidden-lg hidden-md col-sm-9 col-xs-9">
<ul>
<li class="nav_one"><img src="images/nav_little.png" alt="" style='width:7vw'>
<ul class="nav_two">
<li class="hover_underline">
<a href="./">HOME</a>
</li>
<li class="hover_underline">
<a href="project-description">PROJECT</a>
</li>
<li class="hover_underline">
<a href="results">RESULTS</a>
</li>
<li class="hover_underline">
<a href="team-members">TEAM</a>
</li>
<li class="hover_underline">
<a href="lab-notebook">LAB NOTEBOOK</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- body -->
<div id="homebody">
<div class="homebody_block_bigger col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-image: url(./images/网页背景.png);">
<div class="homebody_content_bigger col-lg-5 col-md-5 col-sm-12 col-xs-12 col-md-offset-1 col-lg-offset-1">
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-color:#FB8570;">
<div class="homebody_content col-lg-5 col-md-5 col-sm-12 col-xs-12 col-md-offset-1 col-lg-offset-1">
<div style="color: #FFDB70;">
<h2>ED-NAU</h2>
<p>Concentrate on directed evolution of OsNramp5</p>
<p>Exert the Advantage of the Subject</p>
<p>Handle with agricultural problems</p>
<p>Focus on human health</p>
</div>
</div>
<div class='homebody_img col-lg-5 col-md-5 col-sm-12 col-xs-12'>
<img src="images/2021IDEClogo设计.png" />
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="homebody_block_title" style="color: #75D5A8;">
<h1>SIGNIFICANCE</h1>
</div>
<div class='homebody_img homebody_img_smaller col-lg-5 col-md-5 col-sm-12 col-xs-12 col-md-offset-1 col-lg-offset-1'>
<img src="images//好笑的图（透明.png" />
</div>
<div class="homebody_content homebody_content_smaller col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div style="color: white;">
<p>OsNramp5 is a channel protein for the absorption of cadmium </p>
<p>and manganese ions in rice root cells,</p>
<p>and is responsible for transporting them to the above-ground parts.</p>
</div>
</div>
<div class="homebody_content homebody_content_smaller col-lg-5 col-md-5 col-sm-12 col-xs-12 col-md-offset-1 col-lg-offset-1">
<div style="color: white;">
<p>Cadmium is extremely easy to be absorbed by plant roots and enriches in seeds. </p>
<p>Then, Cadmium-enriched food brings this element into human body,</p>
<p>bringing great damage to human liver, kidney,</p>
<p>and even the nervous system.</p>
</div>
</div>
<div class='homebody_img homebody_img_smaller col-lg-5 col-md-5 col-sm-12 col-xs-12'>
<img src="images/课题背景2.png" />
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-color:#FFDB70;">
<div class="homebody_block_title" style="color: #FB8570;">
<h1>PRIVILIEGE</h1>
</div>
<div class="homebody_content col-lg-10 col-md-10 col-sm-12 col-xs-12 col-md-offset-1 col-lg-offset-1">
<div style="color: black;">
<p>Researchers have knocked out OsNramp5 in rice to <strong>reduce</strong> cadmium accumulation.</p>
<p>However, the <strong>yield</strong> was also reduced in the <strong>absence</strong> of Mn<sup>2+</sup>, </p>
<p>the enzyme cofactor and enzyme activator which plays an important role in photosynthesis. </p>
<p><br></p>
<p>Our project aims to solve this problem through <strong>directed evolution</strong> to obtain OsNramp5</p>
<p>which transports <strong>less</strong> content of Cd<sup>2+</sup> but <strong>normal</strong> that of Mn<sup>2+</sup>.</p>
</div>
</div>
<div class='homebody_img col-lg-5 col-md-5 col-sm-12 col-xs-12 col-md-offset-7 col-lg-offset-7' style="position: absolute; opacity: 0.5;">
<img src="images/QQ图片20211004150007.png" />
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-color:#75D5A8;">
<div class="homebody_block_title" style="color: #26364d;">
<h1>PROCEDURE</h1>
</div>
<div class='homebody_img col-lg-5 col-md-5 col-sm-12 col-xs-12 col-md-offset-1 col-lg-offset-1' style="height: 70vh;">
<img src="images//实验图集合.png" />
</div>
<div class="homebody_content col-lg-5 col-md-5 col-sm-12 col-xs-12" style="height: 70vh;">
<div style="color: #26364d;">
<p>Construction of the mutant library of OsNramp5</p>
<p>Construction of the random mutation library with homologous recombination. </p>
<p>Determination of Cd<sup>2+</sup> concentration in solid media. </p>
<p>Screening of <i>OsNramp5-mut</i> strains transferring less .</p>
<p>Screening of <i>OsNramp5-mut</i> strains transferring less .</p>
<p>Screening of <i>OsNramp5-mut</i> strains transporting Mn<sup>2+</sup> normally. </p>
<p>Cadmium responding biosensor</p>
<p>Bioinformatics-assisted mutation sites selection </p>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-color:#FFDB70;">
<div class="homebody_block_title" style="color: #26364d;">
<h1>EXPECTATION</h1>
</div>
<div class="homebody_content col-lg-10 col-md-10 col-sm-12 col-xs-12 col-md-offset-1 col-lg-offset-1" style="height: 50vh;">
<div style="color: #26364d;">
<h3>We hope that the evoluted protein could be used in the cultivation of low-cadmium rice</p>
<h3>and eventually be applied in field production to obtain healthful crops.</p>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="height: 30vh;">
<img src="images/酵母.png" alt="" class="jiaomu" style="animation: move_jiaomu 7s linear;animation-iteration-count: infinite;">
<img src="images/酵母.png" alt="" class="jiaomu" style="animation: move_jiaomu 7s linear 3.5s;animation-iteration-count: infinite;">
<div style="background-image: url(images/轨道.png);height: 3vh;background-position: center;background-size:contain;background-repeat:repeat-x;margin-top: 23vh;"></div>
</div>
</div>
<div class="footer">
<div class="footer_img col-lg-3 hidden-md hidden-sm hidden-xs"></div>
<div class="footer_menu col-lg-8 col-md-12 col-sm-12 col-xs-12">
<div class="footer_list ">
<div class="footer_title ">
<a href="./ ">
<div class="footer_arrow ">—</div>
<div> HOME</div>
</a>
</div>
</div>
<div class="footer_list ">
<div class="footer_title ">
<a href="project-description ">
<div class="footer_arrow ">—</div>
<div> PROJECT</div>
</a>
</div>
<div class="footer_title ">
<a href="project-description ">
<div class="footer_arrow ">—</div>
<div> Description</div>
</a>
</div>
<div class="footer_title ">
<a href="project-design ">
<div class="footer_arrow ">—</div>
<div> Design</div>
</a>
</div>
<div class="footer_title ">
<a href="project-PROTOCOL ">
<div class="footer_arrow ">—</div>
<div> Protocol</div>
</a>
</div>
</div>
<div class="footer_list ">
<div class="footer_title ">
<a href="results ">
<div class="footer_arrow ">—</div>
<div> RESULTS</div>
</a>
</div>
</div>
<div class="footer_list ">
<div class="footer_title ">
<a href="team-members ">
<div class="footer_arrow ">—</div>
<div> TEAM</div>
</a>
</div>
<div class="footer_title ">
<a href="team-members ">
<div class="footer_arrow ">—</div>
<div> Members</div>
</a>
</div>
<div class="footer_title ">
<a href="team-collaborations ">
<div class="footer_arrow ">—</div>
<div> Collaborations</div>
</a>
</div>
<div class="footer_title ">
<a href="team-attributions ">
<div class="footer_arrow ">—</div>
<div> Attributions</div>
</a>
</div>
<div class="footer_title ">
<a href="team-notebook ">
<div class="footer_arrow ">—</div>
<div> Notebook</div>
</a>
</div>
</div>
<div class="footer_list ">
<div class="footer_title ">
<a href="lab-notebook">
<div class="footer_arrow ">—</div>
<div> LAB NOTEBOOK</div>
</a>
</div>
</div>
</div>
</div>
</body>
</html>