Samdong2017 (Talk | contribs) |
|||
(27 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | <style type="text/css" > | + | <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 | ||
+ | } | ||
+ | |||
+ | .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> | </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 44: | 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 64: | 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 70: | 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 98: | 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 119: | 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 155: | 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 161: | 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> | |
− | </ | + | |
− | </div> | + | <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 193: | 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 200: | 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 213: | 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 225: | 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 239: | 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 246: | 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 254: | 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 267: | 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 280: | 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 293: | 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 306: | 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 319: | 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 332: | 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 345: | 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 358: | 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 381: | 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 394: | 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 407: | 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 419: | 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 432: | 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 449: | 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 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> | ||
+ | </footer> | ||
</html> | </html> |
Latest revision as of 17:27, 17 October 2018
Members
Instructors