-
Notifications
You must be signed in to change notification settings - Fork 2
/
member.html
329 lines (303 loc) · 16.7 KB
/
member.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
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Team Member</title>
<link href="./idec-css/member.css" rel="stylesheet" />
<link href="./idec-css/reset123.css" rel="stylesheet" />
<link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<style>
.swiper {
width: 1200px;
height: 700px;
}
</style>
</head>
<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="sss" style="background-color: #E2F0E8;overflow:hidden">
<script src="./swiper/swiper-bundle.min.js"></script>
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="./images/hz1.jpg" alt="" style="width: 100%;"></div>
<div class="swiper-slide"><img src="./images/hz2.jpg" alt="" style="width: 100%;"></div>
<div class="swiper-slide"><img src="./images/hz3.JPG" alt="" style="width: 100%;"></div>
<div class="swiper-slide"><img src="./images/hz4.JPG" alt="" style="width: 100%;"></div>
<div class="swiper-slide"><img src="./images/hz5.JPG" alt="" style="width: 100%;"></div>
</div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div class="infobox">
<div class="info-item">
<p style="width: 300px;margin:0 auto"><img src="images/cn.jpg" alt="" style="width: 300px;margin:0 auto">
</p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Ning Chen</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">Hello, everyone! I am a
postgraduate
majoring in pharmacy. Honored to participate in this competition and grow together with others.
Due to IDEC, I get a chance to learn new things and challenge myself. And I hope
there is a good end.</p>
</div>
</div>
<div class="info-item">
<p style="width:300px;margin:0 auto"><img src="images/wxy.JPG" alt="" style="width: 300px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Xinyue Wang</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">I am good at molecular
biology and enzyme
engineering. In particular, I aspire to
modify lipase. I'll try my best to continue the exploring of engineering enzyme solvent
resistance in the future.</p>
</div>
</div>
<div class="info-item">
<p style="width:300px;margin:0 auto"><img src="images/yrr.jpg" alt="" style="width: 300px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Rongrong Yang</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">Hello! Thank you for your
attention, and I
am honored to be part of the
International Directed Evolution Competition in 2023. I eagerly anticipate the
challenges
and rewards that await us all. </p>
</div>
</div>
</div>
<div class="infobox">
<div class="info-item">
<p style="width: 300px;margin:0 auto"><img src="images/gcl.jpg" alt="" style="width: 300px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Chenlei Gu</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">Hello, I'm Chenlei Gu. I
love studying and
exploring the natural world.
Practice
and
thinking often bring me joy. The 21st century is the century for life science. I'm
excited
to
connect with fellow enthusiasts and share our passion for this amazing field.</p>
</div>
</div>
<div class="info-item">
<p style="width: 300px;margin:0 auto"><img src="images/qj.jpg" alt="" style="width: 300px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Jie Qiao</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">I specialise in
biotechnology and have a strong passion for protein engineering. I have gained success in modifying
cellulases. I am eager to continue my research and work on protein engineering with the aim of
evolving highly robust enzymes.</p>
</div>
</div>
<div class="info-item">
<p style="width: 300px;margin:0 auto"><img src="images/qly.jpg" alt="" style="width: 300px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Lingyu Qin</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">As a student majoring in
bioengineering, I will prepare for the competition with full
enthusiasm and professional attitude. I believe the debut of NNU-China will be a
successful journey, and our project will be meaningful to the field of life
science.</p>
</div>
</div>
</div>
<div class="infobox">
<div class="info-item">
<p style="width: 300px;margin:0 auto"><img src="images/syb.jpg" alt="" style="width: 300px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Yibo Song</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">Hello everyone, I am Yibo
Song and I am
fortunate to be part of this team.
"Never
underestimate the heart of a champion!" has always been my motto and I will definitely
do my
best to help the team become better.</p>
</div>
</div>
<div class="info-item">
<p style="width: 300px;margin:0 auto"><img src="images/wlx.jpg" alt="" style="width: 300px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Luxuan Wu</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">Hello, my name is Luxuan
Wu and I am a
graduate student majoring in
biopharmaceuticals. I want to be a person who can bring joy and warmth to people. I hope
to
use
my biological knowledge to make a small contribution to the world.</p>
</div>
</div>
<div class="info-item">
<p style="width: 300px;margin:0 auto"><img src="images/yst.jpg" alt="" style="width: 300px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Shuting Yang</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">I am a sophomore from the
College of Food
and Pharmaceutical engineering. In life, I prefer to hard-working and maintaining self - discipline.
I have the experience and courage to face failure, so I'm not afraid of difficulties and I believe
we will achieve success.</p>
</div>
</div>
</div>
<div class="infobox">
<div class="info-item">
</div>
<div class="info-item">
<p style="width:440px;margin:0 auto"><img src="images/lxj.jpg" alt="" style="width: 461px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Xiujuan Li</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">Associate Professor, School of Food Science and Pharmaceutical Engineering, Nanjing Normal University, China. She is at the
origin of the creation of our team! Her Research interests focus on the directed evolution of cellulase, plastic degrading enzyme, lipase and their applications in biofabration.</p>
</div>
</div>
<div class="info-item">
</div>
</div>
<div class="infobox">
<div class="info-item">
<p style="width:440px;margin:0 auto"><img src="images/wln.jpg" alt="" style="width: 461px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Lina Wu</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">
Lina Wu is the backbone of our team and has given many key guiding opinions! Her research direction is rapid detection technology of small molecules in food based on gene editing technology.
</p>
</div>
</div>
<div class="info-item">
<p style="width:400px;margin:0 auto"><img src="images/xq.jpg" alt="" style="width: 461px;"></p>
<div class="infomation" style="background-color: #fff;">
<h1 style=" color: #0F5132;font-size: 30px;">Qing Xu</h1>
<p align="justify" style="font-size: 18px;padding: 20px;border-radius: 30px;">Qing Xu gave us the most
relevant and
accurate scientific background to start our project. He is a professor at Nanjing Normal University, also specialized in microbial metabolic engineering. </p>
</div>
</div>
</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">
<p
style="background-color: #0F5132; color: #fff; border-radius: 90px;text-align: center;margin-top: 30px;">
MAIN SPONSORS</p>
<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>
<p
style="background-color: #0F5132; color: #fff; border-radius: 90px;text-align: center;margin-top: 30px;">
LOGISTICS SPONSORS</p>
<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>
</body>
<script>
var mySwiper = new Swiper('.swiper', {
direction: 'horizontal', // 水平切换选项
loop: true, // 循环模式选项
autoplay: {
delay: 3000 // 自动播放间隔
},
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// 如果需要滚动条
scrollbar: {
el: '.swiper-scrollbar',
},
})
</script>
<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>
</html>