Difference between revisions of "Team:SZU-China/Team"

 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{SZU-China/header}}
 
<html>
 
<html>
 +
 +
<style>
 +
.carousel-caption {
 +
position: relative;
 +
left: auto;
 +
right: auto;
 +
}
 +
 +
.carousel-control-next-icon {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
 +
}
 +
 +
.carousel-control-prev-icon {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
 +
}
 +
.carousel-caption{
 +
color: #000000 !important;
 +
}
 +
</style>
  
−
   
+
−
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SZU-China/CSS?action=raw&amp;ctype=text/css" />
+
−
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SZU-China/CSS/FontAwesome?action=raw&ctype=text/css">
+
<body data-spy="scroll" data-target="#myScrollspy" data-offset="10">
 +
<div class="container-full">
 +
<div class="card">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4f/T--SZU-China--team.jpg" />
 +
</div>
 +
</div>
  
−
<style>
+
<div class="container-fluid">
−
        #sideMenu, #top_title {
+
−
        display: none;
+
−
        }
+
−
        #content {
+
−
            width: 100%;
+
−
            margin: 0px;
+
−
            padding: 0px;
+
−
            background: #FFF;
+
−
        }
+
−
        .dropdown:hover {
+
−
        background-color: #00a300;
+
−
        }
+
−
        .dropdown:hover .dropdown-menu {
+
−
        display: block;
+
−
        }
+
−
.fixed-top {
+
−
  top: 10px;
+
−
  }
+
  
−
.navbar {
+
<div class="col-9 offset-1 shadow ">
−
  min-height: 60px;
+
<div class="row"></div>
−
}
+
<div class="text-center">
 +
<h1 style="color: #664788;">Team</h1>
 +
</div>
 +
<div class="indent">
 +
<h1>Team Members:</h1>
 +
</div>
 +
<div class="row">
 +
<div class="col-10 offset-1">
 +
<!--Carousel Wrapper-->
  
−
/* Adjust Menu (red) text color, (Garamond) font-family, (1.5em) font-size  */
+
<div id="carousel-example-2" class="carousel slide" data-ride="carousel">
−
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
+
<!--Indicators-->
−
.navbar .nav > li.current-menu-item > a,
+
<ol class="carousel-indicators">
−
.navbar .nav > li.current-menu-ancestor > a {
+
<li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
−
display:        inline;
+
<li data-target="#carousel-example-2" data-slide-to="1"></li>
−
color:          red;
+
<li data-target="#carousel-example-2" data-slide-to="2"></li>
−
font-size:      1.0em;
+
<li data-target="#carousel-example-2" data-slide-to="3"></li>
−
padding:        5px 20px;
+
<li data-target="#carousel-example-2" data-slide-to="4"></li>
−
}
+
<li data-target="#carousel-example-2" data-slide-to="5"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="6"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="7"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="8"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="9"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="10"></li>
  
−
.bg-green{
+
</ol>
−
  background-color: #18BC9C !important;
+
<!--/.Indicators-->
−
}
+
<!--Slides-->
−
           
+
<div class="carousel-inner" role="listbox" style="height: 800px;">
−
</style>
+
<div class="carousel-item active">
 +
<div class="view text-center">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/6/65/T--SZU-China--Mingyue.jpg" alt="First slide">
 +
<div class="mask rgba-black-light"></div>
  
−
       
+
</div>
−
<script>
+
<div class="carousel-caption">
−
$(document).ready(function(){
+
<h3 class="h3-responsive">Mingyue Luo</h3>
−
$(".dropdown-menu").hover(
+
<p style="padding: 40px;">He is an undergraduate from Shenzhen University who majors in bioengineering. He is the leader of our team who is responsible and kind. This year is the second year for him to take part in iGEM competition and he is very proud of this. He always staying up late in our lab because nothing’s gonna change his love for doing experiment.
−
function(){
+
</p>
−
$(".dropdown-menu").css("background-color","green");
+
</div>
−
},
+
</div>
−
function(){
+
<div class="carousel-item">
−
$(".dropdown-menu").css("background-color","blue");
+
<!--Mask color-->
−
}
+
<div class="view">
−
);
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/7/7d/T--SZU-China--Chen.jpg" alt="Second slide">
−
});
+
<div class="mask rgba-black-strong"></div>
−
</script>
+
</div>
−
        <body>
