(41 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | < | + | <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 | ||
+ | } | ||
− | + | .positiontitle { | |
− | + | position: relative; | |
+ | top: 500px; | ||
+ | font-size: 68px; | ||
+ | color: #fff; | ||
+ | z-index: 100; | ||
+ | letter-spacing: 0.0588235em; | ||
+ | } | ||
− | <link rel= | + | .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; | |
− | <header id="top-bar" class="navbar-fixed-top animated-header"> | + | } |
+ | |||
+ | .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 36: | 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:// | + | <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 56: | Line 199: | ||
<div class="dropdown-menu"> | <div class="dropdown-menu"> | ||
<ul> | <ul> | ||
+ | |||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <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 76: | Line 221: | ||
<ul> | <ul> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a> |
</li> | </li> | ||
+ | |||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a> |
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
Line 107: | Line 250: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a> |
</li> | </li> | ||
<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 117: | Line 260: | ||
<ul> | <ul> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 129: | Line 272: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a> |
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
Line 139: | Line 282: | ||
<ul> | <ul> | ||
<li> | <li> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 145: | Line 288: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https:// | + | <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 153: | Line 299: | ||
</header> | </header> | ||
− | <section class=" | + | <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%"> |
− | <div class=" | + | <!-- 这里是大图的图片链接 --> |
− | + | </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/ | + | <img src="https://static.igem.org/mediawiki/2018/a/a9/T--worldshaper-XSHS--m001.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: Mei Yantao</h4> |
− | + | ||
− | <p> | + | <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 186: | 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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4>Yu | + | <h4>Name: Yu Yangkun</h4> |
− | + | ||
− | <p>Introduction: Yu | + | <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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: He Xinyi</h4> |
− | <p | + | <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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: Pan Hui</h4> |
− | + | ||
− | <p>Introduction: | + | <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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/9/90/T--worldshaper-XSHS--m005.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: Yang Jianing</h4> |
− | <p> | + | |
− | + | <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> | ||
</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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: Yu Yangyang</h4> |
− | + | ||
− | <p>Introduction: | + | <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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name:CaoShuaijun</h4> |
− | + | ||
− | <p>Introduction: | + | <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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: Pan Yangbo</h4> |
− | + | ||
− | <p> | + | <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-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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: ShenHongcheng</h4> |
− | + | ||
− | <p> | + | <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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: ShenYibin</h4> |
− | + | ||
− | <p> | + | <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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m011.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: Sun Zeyu</h4> |
− | + | ||
− | <p> | + | <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"> | ||
− | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2018/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" /> |
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h4> | + | <h4>Name: XuJie</h4> |
− | + | ||
− | <p> | + | <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-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/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name:Yu Yijie</h4> | ||
+ | |||
+ | <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> | ||
+ | </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/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4> Name:Yan Yihai</h4> | ||
+ | |||
+ | <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> | ||
+ | </figure> | ||
+ | </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 350: | 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 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 362: | 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 375: | 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 387: | 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-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/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Weng Huifang</h4> | ||
+ | <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> | ||
+ | </figure> | ||
+ | </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 404: | 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 | + | <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> | ||
+ | </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