Difference between revisions of "Team:NKU CHINA/Team"

 
(38 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
   padding:0px !important;
 
   padding:0px !important;
 
}
 
}
−
.modal-content { z-index:9999!important;}
+
#indicatorscss {
−
.modal-backdrop {  
+
  left: 13%;
−
position: fixed;
+
}
−
top: 0;
+
  #team_header {
−
right: 0;
+
            position: absolute;
−
bottom: 0;
+
    z-index: 9999;
−
left: 0;
+
    width: 100%;
−
z-index: 10;
+
    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 38: Line 59:
 
       .memberheader {
 
       .memberheader {
 
         color: white;  
 
         color: white;  
−
         font-size: 50px;
+
         font-size: 60px;
 
         padding-left: 20px;
 
         padding-left: 20px;
−
         font-family: myTitle;
+
         font-family: myTitle3;
 
       }
 
       }
 
       .teamPart {
 
       .teamPart {
Line 51: Line 72:
 
         border-width: 5px;
 
         border-width: 5px;
 
       }
 
       }
−
     </style>
+
.fullscreenvideo {
−
     <script type="text/javascript">
+
     position: absolute;
−
$('.modal-dialog').parent().on('show.bs.modal', function(e){ $(e.relatedTarget.attributes['data-target'].value).appendTo('body'); })
+
     top: 70%;
−
     </script>
+
    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;
 +
}
  
−
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
.loader-ring {
−
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
  position: fixed;
−
    <!--[if lt IE 9]>
+
  top: 50%;
−
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+
  left: 50%;
−
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
  margin: -120px 0 0 -120px;
−
    <![endif]-->
+
  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>
+
<div id="loading"></div>
−
      <img class="myBackground" src="https://static.igem.org/mediawiki/2018/6/64/T--NKU_CHINA--background.jpg">
+
<div id="loading_p">
−
    </div>
+
<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>
 +
<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 107: Line 245:
 
         </div>
 
         </div>
 
     <main>
 
     <main>
−
           <h1 style="text-align: center; color: white; font-size: 80px; padding-bottom: 20px;">NKU_CHINA</h1>
+
    <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">
 
       <div class="container">
−
         <p style="color: white; font-size: 20px; line-height: 25px; width: 100%">NKU_CHINA consists of faculty members and students from Nankai University, Tianjin. 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>
+
         <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>
  
  
Line 222: 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 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>
+
                         <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 535: 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 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>
+
                         <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 551: 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/a/ad/T--NKU_CHINA--huibiao.png" style="height: 250px; width: auto;">
+
<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="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
+
<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="https://www.instagram.com/igemnku2018/"><i class="fa fa fa-instagram" 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

Leaders

Zeyu Zhou

   chinazzy@outlook.com

Ziyu Wang

   251867857@qq.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

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071

Copyright © Team NKU_CHINA 2018

Top