+
<div class="carousel-caption">
−
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-green">
+
<h3 class="h3-responsive">Chen Liang</h3>
−
<div class="container-fluid">
+
<p style="padding: 40px;">She is an undergraduate from Shenzhen University, majoring in clinical medicine. She is responsible for experiment and presentation in our team. She is very tough and independent. Nothing can defeat her except for sleep deprivation, but she always stays up during experiment and final month. She believes in rationalism and acts rationally all the time. She dreams of being a great doctor and work for MSF one day.</p>
−
<a class="navbar-brand" href="#">SZU-China</a>
+
</div>
−
+
</div>
−
+
<div class="carousel-item">
−
<ul class="navbar-nav nav justify-content-around">
+
<!--Mask color-->
−
<li class="nav-item active">
+
<div class="view">
−
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/5/52/T--SZU-China--Gefei.jpg" alt="Third slide">
−
</li>
+
<div class="mask rgba-black-slight"></div>
−
<li class="nav-item dropdown">
+
</div>
−
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<div class="carousel-caption">
−
Team
+
<h3 class="h3-responsive">Gefei Li</h3>
−
</a>
+
<p style="padding: 40px;">She is an undergraduate from Shenzhen University who majors in clinical medicine. She is responsible and capable and always pushes the team and herself to try new things. She is usually tough but not in front of the delicious food so if your project this year is about losing weight then you might see her at your poster.</p>
−
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
</div>
−
<a class="dropdown-item" href="#">Team Members</a>
+
</div>
−
<a class="dropdown-item" href="#">Collaborations</a>
+
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/b/ba/T--SZU-China--Jianting.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Jianting Huang</h3>
 +
<p style="padding: 40px;"> Jianting Huang is an undergraduate from Shenzhen University, major in biotechnology. He is responsible for human practice in SZU-China. He is very social and popular everywhere. He has dual-degree in CS. In a word, he is awesome.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/7/74/T--SZU-China--Jiaqi.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Jiaqi Tang</h3>
 +
<p style="padding: 40px;"> He is an undergraduate student from Shenzhen University who majors in biotechnology. He has extensive experience in designing processes and organizing events, and he is responsible for Human Practice design and execution in this project. He is expert in telling some interesting stories. He enjoys writing short essays to express himself in his spare time.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/1/16/T--SZU-China--Jingquan.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Jinquan Li</h3>
 +
<p style="padding: 40px;">
 +
He is an undergraduate from Shenzhen University's Institute of Advanced Study, who majors in biology and physics. He is a creative person and contributes to the dry lab. He is interested in the interdisciplinary nature of synthetic biology.
  
−
</div>
+
</p>
−
</li>
+
</div>
−
<li class="nav-item dropdown">
+
</div>
−
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<div class="carousel-item">
−
Project
+
<!--Mask color-->
−
</a>
+
<div class="view">
−
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/4/43/T--SZU-China--Junyu.jpg" alt="Second slide">
−
<a class="dropdown-item" href="demo.html">Description</a>
+
<div class="mask rgba-black-strong"></div>
−
<a class="dropdown-item" href="#">Design</a>
+
</div>
−
<a class="dropdown-item" href="#">Model</a>
+
<div class="carousel-caption">
−
<a class="dropdown-item" href="#">Biobricks</a>
+
<h3 class="h3-responsive">Junyu Chen</h3>
−
<a class="dropdown-item" href="#">Improve</a>
+
<p style="padding: 40px;"> 本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载，精通CSS、JavaScript、PHP、ASP、C、C＋＋、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal、spss、sas等单词的拼写，熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机。
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/9/95/T--SZU-China--Lindong.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Lindong He</h3>
 +
<p style="padding: 40px;">
 +
He is an undergraduate from Shenzhen University who majors in bioengineering. He is conscientious about the experiment and enthusiastic to help other teammates. But he is an obsessive and always want to tidy up many things in the lab. As for dreams, he just wants to be a big boss in the future.
  
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/d/d6/T--SZU-China--Roufeng.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Roufeng Guo</h3>
 +
<p style="padding: 40px;">
 +
He is a junior in computer science and software engineering at Shenzhen University. He is not very handsome but has a funny soul. He likes to challenge exciting things and experience different living environments. At the same time, he also longs for the regular and temperate life of the army.
 +
 +
