(61 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.footer-w3ls ul.social-icons1 li a { | .footer-w3ls ul.social-icons1 li a { | ||
− | margin-right:0px; | + | margin-right:2px!important; |
+ | padding:0px !important; | ||
} | } | ||
− | .modal { z-index: | + | #indicatorscss { |
− | .modal-backdrop { z-index: | + | left: 13%; |
+ | } | ||
+ | #team_header { | ||
+ | position: absolute; | ||
+ | z-index: 9999; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | top: 5%; | ||
+ | background: rgba(0,0,0,.5); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | #team_header:hover { | ||
+ | -webkit-transition: 1s; | ||
+ | -moz-transition: 1s; | ||
+ | -ms-transition: 1s; | ||
+ | -o-transition: 1s; | ||
+ | transition: 1s; | ||
+ | filter: alpha(opacity=0); | ||
+ | -webkit-opacity: 0; | ||
+ | -moz-opacity: 0; | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translateX(0) rotateY(0); | ||
+ | -moz-transform: translateX(0) rotateY(0); | ||
+ | -ms-transform: translateX(0) rotateY(0); | ||
+ | -o-transform: translateX(0) rotateY(0); | ||
+ | transform: translateX(0) rotateY(0); | ||
+ | } | ||
+ | .modal { z-index:1050!important;} | ||
+ | .modal-backdrop { z-index: 0 !important;} | ||
.info-text h5 { | .info-text h5 { | ||
color:#fff; | color:#fff; | ||
Line 37: | Line 59: | ||
.memberheader { | .memberheader { | ||
color: white; | color: white; | ||
− | font-size: | + | font-size: 60px; |
padding-left: 20px; | padding-left: 20px; | ||
− | font-family: | + | font-family: myTitle3; |
} | } | ||
.teamPart { | .teamPart { | ||
Line 50: | Line 72: | ||
border-width: 5px; | border-width: 5px; | ||
} | } | ||
− | + | .fullscreenvideo { | |
+ | position: absolute; | ||
+ | top: 70%; | ||
+ | left: 50%; | ||
+ | min-width: 100%; | ||
+ | min-height: 100%; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | z-index: -100; | ||
+ | -webkit-transform: translateX(-50%) translateY(-50%); | ||
+ | transform: translateX(-50%) translateY(-50%); | ||
+ | -webkit-transition: 1s opacity; | ||
+ | transition: 1s opacity; | ||
+ | } | ||
+ | .videocontainer{ | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | height: 130%; | ||
+ | overflow: hidden; | ||
+ | z-index: -100; | ||
+ | top: -25%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .videocontainer:before{ | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display: block; | ||
+ | z-index: -10; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | #loading { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background: black; | ||
+ | position: fixed; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | z-index:10000; | ||
+ | } | ||
+ | #loading_p { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index:99999; | ||
+ | } | ||
− | + | .loader-ring { | |
− | + | position: fixed; | |
− | + | top: 50%; | |
− | + | left: 50%; | |
− | + | margin: -120px 0 0 -120px; | |
− | + | width: 240px; | |
+ | height: 240px; | ||
+ | z-index:10000; | ||
+ | } | ||
+ | |||
+ | .loader-ring-light { | ||
+ | width: 240px; | ||
+ | height: 240px; | ||
+ | -moz-border-radius: 240px; | ||
+ | -webkit-border-radius: 240px; | ||
+ | border-radius: 240px; | ||
+ | -moz-box-shadow: 0 4px 0 #00abf2 inset; | ||
+ | -webkit-box-shadow: 0 4px 0 #00abf2 inset; | ||
+ | box-shadow: 0 4px 0 #00abf2 inset; | ||
+ | animation: rotate-360 2s linear infinite; | ||
+ | } | ||
+ | |||
+ | .loader-ring-track { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 240px; | ||
+ | height: 240px; | ||
+ | -moz-border-radius: 240px; | ||
+ | -webkit-border-radius: 240px; | ||
+ | border-radius: 240px; | ||
+ | -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset; | ||
+ | -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset; | ||
+ | box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset; | ||
+ | } | ||
+ | |||
+ | @keyframes rotate-360 { | ||
+ | from { | ||
+ | -moz-transform: rotate(0); | ||
+ | -ms-transform: rotate(0); | ||
+ | -webkit-transform: rotate(0); | ||
+ | -o-transform: rotate(0); | ||
+ | transform: rotate(0); | ||
+ | } | ||
+ | to { | ||
+ | -moz-transform: rotate(360deg); | ||
+ | -ms-transform: rotate(360deg); | ||
+ | -webkit-transform: rotate(360deg); | ||
+ | -o-transform: rotate(360deg); | ||
+ | transform: rotate(360deg); | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | var bgVideo=document.getElementById("teambg"); | ||
+ | bgVideo.addEventListener('canplaythrough',function(){ | ||
+ | $('#loading').css("display","none"); | ||
+ | $('.loader-ring').css("display","none"); | ||
+ | $('#loading_p').css("display","none"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
− | + | <div id="loading"></div> | |
− | + | <div id="loading_p"> | |
− | + | <p style="color: white;font-family:myTitle3;font-size:30px;position:relative;top:47%;left:46%">Loading...</p> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="loader-ring"> | |
− | + | <div class="loader-ring-light"></div> | |
− | + | <div class="loader-ring-track"></div> | |
− | + | </div> | |
− | + | <div class="videocontainer"> | |
− | + | <div class="fullscreenvideo" > | |
− | + | <video id="teambg" autoplay="autoplay" muted="muted" loop="loop"> | |
− | + | <source src="https://static.igem.org/mediawiki/2018/f/fb/T--NKU_CHINA--BGofother.mp4" type="video/mp4"> | |
− | + | </video> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </div> | |
− | + | <main> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div id="teacher_one" class="modal fade" tabindex="-1"> | <div id="teacher_one" class="modal fade" tabindex="-1"> | ||
<div class="modal-dialog"> | <div class="modal-dialog"> | ||
Line 145: | Line 244: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <main> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row" style="margin-top:-28px;"> | ||
+ | <div class="carousel slide" data-ride="carousel" id="myCarousel_team"> | ||
+ | <ol class="carousel-indicators" id="indicatorscss"> | ||
+ | <li data-target="#myCarousel_team" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#myCarousel_team" data-slide-to="1"></li> | ||
+ | <li data-target="#myCarousel_team" data-slide-to="2"></li> | ||
+ | </ol> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/48/T--NKU_CHINA--quanduihezhao.jpg" class="img-responsive"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/ec/T--NKU_CHINA--hezhao1.jpg" class="img-responsive"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c0/T--NKU_CHINA--hezhao3.jpg" class="img-responsive"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <h1 style="text-align: center; color: white; font-size: 120px; padding-bottom: 50px;padding-top: 50px;font-family: myTitle2" id="team_header">NKU_CHINA</h1> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <p style="color: white; font-size: 20px; line-height: 25px; width: 100%;margin-top:20px;">NKU_CHINA consists of faculty members and students from Nankai University. Located in the east coast of Asia and one of the most developed and prosperous cities in mainland China, Nankai University is making groundbreaking progress in both natural and social sciences while holding fast to the orthodox beliefs that inspire us to dedicate to the interest of the public and the nation.</p> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="row teamborder teamPart"> | ||
+ | <h2 class="memberheader">Instructors</h2> | ||
+ | <div class="col-1 bottom"> | ||
+ | <div class="col-md-4 pictureofmember"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f5/T--NKU_CHINA--teacher_one.png" style="width:250px;height:auto;" class="img-responsive img-circle"> | ||
+ | <div class="col-1-bottom" style="width: 250px; height: 250px;"> | ||
+ | <div class="info-text"> | ||
+ | <a href="#teacher_one" data-toggle="modal"><h5>Zhihui Cheng</h5></a> | ||
+ | <p class="info-contact"><i class="fa fa fa-envelope-o" aria-hidden="true"></i> chengzhihui77@yahoo.com</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-1 bottom"> | ||
+ | <div class="col-md-4 pictureofmember"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/6/68/T--NKU_CHINA--teacher_two.png" style="width:250px;height:auto;" class="img-responsive img-circle"> | ||
+ | <div class="col-1-bottom" style="width: 250px; height: 250px;"> | ||
+ | <div class="info-text"> | ||
+ | <a href="#teacher_two" data-toggle="modal"><h5>Chao Yang</h5></a> | ||
+ | <p class="info-contact"><i class="fa fa fa-envelope-o" aria-hidden="true"></i> yangchaonk@163.com</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-1 bottom"> | ||
+ | <div class="col-md-4 pictureofmember"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/0c/T--NKU_CHINA--gaoweixia.png" style="width:250px;height:auto;" class="img-responsive img-circle"> | ||
+ | <div class="col-1-bottom" style="width: 250px; height: 250px;"> | ||
+ | <div class="info-text"> | ||
+ | <a href="#gaoshijie" data-toggle="modal"><h5>Weixia Gao</h5></a> | ||
+ | <p class="info-contact"><i class="fa fa fa-envelope-o" aria-hidden="true"></i> watersave@126.com</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<div class="row teamborder teamPart"> | <div class="row teamborder teamPart"> | ||
Line 217: | Line 383: | ||
<div class="modal-body"> | <div class="modal-body"> | ||
<img src="https://static.igem.org/mediawiki/2018/f/fa/T--NKU_CHINA--yuzhao2.jpg" style="height: 229px;width: auto;" alt="Yu Zhao" class="img-responsive center-block"> | <img src="https://static.igem.org/mediawiki/2018/f/fa/T--NKU_CHINA--yuzhao2.jpg" style="height: 229px;width: auto;" alt="Yu Zhao" class="img-responsive center-block"> | ||
− | <p style="font-size: 20px;">Don’t aim for success if you really want it,Just stick to what you love and belive in, and it will come naturelly. I am Yu Zhao, an undergraduate majoring in biotechnology at Nankai University. As the head of Human practice team of | + | <p style="font-size: 20px;">Don’t aim for success if you really want it,Just stick to what you love and belive in, and it will come naturelly. I am Yu Zhao, an undergraduate majoring in biotechnology at Nankai University. As the head of Human practice team of NKU_CHINA,I have organized and participated in all the work of Human practice. I have contributed to the promotion of synthetic biology, iGEM teams cooperation, factory exchange, market research, questionnaire research and transformation of achievements. Participating in iGEM is based on my own interest, I am very happy to be able to participate in the largest competition in the field of synthetic biology.</p> |
</div> | </div> | ||
<div class="modal-footer"> | <div class="modal-footer"> | ||
Line 423: | Line 589: | ||
<div class="info-text"> | <div class="info-text"> | ||
<a href="#zixinzhao" data-toggle="modal"><h5>Zixin Zhao</h5></a> | <a href="#zixinzhao" data-toggle="modal"><h5>Zixin Zhao</h5></a> | ||
− | <p class="info-contact"><i class="fa fa fa-envelope-o" aria-hidden="true"></i>1610838@mail.nankai.edu.cn</p> | + | <p class="info-contact" style="text-align:center;"><i class="fa fa fa-envelope-o" aria-hidden="true"></i>1610838@mail.nankai.edu.cn</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 496: | Line 662: | ||
<div class="info-text"> | <div class="info-text"> | ||
<a href="#fanyanghe" data-toggle="modal"><h5>Fanyang He</h5></a> | <a href="#fanyanghe" data-toggle="modal"><h5>Fanyang He</h5></a> | ||
− | <p class="info-contact"><i class="fa fa fa-envelope-o" aria-hidden="true"></i>hefanyang@mail.nankai.edu.cn</p> | + | <p class="info-contact" style="text-align:center;"><i class="fa fa fa-envelope-o" aria-hidden="true"></i>hefanyang@mail.nankai.edu.cn</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 520: | Line 686: | ||
<div class="info-text"> | <div class="info-text"> | ||
<a href="#haolinzhong" data-toggle="modal"><h5>Haolin Zhong</h5></a> | <a href="#haolinzhong" data-toggle="modal"><h5>Haolin Zhong</h5></a> | ||
− | <p class="info-contact"><i class="fa fa fa-envelope-o" aria-hidden="true"></i> | + | <p class="info-contact"><i class="fa fa fa-envelope-o" aria-hidden="true"></i> zhlien@mail.nankai.edu.cn</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 530: | Line 696: | ||
<div class="modal-body"> | <div class="modal-body"> | ||
<img src="https://static.igem.org/mediawiki/2018/a/a4/T--NKU_CHINA--haolinzhong2.png" style="width: 300px;width: 200px;" alt="Haolin Zhong" class="img-responsive center-block"> | <img src="https://static.igem.org/mediawiki/2018/a/a4/T--NKU_CHINA--haolinzhong2.png" style="width: 300px;width: 200px;" alt="Haolin Zhong" class="img-responsive center-block"> | ||
− | <p style="font-size: 20px;">I am Haolin Zhong,one of the participants from | + | <p style="font-size: 20px;">I am Haolin Zhong,one of the participants from team NKU_CHINA. I think iGEM is a significant worldwide competetion because it not only conduct creative design annually but also value the application of these new products. In a word, I really appreciate that I could participate in this competetion.</p> |
</div> | </div> | ||
<div class="modal-footer"> | <div class="modal-footer"> | ||
Line 546: | Line 712: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-xs-8 col-xs-push-1"> | <div class="col-xs-8 col-xs-push-1"> | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img src="https://static.igem.org/mediawiki/2018/0/0b/T--NKU_CHINA--duihui_final.png" style="height: 250px; width: auto;"> |
</div> | </div> | ||
<div class="col-xs-4 footer-w3ls"> | <div class="col-xs-4 footer-w3ls"> | ||
<h3 style="color: white; font-size: 30px;">Contacts</h3> | <h3 style="color: white; font-size: 30px;">Contacts</h3> | ||
<ul class="social-icons1" style="margin:0 auto;padding-top:0;"> | <ul class="social-icons1" style="margin:0 auto;padding-top:0;"> | ||
− | <li><a href=" | + | <li><a href="https://www.facebook.com/iGEMNKU2018/"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> |
<li><a href="https://twitter.com/iGEMNKU2018"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> | <li><a href="https://twitter.com/iGEMNKU2018"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> | ||
− | |||
<li><a href="mailto:nkuigem2018@163.com"><i class="fa fa fa-envelope-o" aria-hidden="true"></i></a></li> | <li><a href="mailto:nkuigem2018@163.com"><i class="fa fa fa-envelope-o" aria-hidden="true"></i></a></li> | ||
</ul> | </ul> |
Latest revision as of 21:17, 17 October 2018
Loading...
NKU_CHINA
NKU_CHINA consists of faculty members and students from Nankai University. Located in the east coast of Asia and one of the most developed and prosperous cities in mainland China, Nankai University is making groundbreaking progress in both natural and social sciences while holding fast to the orthodox beliefs that inspire us to dedicate to the interest of the public and the nation.
Instructors
Zhihui Cheng
chengzhihui77@yahoo.com
Chao Yang
yangchaonk@163.com
Weixia Gao
watersave@126.com
Members
Yu Zhao
1984495492@qq.com
Danqing Tong
tongdanqing98@163.com
Zhaolin Ma
1716882396@qq.com
Min Zheng
1549679366@qq.com
Guanyue Xiong
15180573969@163.com
Lin Luan
lenient.luan@foxmail.com
Senhao Kou
1002610646@qq.com
Zhihao Yan
624869801@qq.com
Qiuhan Lang
1610862@nankai.edu.cn
Zixin Zhao
1610838@mail.nankai.edu.cn
Wanru Zhang
zwr97@126.com
Bo Xu
2743935191@qq.com
Fanyang He
hefanyang@mail.nankai.edu.cn
Haolin Zhong
zhlien@mail.nankai.edu.cn