(36 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | < | + | <style type="text/css"> |
− | + | html body{ | |
− | + | font-family:purista !important; | |
+ | } | ||
+ | p{ | ||
+ | font-family: arial | ||
+ | } | ||
+ | figure .img-wrapper img { | ||
+ | width: 100%; | ||
+ | height:300px | ||
+ | } | ||
+ | |||
+ | figure figcaption{ | ||
+ | padding: 20px 25px; | ||
+ | margin-top: 0; | ||
+ | color: #333; | ||
+ | height: 330px | ||
+ | } | ||
+ | .dropdown-menu > ul{ | ||
+ | background-color: rgba(132,176,110,0.6)!important | ||
+ | } | ||
− | <link rel= | + | .positiontitle { |
− | + | position: relative; | |
− | + | top: 500px; | |
− | + | font-size: 68px; | |
− | + | color: #fff; | |
− | + | z-index: 100; | |
− | + | letter-spacing: 0.0588235em; | |
− | + | } | |
− | + | ||
− | + | .colul .colactive a { | |
− | + | font-size: 22px; | |
− | + | color: #00746b !important; | |
− | + | } | |
− | + | ||
− | + | .v1 { | |
− | + | font-family: purista !important; | |
− | + | font-weight: 600 !important; | |
− | + | font-style: normal !important; | |
− | + | font-size: 25px !important; | |
− | + | letter-spacing: .05em !important; | |
+ | text-transform: uppercase !important; | ||
+ | line-height: 1.2em !important; | ||
+ | color: #4a4a4a !important; | ||
+ | } | ||
+ | |||
+ | #top_menu_14 { | ||
+ | height: auto !important; | ||
+ | } | ||
+ | |||
+ | .colul a:hover { | ||
+ | |||
+ | color: #00746b !important; | ||
+ | } | ||
+ | |||
+ | .colul li a { | ||
+ | font-family: adobe-garamond-pro !important; | ||
+ | font-weight: 400; | ||
+ | font-style: normal; | ||
+ | font-size: 18px; | ||
+ | letter-spacing: 0px; | ||
+ | text-transform: none; | ||
+ | text-decoration: none; | ||
+ | line-height: 1.2em; | ||
+ | color: rgba(26, 26, 26, .7); | ||
+ | margin-bottom: .5em; | ||
+ | |||
+ | } | ||
+ | |||
+ | .ulfixed { | ||
+ | position: fixed !important; | ||
+ | top: 90px; | ||
+ | } | ||
+ | |||
+ | .myheader { | ||
+ | box-shadow: none !important; | ||
+ | background: rgba(132,176,110,0.6) !important; | ||
+ | border: none !important; | ||
+ | } | ||
+ | |||
+ | .itemstyle { | ||
+ | font-family: arial !important; | ||
+ | font-weight: 400 !important; | ||
+ | font-style: normal !important; | ||
+ | |||
+ | letter-spacing: 0px !important; | ||
+ | line-height: 1.6em !important; | ||
+ | color: rgba(26, 26, 26, .7) !important; | ||
+ | } | ||
+ | |||
+ | .footer { | ||
+ | background:rgba(12, 61, 12, 0.8509803921568627) !important; | ||
+ | } | ||
+ | #back-to-top{ | ||
+ | position:fixed; | ||
+ | |||
+ | } | ||
+ | #back-to-top a{ | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | color:#d1d1d1; | ||
+ | display:block; | ||
+ | width:80px; | ||
+ | /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ | ||
+ | -moz-transition:color 1s; | ||
+ | -webkit-transition:color 1s; | ||
+ | -o-transition:color 1s; | ||
+ | } | ||
+ | #back-to-top a img{ | ||
+ | background:#d1d1d1; | ||
+ | border-radius:6px; | ||
+ | display:block; | ||
+ | height:80px; | ||
+ | width:80px; | ||
+ | margin-bottom:5px; | ||
+ | -moz-transition:background 1s; | ||
+ | -webkit-transition:background 1s; | ||
+ | -o-transition:background 1s; | ||
+ | } | ||
+ | @font-face | ||
+ | { | ||
+ | font-family: purista; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'), | ||
+ | url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'); | ||
+ | } | ||
+ | </style> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/animate.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/slider.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/main.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css"> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function () { | ||
+ | //当点击跳转链接后,回到页面顶部位置 | ||
+ | $("#back-to-top").hide(); | ||
+ | window.onscroll = function () { | ||
+ | var t = document.documentElement.scrollTop || document.body.scrollTop; //获取距离页面顶部的距离 | ||
+ | var $x = $('#Members').offset().top | ||
+ | if (t >= $x - 80) { | ||
+ | console.log(t, $x) | ||
+ | $('.colul').addClass('ulfixed') | ||
+ | $("#back-to-top").fadeIn(1500); | ||
+ | } else { | ||
+ | $('.colul').removeClass('ulfixed') | ||
+ | $("#back-to-top").fadeOut(1500); | ||
+ | } | ||
+ | } | ||
+ | $("#back-to-top").click(function () { | ||
+ | $('body,html').animate({ scrollTop: 0 }, 1000); | ||
+ | return false; | ||
+ | }); | ||
+ | $('.colul li').click(function () { | ||
+ | $(this).siblings().removeClass('colactive') | ||
+ | $(this).addClass('colactive') | ||
+ | }) | ||
+ | }) | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <header id="top-bar" class="navbar-fixed-top animated-header navbar navbar-default myheader" > | ||
<div class="container"> | <div class="container"> | ||
− | <div class="navbar-header"> | + | <div class="navbar-header" > |
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | ||
<span class="sr-only">Toggle navigation</span> | <span class="sr-only">Toggle navigation</span> | ||
Line 31: | Line 181: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
− | + | </button> | |
− | <div class="navbar-brand"> | + | <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px"> |
<a href="https://2018.igem.org/Team:Worldshaper-XSHS"> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS"> | ||
− | + | Worldshaper- <b>XSHS</b> | |
</a> | </a> | ||
</div> | </div> | ||
− | + | </div> | |
<nav class="collapse navbar-collapse navbar-right" role="navigation"> | <nav class="collapse navbar-collapse navbar-right" role="navigation"> | ||
<div class="main-menu"> | <div class="main-menu"> | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
− | + | ||
− | + | ||
− | + | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a class="dropdown-toggle" data-toggle="dropdown"> | <a class="dropdown-toggle" data-toggle="dropdown"> | ||
Line 51: | Line 199: | ||
<div class="dropdown-menu"> | <div class="dropdown-menu"> | ||
<ul> | <ul> | ||
+ | |||
<li> | <li> | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a> | ||
Line 57: | Line 206: | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a> | ||
</li> | </li> | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
</li> | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a> | ||
+ | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a class="dropdown-toggle" data-toggle="dropdown"> | <a class="dropdown-toggle" data-toggle="dropdown"> | ||
Line 85: | Line 235: | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a> | ||
</li> | </li> | ||
− | + | ||
− | + | ||
− | + | ||
<li> | <li> | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a> | ||
Line 106: | Line 254: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a class="dropdown-toggle" data-toggle="dropdown"> | <a class="dropdown-toggle" data-toggle="dropdown"> | ||
− | + | HP | |
<span class="caret"></span> | <span class="caret"></span> | ||
</a> | </a> | ||
Line 142: | Line 290: | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a> | ||
</li> | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a> | ||
+ | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 148: | Line 299: | ||
</header> | </header> | ||
+ | <section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;"> | ||
+ | <strong class="positiontitle">Members</strong> | ||
+ | <!-- 这里是大图的标题 --> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%"> | ||
+ | <!-- 这里是大图的图片链接 --> | ||
+ | </section> | ||
+ | <section class="container"> | ||
+ | <div class="col-xs-2 xshs-box3 "> | ||
+ | <ul class="colul text-left"> | ||
+ | <li class="colactive mt-1"> | ||
+ | <a href="#Members">Members</a> | ||
+ | </li> | ||
+ | <li class="mt-1"> | ||
+ | <a href="#Instructors">Instructors</a> | ||
+ | </li> | ||
+ | <!-- 这里是页面定位锚点 href 对应代码的 “id属性 例如 id='xxx' ”--> | ||
+ | <li> | ||
+ | <p id="back-to-top" style="margin-top: 50px;"> | ||
+ | <a href="#top"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png"> | ||
+ | TO Top | ||
+ | </a> | ||
+ | </p> | ||
+ | </li> | ||
− | < | + | </ul> |
− | < | + | </div> |
− | < | + | <div class="col-xs-10 "> |
− | + | <section class="service-page"> | |
− | + | <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Members</h2> | |
− | + | <div style=" | |
− | + | width: 28%; | |
− | + | margin: 0 auto; | |
+ | margin-top: -34px; | ||
+ | "> | ||
+ | <hr style=" | ||
+ | height: 3px; | ||
+ | background-color: #0c3d0c99!important; | ||
+ | margin-top: 40px | ||
+ | "> | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p> | <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p> | ||
<div class="row"> | <div class="row"> | ||
<div class="clearfix"> | <div class="clearfix"> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
− | <img src="https://static.igem.org/mediawiki/2018/a/a9/T--worldshaper-XSHS--m001.png" class="img-responsive" alt="" /> | + | <img src="https://static.igem.org/mediawiki/2018/a/a9/T--worldshaper-XSHS--m001.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
<h4>Name: Mei Yantao</h4> | <h4>Name: Mei Yantao</h4> | ||
− | + | ||
− | <p>Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading books, listening to songs, playing musical instruments, aerial photography, robots, etc. His favorite thing is | + | <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading |
+ | books, listening to songs, playing musical instruments, aerial photography, robots, etc. | ||
+ | His favorite thing is doing homework. | ||
</p> | </p> | ||
</figcaption> | </figcaption> | ||
Line 181: | Line 361: | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 188: | Line 368: | ||
<figcaption> | <figcaption> | ||
<h4>Name: Yu Yangkun</h4> | <h4>Name: Yu Yangkun</h4> | ||
− | + | ||
− | <p>Introduction: Yu Yangkun is a cheerful, | + | <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, humorous, and sincere person. He does not have bad habits |
+ | and has a good health. He is good at drawing and calligraphy. He does things very | ||
+ | meticulouslyly.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 201: | Line 383: | ||
<figcaption> | <figcaption> | ||
<h4>Name: He Xinyi</h4> | <h4>Name: He Xinyi</h4> | ||
− | <p>Introduction: She likes music, sports, and | + | <p class="itemstyle">Introduction: She likes music, sports, and fond of attempting new things. She is more interested in novels |
+ | and psychology books. She wants to be a unfettered person who can do what she wants. | ||
+ | to do.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 213: | Line 397: | ||
<figcaption> | <figcaption> | ||
<h4>Name: Pan Hui</h4> | <h4>Name: Pan Hui</h4> | ||
− | + | ||
− | <p>Introduction: She likes to participate in team activities and meet new | + | <p class="itemstyle">Introduction: She likes to participate in team activities and meet new friends. She is curious |
+ | about psychology, willing to read some books about social sciences; she believe the importance of efficiency. | ||
+ | "Either don't do it, or do it." She expects to do do anything with her heart. | ||
+ | |||
+ | </p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<div class="clearfix"> | <div class="clearfix"> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 227: | Line 416: | ||
<figcaption> | <figcaption> | ||
<h4>Name: Yang Jianing</h4> | <h4>Name: Yang Jianing</h4> | ||
− | + | ||
− | <p>Introduction: He is a very active person in the team, but he will complete the task on time and on time. He is very good at science because he only loves science. | + | <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time |
+ | and on time. He is very good at science because he only loves science. | ||
</p> | </p> | ||
</figcaption> | </figcaption> | ||
Line 234: | Line 424: | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 242: | Line 432: | ||
<h4>Name: Yu Yangyang</h4> | <h4>Name: Yu Yangyang</h4> | ||
− | <p>Introduction:Yu Yangyang loves animation | + | <p class="itemstyle">Introduction:Yu Yangyang loves animation, games, and natural science. He likes to |
+ | explore the unknown world and hopes to become knowledgeable. His drawback is lack of self-control. | ||
+ | </p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | + | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 255: | Line 447: | ||
<h4>Name:CaoShuaijun</h4> | <h4>Name:CaoShuaijun</h4> | ||
− | <p>Introduction:His hobby is playing basketball and badminton. He likes physical chemistry. Although he is fat, he likes to | + | <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry. |
+ | Although he is fat, he likes to jog. Movies and food are his favorite things. He likes | ||
+ | to go to the bookstore with his friends. </p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | + | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 268: | Line 462: | ||
<h4>Name: Pan Yangbo</h4> | <h4>Name: Pan Yangbo</h4> | ||
− | <p>Introduction: | + | <p class="itemstyle">Introduction:He is a boy who likes to try; He is a boy who can do everything. He is a procrastinator, |
+ | but he can get things done in the end. He looked forward to this unusual experience, to | ||
+ | this different growth, and to greeting this gold medal with his teammates.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 281: | Line 477: | ||
<h4>Name: ShenHongcheng</h4> | <h4>Name: ShenHongcheng</h4> | ||
− | <p>Introduction:He is a lovely boy. He likes to go | + | <p class="itemstyle">Introduction:He is a lovely boy. He likes to go out to work because he will get plenty |
+ | of exercise chances and happiness. He is fond of making friends, getting along with | ||
+ | each others, from mutual ignorance to mutual familiarity.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 294: | Line 492: | ||
<h4>Name: ShenYibin</h4> | <h4>Name: ShenYibin</h4> | ||
− | <p>Introduction:He is a super lively person, not | + | <p class="itemstyle">Introduction:He is a super lively person, please do not be cheated by his introverted appearance. |
+ | He does well in thinking. He can easily calm down and do experiments, trying to find out | ||
+ | the deficiencies in the experiment and correcting them.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 307: | Line 507: | ||
<h4>Name: Sun Zeyu</h4> | <h4>Name: Sun Zeyu</h4> | ||
− | <p>Introduction:She likes to paint, especially the landscape paintings in Chinese paintings. She always thinks that landscape paintings are | + | <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings. |
+ | She always thinks that landscape paintings are only composed of dotted lines, but there | ||
+ | is an indescribable momentum and charm in the mountains and rivers. It is as simple as | ||
+ | she is pursuing.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | + | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 320: | Line 523: | ||
<h4>Name: XuJie</h4> | <h4>Name: XuJie</h4> | ||
− | <p>Introduction:He | + | <p class="itemstyle">Introduction:He looks active and helpful. He loves piano, basketball, travel... He is also |
+ | addictive to explore something unknown. Especially in domain of natural sciences, he firmly believes | ||
+ | that the secret to achieve is perseverance. </p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 333: | Line 538: | ||
<h4>Name:Yu Yijie</h4> | <h4>Name:Yu Yijie</h4> | ||
− | <p>Introduction: She is a | + | <p class="itemstyle">Introduction: She is a cute little girl. She feels optimistic about |
+ | life. There are three things she likes the most: sleeping; smiling, and relaxing | ||
+ | </p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 346: | Line 553: | ||
<h4> Name:Yan Yihai</h4> | <h4> Name:Yan Yihai</h4> | ||
− | <p>Introduction: He | + | <p class="itemstyle">Introduction: He feels enthusiasm on science. Because his parents engaged in scientific |
+ | research, he has opportunities to watch some advanced experimental equipments earlier. Such experiences | ||
+ | spurred his interest in scientific research.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | + | </section> | |
− | + | <section class="service-page"> | |
+ | <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms" style="text-align: center;">Instructors</h2> | ||
+ | <div style=" | ||
+ | width: 28%; | ||
+ | margin: 0 auto; | ||
+ | margin-top: -34px; | ||
+ | "> | ||
+ | <hr style=" | ||
+ | height: 3px; | ||
+ | background-color: #0c3d0c99!important; | ||
+ | margin-top: 40px | ||
+ | "> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p> | <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p> | ||
<div class="row"> | <div class="row"> | ||
<div class="clearfix"> | <div class="clearfix"> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 369: | Line 585: | ||
<figcaption> | <figcaption> | ||
<h4>Dr. Dong Shan</h4> | <h4>Dr. Dong Shan</h4> | ||
− | <p>Duties:Primary PI</p> | + | <p class="itemstyle">Duties:Primary PI</p> |
− | <p>Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His | + | <p class="itemstyle">Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His instructive advice is |
+ | very helpful to us.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 382: | Line 599: | ||
<figcaption> | <figcaption> | ||
<h4>Guo Ting</h4> | <h4>Guo Ting</h4> | ||
− | <p>Duties:Secondary PI</p> | + | <p class="itemstyle">Duties:Secondary PI</p> |
− | <p> | + | <p class="itemstyle">a very lovely and responsible teacher with the highest degree in the biological group, |
+ | she is friendly and gets well along with team members. She also gaves the players a lot of constructive suggestions and guidance. Believe | ||
+ | under the leading of Ms.Guo, teams will get prominent grades.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 395: | Line 614: | ||
<figcaption> | <figcaption> | ||
<h4>Professor Zhu Xufen</h4> | <h4>Professor Zhu Xufen</h4> | ||
− | <p>college of life sciences,Zhejiang University.She mainly works | + | <p class="itemstyle">college of life sciences,Zhejiang University. She mainly works in the field of molecular biology |
+ | and microbiology. | ||
+ | </p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 407: | Line 628: | ||
<figcaption> | <figcaption> | ||
<h4>Professor Xu Cheng</h4> | <h4>Professor Xu Cheng</h4> | ||
− | <p>College of Life Sciences,Zhejiang University</p> | + | <p class="itemstyle">College of Life Sciences,Zhejiang University</p> |
− | <p>You might think he | + | <p class="itemstyle">You might think he looks rigid when you first met him, but later you’ll find he is affine. He |
+ | promotes team members'unity with bioinformatics.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <div class="col-sm-4"> |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 420: | Line 642: | ||
<figcaption> | <figcaption> | ||
<h4>Weng Huifang</h4> | <h4>Weng Huifang</h4> | ||
− | <p>A very friendly teacher. Participate in practical activities with students | + | <p class="itemstyle">A very friendly teacher. Participate in practical activities with students, her main task |
+ | is to guide students to complete their tasks and Instruct them to hold various activities. | ||
+ | |||
+ | </p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
− | + | <div class="col-sm-4"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class="col-sm- | + | |
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
<div class="img-wrapper"> | <div class="img-wrapper"> | ||
Line 437: | Line 657: | ||
<figcaption> | <figcaption> | ||
<h4>Jin Wentao</h4> | <h4>Jin Wentao</h4> | ||
− | <p>College of Life Sciences,Zhejiang University</p> | + | <p class="itemstyle">College of Life Sciences,Zhejiang University</p> |
− | <p>He is a rigorous guy who is very professional in doing experiments.</p> | + | <p class="itemstyle">He is a rigorous guy who is very professional in doing experiments.</p> |
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--Worldshaper-XSHS--mhuangnan.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Huang Nan</h4> | ||
+ | <p class="itemstyle">Duties: Advisor</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/82/T--Worldshaper-XSHS--mleizhaoying.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Lei Zhaoying</h4> | ||
+ | <p class="itemstyle">Duties: Advisor</p> | ||
+ | <p class="itemstyle">College of life sciences,ZhejiangUniversity.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/8f/T--Worldshaper-XSHS--mqiuyue.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Qiu Yue</h4> | ||
+ | <p class="itemstyle">Duties: Advisor</p> | ||
+ | <p class="itemstyle">College of life sciences,ZhejiangUniversity.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | </ | + | </section> |
− | </ | + | </div> |
+ | </section> | ||
− | |||
− | + | <footer class="footer"> | |
− | + | <div class="container"> | |
− | <div | + | <div class="foot-box"> |
− | < | + | <ul class="clearfix"> |
− | < | + | <li class="foot-box-c1"> |
− | + | <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt=""> | |
− | </ | + | </li> |
− | + | <li class="foot-box-c2"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt=""> | |
− | + | </li> | |
− | + | <li class="foot-box-c3"> | |
− | + | <p>Worldshaper-XSHS, Xiaoshan High School</p> | |
+ | <p> | ||
+ | Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China | ||
+ | </p> | ||
+ | </li> | ||
+ | <li class="foot-box-c4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt=""> | ||
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </footer> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 17:27, 17 October 2018
Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading
books, listening to songs, playing musical instruments, aerial photography, robots, etc.
His favorite thing is doing homework.
Introduction: Yu Yangkun is a cheerful, humorous, and sincere person. He does not have bad habits
and has a good health. He is good at drawing and calligraphy. He does things very
meticulouslyly. Introduction: She likes music, sports, and fond of attempting new things. She is more interested in novels
and psychology books. She wants to be a unfettered person who can do what she wants.
to do. Introduction: She likes to participate in team activities and meet new friends. She is curious
about psychology, willing to read some books about social sciences; she believe the importance of efficiency.
"Either don't do it, or do it." She expects to do do anything with her heart.
Introduction: He is a very active person in the team, but he will complete the task on time
and on time. He is very good at science because he only loves science.
Introduction:Yu Yangyang loves animation, games, and natural science. He likes to
explore the unknown world and hopes to become knowledgeable. His drawback is lack of self-control.
Introduction:His hobby is playing basketball and badminton. He likes physical chemistry.
Although he is fat, he likes to jog. Movies and food are his favorite things. He likes
to go to the bookstore with his friends. Introduction:He is a boy who likes to try; He is a boy who can do everything. He is a procrastinator,
but he can get things done in the end. He looked forward to this unusual experience, to
this different growth, and to greeting this gold medal with his teammates. Introduction:He is a lovely boy. He likes to go out to work because he will get plenty
of exercise chances and happiness. He is fond of making friends, getting along with
each others, from mutual ignorance to mutual familiarity. Introduction:He is a super lively person, please do not be cheated by his introverted appearance.
He does well in thinking. He can easily calm down and do experiments, trying to find out
the deficiencies in the experiment and correcting them. Introduction:She likes to paint, especially the landscape paintings in Chinese paintings.
She always thinks that landscape paintings are only composed of dotted lines, but there
is an indescribable momentum and charm in the mountains and rivers. It is as simple as
she is pursuing. Introduction:He looks active and helpful. He loves piano, basketball, travel... He is also
addictive to explore something unknown. Especially in domain of natural sciences, he firmly believes
that the secret to achieve is perseverance. Introduction: She is a cute little girl. She feels optimistic about
life. There are three things she likes the most: sleeping; smiling, and relaxing
Introduction: He feels enthusiasm on science. Because his parents engaged in scientific
research, he has opportunities to watch some advanced experimental equipments earlier. Such experiences
spurred his interest in scientific research. Duties:Primary PI Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His instructive advice is
very helpful to us. Duties:Secondary PI a very lovely and responsible teacher with the highest degree in the biological group,
she is friendly and gets well along with team members. She also gaves the players a lot of constructive suggestions and guidance. Believe
under the leading of Ms.Guo, teams will get prominent grades. college of life sciences,Zhejiang University. She mainly works in the field of molecular biology
and microbiology.
College of Life Sciences,Zhejiang University You might think he looks rigid when you first met him, but later you’ll find he is affine. He
promotes team members'unity with bioinformatics. A very friendly teacher. Participate in practical activities with students, her main task
is to guide students to complete their tasks and Instruct them to hold various activities.
College of Life Sciences,Zhejiang University He is a rigorous guy who is very professional in doing experiments. Duties: Advisor Duties: Advisor College of life sciences,ZhejiangUniversity. Duties: Advisor College of life sciences,ZhejiangUniversity.
Members
Name: Mei Yantao
Name: Yu Yangkun
Name: He Xinyi
Name: Pan Hui
Name: Yang Jianing
Name: Yu Yangyang
Name:CaoShuaijun
Name: Pan Yangbo
Name: ShenHongcheng
Name: ShenYibin
Name: Sun Zeyu
Name: XuJie
Name:Yu Yijie
Name:Yan Yihai
Instructors
Dr. Dong Shan
Guo Ting
Professor Zhu Xufen
Professor Xu Cheng
Weng Huifang
Jin Wentao
Huang Nan
Lei Zhaoying
Qiu Yue