</p>
 +
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Xiaohan.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Xiaohan Xie</h3>
 +
<p style="padding: 40px;">
 +
She is an undergraduate from Shenzhen University. She majors in physics but is responsible for software development in our team. She likes to explore programming and uses it to implement ideas. She loves cats and has two cats of her own, Pido and 66, she often helps stray cats.
 +
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/0/09/T--SZU-China--Yongshi.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Yongshi Ye</h3>
 +
<p style="padding: 40px;">
 +
She is an undergraduate from Shenzhen University who is also the youngest in the team. Within the team, she worked on all kinds of design. Music, drama and animation take an important part of her life which is also the key of her inspiration. Though is a little bit shy and not so talky, she does have a creative mind and enjoy trying new things.
 +
 +
</p>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</li>
+
<!--/.Slides-->
−
<li class="nav-item dropdown">
+
<!--Controls-->
−
+
<a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
−
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
−
Experiment <i class="fas fa-flask"></i>
+
<span class="sr-only">Previous</span>
 
</a>
 
</a>
−
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
−
<a class="dropdown-item" href="#">Demonstrate</a>
+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
−
<a class="dropdown-item" href="#">Results</a>
+
<span class="sr-only">Next</span>
−
<a class="dropdown-item" href="#">Safety</a>
+
</a>
−
<a class="dropdown-item" href="#">InterLab</a>
+
<!--/.Controls-->
 +
</div>
 +
<!--/.Carousel Wrapper-->
 +
</div>
 +
</div>
  
−
</div>
+
<div class="row">
−
</li>
+
<div class="col-6">
 +
<h1>PI &#38; Advisors:</h1>
 +
</div>
 +
<div class="col-6">
 +
<h1></h1>
 +
</div>
 +
</div>
  
−
<li class="nav-item dropdown">
+
<div class="row">
−
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<div class="col-10 offset-1">
−
Human Practices
+
<!--Carousel Wrapper-->
−
</a>
+
−
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
<a class="dropdown-item" href="#">Human Practices</a>
+
−
<a class="dropdown-item" href="#">Education and Engagement</a>
+
  
−
</div>
+
<div id="carousel-2" class="carousel slide" data-ride="carousel">
−
</li>
+
<!--Indicators-->
 +
<ol class="carousel-indicators">
 +
<li data-target="#carousel-2" data-slide-to="0" class="active"></li>
 +
<li data-target="#carousel-2" data-slide-to="1"></li>
 +
<li data-target="#carousel-2" data-slide-to="2"></li>
 +
<li data-target="#carousel-2" data-slide-to="3"></li>
 +
<li data-target="#carousel-2" data-slide-to="4"></li>
  
−
 
−
<li class="nav-item dropdown">
 
−
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
Judging
 
−
</a>
 
−
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
−
<a class="dropdown-item" href="#">Judging Form</a>
 
−
<a class="dropdown-item" href="#">Awards</a>
 
  
−
</div>
+
</ol>
−
</li>
+
<!--/.Indicators-->
−
</ul>
+
<!--Slides-->
 +
<div class="carousel-inner" role="listbox" style="height: 600px;">
 +
<div class="carousel-item active">
 +
<div class="view text-center">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/1/1e/T--SZU-China--Ad_Weizhao.jpg" alt="First slide">
 +
<div class="mask rgba-black-light"></div>
  
−
+
</div>
−
</div>
+
<div class="carousel-caption">
−
</nav>
+
<h3 class="h3-responsive">Weizhao Chen</h3>
 +
<h5>PI</h5>
 +
<p style="padding: 40px;">
 +
He is the Deputy Director of the experimental Teaching Center of Biological Sciences, Shenzhen University. He is a wonderful teacher.</p>
  
−
<style class="cp-pen-styles">
+
</div>
−
#carousel3d .carousel-3d-slide {
+
</div>
−
display: -webkit-box;
+
<div class="carousel-item">
−
display: -ms-flexbox;
+
<!--Mask color-->
−
display: flex;
+
<div class="view">
−
-webkit-box-flex: 1;
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/0/04/T--SZU-China--Ad_Ning.jpg" alt="Second slide">
−
-ms-flex: 1;
+
<div class="mask rgba-black-strong"></div>
−
flex: 1;
+
</div>
−
-webkit-box-orient: vertical;
+
<div class="carousel-caption">
−
-webkit-box-direction: normal;
+
<h3 class="h3-responsive">Ning Xie</h3>
−
-ms-flex-direction: column;
+
<h5>PI</h5>
−
flex-direction: column;
+
<p style="padding: 40px;">
−
-webkit-box-pack: center;
+
Dr. Ning Xie, professor in the College of Life Science，Shenzhen university, China. He is really willing to provide help for students.
−
-ms-flex-pack: center;
+
</p>
−
justify-content: center;
+
</div>
−
text-align: center;
+
</div>
−
background-color: #fff;
+
<div class="carousel-item">
−
padding: 10px;
+
<!--Mask color-->
−
-webkit-transition: all .4s;
+
<div class="view">
−
transition: all .4s;
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/6/6b/T--SZU-China--Mo.jpg" alt="Third slide">
−
}
+
<div class="mask rgba-black-slight"></div>
−
+
</div>
−
#carousel3d .carousel-3d-slide.current {
+
<div class="carousel-caption">
−
background-color: #fff;
+
<h3 class="h3-responsive">Beixin Mo</h3>
−
color: #fff;
+
<h5>Advisors</h5>
−
}
+
<p style="padding: 40px;">
−
+
Professor Mo, the vice-president of College of Life Science in Shenzhen University, keen on the reserch of epigenetics.
−
#carousel3d .carousel-3d-slide.current span {
+
−
font-size: 20px;
+
−
font-weight: 500;
+
−
}
+
−
</style>
+
−
<!--
+
−
<style>
+
−
.carousel-3d-container figure {
+
−
margin: 0;
+
−
}
+
−
+
−
.carousel-3d-container figcaption {
+
−
position: absolute;
+
−
background-color: rgba(0, 0, 0, 0.5);
+
−
color: #fff;
+
−
bottom: 0;
+
−
position: absolute;
+
−
bottom: 0;
+
−
padding: 15px;
+
−
font-size: 12px;
+
−
min-width: 100%;
+
−
box-sizing: border-box;
+
−
}
+
−
</style>
+
−
-->
+
−
</head>
+
  
−
<body>
+
</p>
−
<div class="container-fluid">
+
</div>
−
<div class="col-8 offset-2 shadow">
+
</div>
−
<div id="carousel3d">
+
<div class="carousel-item">
−
<carousel-3d :perspective="0" :space="200" :display="5" :controls-visible="true" :controls-prev-html="'❬'" :controls-next-html="'❭'" :controls-width="30" :controls-height="60" :clickable="true" :autoplay="true" :autoplay-timeout="5000">
+
<!--Mask color-->
−
<slide :index="0" id="silde1">
+
<div class="view">
−
<span>Web Design</span>
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/a/a4/T--SZU-China--Ad_Yanling.jpg" alt="Third slide">
−
<a id="slide1"></a>
+
<div class="mask rgba-black-slight"></div>
−
<img src="../img/bg-img.jpg" />
+
</div>
 
<div class="carousel-caption">
 
<div class="carousel-caption">
−
<h3>First slide label</h3>
+
<h3 class="h3-responsive">Yanling Qiu</h3>
−
            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
+
<h5>Advisors</h5>
 +
<p style="padding: 40px;">
 +
She is a postgraduate in chemical engineering and biology who come from SZU-China. Her current research interests are molecular biology, bioenergy. The girl is enthusiastic about science.
 +
</p>
 
</div>
 
</div>
−
</slide>
+
</div>
−
<slide :index="1">
+
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Jiantao.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Jiantao Zhang</h3>
 +
<h5>Advisors</h5>
 +
<p style="padding: 40px;">
 +
He is an undergraduate from Shenzhen University who majors in clinical medicine. He is responsible and diligent and has a thing for basketball. He is open to public basketball challenges, so feel free to contact him.
  
−
<span class="title">Web Design</span>
+
</p>
−
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Profile</a>
+
</div>
−
<p></p>
+
</div>
−
</slide>
+
−
<slide :index="2">
+
−
<span class="title">You know</span>
+
−
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Contact</a>
+
−
</slide>
+
−
<slide :index="3">
+
−
<span class="title">You know</span>
+
−
<a href="https://www.youtube.com/channel/UCXTfDJ60DBmA932Du6B1ydg">Click Here</a>
+
−
</slide>
+
−
<slide :index="4">
+
−
<span class="title">You know</span>
+
−
<a href="https://www.youtube.com/channel/UCXTfDJ60DBmA932Du6B1ydg">Click Here</a>
+
−
</slide>
+
−
<slide :index="5">
+
−
<span class="title">You know</span>
+
−
<a href="https://www.youtube.com/channel/UCXTfDJ60DBmA932Du6B1ydg">Click Here</a>
+
−
</slide>
+
−
<slide :index="6">
+
−
<span class="title">You know</span>
+
−
<a href="https://www.youtube.com/channel/UCXTfDJ60DBmA932Du6B1ydg">Click Here</a>
+
−
</slide>
+
  
−
</carousel-3d>
+
<!--/.Slides-->
−
<div class="abstract">
+
<!--Controls-->
−
+
<a class="carousel-control-prev" href="#carousel-2" role="button" data-slide="prev">
 +
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
<span class="sr-only">Previous</span>
 +
</a>
 +
<a class="carousel-control-next" href="#carousel-2" role="button" data-slide="next">
 +
<span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
<span class="sr-only">Next</span>
 +
</a>
 +
<!--/.Controls-->
 +
</div>
 +
<!--/.Carousel Wrapper-->
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
<!--
−
</div>
+
<div class="row">
 +
<div class="col-lg-3 col-md-6">
 +
<div class="card border shadow">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1e/T--SZU-China--Ad_Weizhao.jpg" />
 +
</div>
 +
<div class="card-body">
 +
<h3>Weizhao Chen</h3>
 +
<p>
 +
He is the Deputy Director of the experimental Teaching Center of Biological Sciences, Shenzhen University. He is a wonderful teacher.</p>
  
−
<script>
+
</div>
−
new Vue({
+
</div>
−
el: '#carousel3d',
+
<div class="col-lg-3 col-md-6">
−
data: {
+
<div class="card border">
−
slides: 7
+
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/04/T--SZU-China--Ad_Ning.jpg" />
−
},
+
</div>
−
components: {
+
<div class="card-body">
−
'carousel-3d': Carousel3d.Carousel3d,
+
<h3>Ning Xie</h3>
−
'slide': Carousel3d.Slide
+
<p>
−
}
+
Dr. Ning Xie, professor in the College of Life Science，Shenzhen university, China. He is really willing to provide help for students.
−
})
+
</p>
−
//# sourceURL=pen.js
+
</div>
−
</script>
+
</div>
 +
<div class="col-lg-3 col-md-6">
 +
<div class="card border">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a4/T--SZU-China--Ad_Yanling.jpg" />
 +
</div>
 +
<div class="card-body">
 +
<h3>Yanling Qiu</h3>
 +
<p>
 +
She is a postgraduate in chemical engineering and biology who come from SZU-China. Her current research interests are molecular biology, bioenergy. The girl is enthusiastic about science.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="col-lg-3 col-md-6">
 +
<div class="card border">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Jiantao.jpg" />
 +
</div>
 +
<div class="card-body">
 +
<h3>Jiantao Zhang</h3>
 +
<p>
 +
He is an undergraduate from Shenzhen University who majors in clinical medicine. He is responsible and diligent and has a thing for basketball. He is open to public basketball challenges, so feel free to contact him.</p>
  
−
+
</div>
−
+
</div>
−
    <!--  <script src="https://2018.igem.org/Template:SZU-China/JS/jquery?action=raw&amp;ctype=text/javascript"></script>-->
+
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:SZU-China/jquery/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
</div>
−
        <script src="https://2018.igem.org/Template:SZU-China/JS/bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
-->
−
        <script src="https://2018.igem.org/Template:SZU-China/JS/bootstrap.bundle?action=raw&amp;ctype=text/javascript"></script>
+
</div>
−
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/vue&action=raw&ctype=text/javascript"></script>
+
 
−
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/vue-carousel-3d&action=raw&ctype=text/javascript"></script>
+
</div>
  
 
</body>
 
</body>
 +
 +
<script>
 +
// When the DOM is ready, run this function
 +
$(document).ready(function() {
 +
//Set the carousel options
 +
$(function() {
 +
$('.carousel').carousel({
 +
interval: 6000
 +
});
 +
});
 +
});
 +
</script>
  
 
</html>
 
</html>

Latest revision as of 07:39, 17 October 2018

Team

Team Members:

PI & Advisors: